Membuat menu Dropcap pada Komentar
Untuk Contoh tampilannya bisa dilihat di gambar dibawah ini:
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:
- Login blogger
- Rancangan, Edit Html
- Centang menu Expand Template Widget
- 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.
Show
0 Comments
prev
next