Tips Memberi Icon Disebelah Kiri Nama Komentator Posting

Saya akan membagi resep bagaimana caranya memasang suatu icon disebelah kiri nama komentator pengunjung yang memberi komentar dari suatu artikel.
Tujuannya sih sebagai pemanis dan mungkin pengunjung akan lebih merasa nyaman senang jikalau tiap komentarnya terdapat icon tertentu jadi biar gak sulit mencarinya. Contohnya seperti milik saya yang bergambar icon love merah " ".
Langkah yang harus ditempuh cukup sederhana, seperti dibawah ini:



1. Login Blog

2. Dasbord

3. Layout

4. Edit HTML

5. Sebelum beraksi, alangkah baiknya kita back-up dulu --> klik " Download Full Template "

6. Setelah itu centang --> " Expand Widget Templates "

7. Kemudian cari kode ini ---> #comments-block .comment-author {

8. Tambahkan dibelahnya dengan kode berikut ini :

margin:.5em 0; line-height:1.5em; padding-left:25px; background:#FFFFFF url("http://www.geocities.com/dhuwuh/love.png")
no-repeat 3px .3em; color:#111}

hasilnya akan seperti ini :

#comments-block .comment-author {
margin:.5em 0; line-height:1.5em; padding-left:25px; background:#FFFFFF url("http://www.geocities.com/dhuwuh/love.png")
no-repeat 3px .3em; color:#111}

9. Save dan Refresh blog anda.


Source : http://dhuwuh.blogspot.com/2008/08/tips-memberi-icon-disebelah-kiri-nama.html

Related Posts by Categories :