Jumat, 21 Juni 2013

Cara Pasang Dropcap di Komentar Blog


Cara Pasang Dropcap Di Komentar Blog memang ada tapi sangat jarang di pasang apa karena tidak tahu cara dan kode css nya atau memang karena malas untuk memasang nya padahal saya kira apabila di pasangpun tidak akan berakibat apa apa baik itu yang berhubungan dengan looding blog ataupun yang behubungan dengan Scor seo karena ini murni hanya untuk memperindah tampilan pada kotak komentar saja,beberapa waktu lalu Kang Mahfid juga sudah share sebuah postingan tentang cara paling mudah membuat Dropcap.. sudah baca ...? kalau belum silahkan klik Link ini.Nah buat sobbat yang akan Pasang Dropcap pada Area komentar silahkan pasang kode di bawah ini dan pasang tepat di bawah kode <head> berikut kodenya :

Kode

<link href='http://fullblogdesign-project.googlecode.com/svn/trunk/dropcap-komentar.css' rel='stylesheet' type='text/css'/>
warna nya gak sesuai sama thema silahkan gunakan kode di bawah ini saja(yang penting pasang salah satu saja) dan edit sendiri sesuai kebutuhan sobat kemudian taruh tepat di atas kode ]]></b:skin> berikut kodenya :

Kode CSS

.comment-content:first-letter {
    background: url("http://fullblogdesign-project.googlecode.com/svn/trunk/kucing joget.gif") no-repeat scroll center bottom transparent;
    color: blue;
    float: left;
    font-family: Georgia !important;
    font-size: 35px;
    line-height: 60px;
    padding-left: 3px;
    padding-right: 8px;
    padding-top: 0;
}
Untuk melihat Demonya silahkan lihat Screenshot gambarnya di bawah ini, jika kurang jelas arahkan kursor pada gambar
Original Article By

3 komentar:

Terima kasih atas Komentar anda