Membuat Perbedaan Antara Comment Pemilik Blog dengan Pengunjung

Fungsi ini bisa dikatakan sebagai Highlight Author Comment yaitu membuat perbedaan antara comment pemilik blog dengan comment orang lain pada postingan blog. Nah, perbedaan ini bisa dilakukan dengan cara comment pemilik blog menggunakan background. Dan juga comment pemilik blog menggunakan border dan efek lainnya. Daripada ruwet-ruwet, to the point ajee laaah. Udah siap? Tancaaap…

1. Login pada Blogger


2. Pilih Tata Letak/Layout


3. Kemudian Edit HTML


4. Klik Expand Widget Template: langkah terbaik adalah juga men-download template dengan cara klik Download Template Lengkap sebelum melakukan edit agar bisa kembali ke pengaturan awal jika terjadi kesalahan.


5. Cari kode ]]></b:skin> kemudian copy kode di bawah ini ke atasnya
   

   .comment-body-author {
   background: #E6E6E6; /* warna background pemilik blog */
   border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
   margin:0;
   padding:0 0 0 20px;
   }



6. Kalo udah tinggal cari kode berikut ini. Tapi tunggu dulu, kode berikut belum pasti sama di template yang ada di blog kamu. Usahakan semirip mungkin, kalo enggak cari aja kode </dt> letaknya mirip kayak gini pokoknya :
   

   <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='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'>
   <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>



7. Buat tulisan yang berwarna merah adalah warna yang harus kamu tambahkan di HTML template kamu, ya letaknya persis kayak di atas pokoknya. Hati-hati posisinya, jangan sampai salah. Kode ini udah bener, q juga pake kode ini, bisa dilihat di semua postingan blog q, kalo q comment pake background warna, iya khand? Jadi kamu juga pasti bisa.


8. Udah yaa? Ya udah tinggal di SIMPAN

Gimana? Bisa khand? Efek ini hanya bekerja kalo kamu Login dulu di bogger, kalo enggak ya nggak muncul efek ini.

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di die-silver.blogspot.com

Gunakan Tombol berikut untuk menyimpan halaman :
Membuat Perbedaan Antara Comment Pemilik Blog dengan Pengunjung
menjadi format PDF dan lebih maksimal jika terdapat kesalahan koneksi atau yang lainnya.

..::Artikel Menarik Lainnya::..