» » Membuat Komentar Admin Beda / Highlight Author Comment

Membuat Komentar Admin Beda / Highlight Author Comment

    Labels: Tutorial Blog supaya Cantik dan SEO

Membuat Komentar Blogspot Layaknya Reply Komentar dari Admin


Sepertinya,sudah banyak ya gan yang memposting masalah bagaimana cara membuat komentar admin beda dengan komentar pengunjung ini.
Mungkin kali ini Pelajaran Blog hanya akan mengulas kembali dan memberikan ide agar tampilan komentar admin yang berbeda dengan komentar pengunjung nanti agar lebih menarik lagi.

Untuk pic preview-nya,seperti apa sih komentar admin yang beda dengan komentar pengunjung itu,sobat lihat gambar dibawah ini:
komentar admin beda.


Kiranya sudah sangat jelas sekali ya gan,apa yang akan dibahas kali ini :D

Langkah Cara Membuat Highlight Author Comment / Membuat Komentar Blogger Admin Berbeda dengan Komentar Pengunjung



Ok,Pertama tentukan blog milik anda yang mana yang akan di modifikasi kotak komentar-nya agar beda dengan komentar pengunjung,dengan memilih Dasboard,lalu pilih Tata Letak / Rancangan blog terpilih tadi.
membuat komentar admin beda Highlight Author Comment.


Kedua,pilih tab Edit HTML,lalu seperti biasa contreng pada checklist tulisan Expand Widget Templates.

modifikasi kotak komentar beda admin dan berbeda.


modifikasi kotak komentar beda admin dan berbeda.


Ketiga,pada barisan kode CSS sobat atau cari saja kode ]]></b:skin>,jika sudah ketemu,letakkan kode css berikut,tepat diatas kode tersebut.

.admin-pb-comments{
background: url(http://2.bp.blogspot.com/_n7xseT2-HDU/TUOJMHKcmhI/AAAAAAAAArs/AxN8AGyHY6E/s1600/pelajaran%2Bblog%2Bbackground.jpg) no-repeat;
border:1px solid #FF9966;
border-left:1px solid #EEEEEE;
border-right:1px solid #EEEEEE;
margin-left:0;
margin-right:20px;
padding:7px;
color:#ffffff;
}

Keempat,cari lagi kode berikut ini (gunakan Ctrl+F di keyboard sob):

dd class='comment-body'

Jika sudah ketemu,tepat diatasnya letakkan kode berikut:

<b:if cond='data:comment.author == data:post.author'>
<dd class='admin-pb-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/>

Kelima,sekarang cari kode berikut:

<dd class='comment-footer'>

Jika sudah ketemu,tinggal sisipkan kode </b:if> tepat diatas kode <dd class='comment-footer'> tersebut.

Setelah itu,Simpan Templates blogger sobat dan cobalah isilah komentar untuk menguji berhasil tidaknya trik membedakan komentar admin dengan komentar pengunjung ini.

Semoga berhasil dan lebih semangat ngeblog ya gan :D



Klik tombol 'Buat Popular Post' di bawah ini jika anda merasa konten/postingan yang sedang anda baca sangat menarik dan bermanfaat bagi anda.
Membuat Komentar Admin Beda / Highlight Author Comment 4.5 5 Om Dadi Membuat Komentar Blogspot Layaknya Reply Komentar dari Admin Sepertinya,sudah banyak ya gan yang memposting masalah bagaimana cara membu...


Labels:

2 comments:

  1. UnknownOctober 19, 2011 at 2:42 AM

    Mantab gan.... makasih banyak ya??

    ReplyDelete
  2. Om DadiMay 3, 2012 at 1:05 PM

    AbduGreen sama-sama mas,. saya senang bisa membantu,. makasih juga udah berkunjung kemari

    ReplyDelete

Silahkan kasih komentar anda di kolom komentar di bawah.
Dengan baik,sopan,ramah dan penuh tanggung jawab, agar bisa memberikan kenyamanan bagi pengunjung lain.terimakasih sudah mengunjungi blog ini :), Tapi maaf di larang berkomentar spam di antaranya:
1. Di larang berkomentar OOT (Out Of Topik) di luar topik/ postingan di atas
2. Di larang komentar iklan-jualan obat-obatan
3. Di larang meninggalkan Link aktif (Alamat Web/Blog)
Jika ingin OOT atau Ninggalin Link Aktif silahkan masuk di menu CONTACT di atas, bagi yang melanggar akan di hapus oleh admin :) . Berkomentarlah yang sesuai dengan postingan di atas Terimakasih