-->
© 29-Nov-2011
About the Author
11:18 WIB
Snippet

Membuat menu Dropcap pada Komentar

Untuk Contoh tampilannya bisa dilihat di gambar dibawah ini:

Mungkin sudah pda tahu menu dropcap adalah Huruf besar yang disimpan di awal Paragraf dengan tampilan Huruf yang lebih besar dibandingkan dengan huruf setelah huruf dropcap tersebut. yang sebelumnya juga pernah saya postingkan yang pemakaiannya pada Posting Artikel, di Tutorial Cara Membuat Huruf Besar di Awal Posting .
Langsung saya perlihatkan komentar yang udah mau sharing cara memasang Drop Cap ini; tidak lain tidak bukan Mas Ben Si Ganteng Kalem... :D, Kayanya bagus buat Tampilan komentar biar lebih Cute n Nyentrik. he
Untuk cara membuatnya ikuti langkah-langkah berikut:
  1. Login blogger
  2. Rancangan, Edit Html
  3. Centang menu Expand Template Widget
  4. Simpan kode CSS ini diatas kode  ]]></b:skin> :
.comment-content p:first-child:first-letter {
font:3.1em/1em Georgia, Gentium, "Times New Roman", Times, serif;
float:left;
padding:5px 1px 0 0;
color:#f0c;
}

5. Cari kode dibawah ini :
<b:if cond='data:comment.author == data:post.author'>
jika sudah ketemu simpan kode ini diatasnya
<div class='comment-content'>

6. Cari tag penutup paling akhir (jika ada 2) </b:if> dan letakan tag penutup ini </div> Masih disekitaran kode-kode disana, biasanya seperti ini </dd></b:if>.


7. Ubah kode <data:comment.body/> jadi seperti ini <p><data:comment.body/></p> .

8. Simpan template dan lihat hasilnya.

Leave a Reply