Senin, 08 Agustus 2011

Cara Pasang Gambar / Background Pada Komentar Admin

Cara Pasang Gambar/Background Pada Komentar Admin.  Dahulu kang salman pernah mengulas bagaimana cara membuat komentar admin berbeda dengan pembaca / pengunjung, nah pada kesempatan kali ini postingan tersebut akan kang salman update dengan menambahkan animasi gambar kedalam komentar kita, sehingga komentar Admin blog menjadi unik dan memukau. Hanya dengan 5 langkah mudah seperti berikut:

1. Login ke Blogger > Rancangan > Edit HTML

2. Selanjutnya, cari kode ]]></b:skin> lalu copy kode di bawah ini dan paste di atas kode ]]></b:skin>
.comment-body-author {
background: #ffffff url(link-gambar) bottom right no-repeat;
padding:0px 0px 80px 20px;
}
Keterangan:
Jangan lupa untuk masukan link-gambar, pada tulisan warna biru di atas. Anda juga bisa mengganti warna background komentar admin dengan mengganti kode warna yang kang salman tandai merah di atas background: #ffffff

3.  Lalu, cari kode <data:commentPostedByMsg/> (tekan tombol ctrl + f atau F3 untuk pencarian kode cepat)

4.  Kemudian setelah menemukan kode tersebut, tambahkan dengan kode yang kang salman tandai merah tua di bawah sesuaikan dengan peletakan kode seperti contoh berikut :
<data:commentPostedByMsg/>
</dt>
<b:if cond='data:comment.author == data:post.author'><dd class='comment-body-author'><p><data:comment.body/></p></dd><b:else/><dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if><dd class='comment-footer'>
<span class='comment-timestamp'>

Catatan :
Jika Anta tidak menemukan kode <data:commentPostedByMsg/> maka coba cari kode <dd class='comment-body'>

5. Save template

Oke, Sekarang template blogspot Anda sudah lebih menawan dengan munculnya background gambar pada komentar admin.


Baca Juga:

Jangan asal copy paste! baca aturannya disini
Post By Kang Salman
www.kucoba.com

0 komentar:

Poskan Komentar

give your comment here, please do not spam

 
My Big Dream powered by XXZ