Cara Membuat Komentar Admin Berbeda Warna dari Pengunjung Lain di Blogger

Assalamualaikum.. Selamat Pagi sobat informasi maya, Sering kita temukan disuatu blog terdapat background komentar yang berbeda dengan pengunjung. Perbedaan tampilan komentar sangatlah membantu pengunjung untuk mengetahui siapa pemilik dari blog tersebut. pernahkah berpikir bagaimana cara membua hal itu? jika sobat anda tertarik nih kang salman kasih rahasianya.

1.  Login dulu ke blogger 
2.  Pilih Tata letak 
3.  Klik Edit HTML
4.  Cari kode ]]</b:skin>

5.  Copy kode di bawah ini kemudian simpan di atas ]]</b:skin>

.author-comments {
background: #333333;
border: 2px solid #666666;
padding: 5px;
}

background = untuk warna latar belakang silahkan ganti dengan warna yang cocok dengan background anda
border = untuk ketebalan garis


6. Kemudian temukan kode berikut atau fokus ctrl+f  lalu masukan  =>  <dl id='comments-block'> klik tanda next di sampingnya, sehingga muncul yang mirip seperti di bawah ini : 

<dl id='comments-block'> 
<b:loop values='data:post.comments' var='comment'> 
<dt class='comment-author' expr:id='"comment-" + data:comment.id'> 
<a expr:name='"comment-" + data:comment.id'/> 
<b:if cond='data:comment.authorUrl'> 
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> 
<b:else/> 
<data:comment.author/> 
</b:if> 
said... 
</dt> 
<b:if cond='data:comment.author == data:post.author'> 
<dd class='author-comments'> 
<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'> 
<a expr:href='"#comment-" + data: 
comment.id' title='comment permalink'> 
<data:comment.timestamp/> 
</a> 
<b:include data='comment' name='commentDeleteIcon'/> 
</span> 
</dd> 
</b:loop> 
</dl>

Untuk kode yang berwarna merah adalah kode yang harus ditambahkan ke dalam tamplate anda sesuai dengan posisi kode diatas 

Artikel Terkait:

Blogger

• Cara membuat tombol minimize dan maximize
• Cara Membuat Daftar Isi Dengan Jquery
• Cara Membuat Kotak Area Dengan Efek Membesar Saat Disorot Mouse
• Cara Membuat Link Bergoyang Dengan Javascript
• Post Populer dengan Animasi
• Konten Bundar Slide
• Cara membuat Label cloud berputar di blog
• Putar Gambar dengan CSS3 tanpa Javascript
• Pasang Modus Hemat Energi di Blog
• Membuat Tombol Top Up
• Gambar Dengan Efek Zooming di Blog
• Kotak Text Area Dengan Tombol Select All
• Cara Membuat Browser Berputar
• Cara Membuat Efek Coret Pada Postingan
• Image Gallery Menggunakan Jquery 1.4.2
• Cara Menampilkan Favicon Di Semua Browser
• Cara Membuat Random Post Di Blogger
• Cara membuat Artikel Terkait Dengan Gambar/Thumbnails
• Cara Mudah Pasang Emoticon Di Kotak Komentar
• Cara Pasang Head Line News
• Membuat Artikel Terkait Dengan Fungsi Scroll
• Cara Membuat Fitur Reply Pada Kotak Komentar
• Cara Mudah Membuat Recent Post Bergambar Dengan Efek Naik Tangga
• Cara menampilkan Icon Di Judul Postingan
• Memanipulasi Tampilan Jumlah Komentar