Membuat Warna Kotak Komentar Admin berbeda

---

Halo sobat blogger, saya sedang semangat-semngatnya nih nulis posting baru. Oh ya, gimana keren gak tempelate baru blog saya?hehehee
Kali ini saya mau nulis tentang Membuat Warna Kotak Komentar Admin berbeda dari kotak komentar pengunjung.
Trik ini digunakan para blogger untuk mempercantik tampilan blog mereka dan juga untuk memudahkan pengunjung membedakan antara admin dan pengunjung lain saat membaca komentar di postingan blog. Nah gimana, sobat berminat atau tidak?? Kalau berminat, ayo lang sung saja ke-TKP!!hehe

Ini dia tutorialnya:

1. Masuk ke akun Blogger Sobat.
2. Klik Rancangan > Edit HTML.
3. Klik Download Template Lengkap untuk berjaga-jaga kalau nanti terjadi kesalahan kita dapat dengan mudah mengembalikan template seperti semula.
4. Beri tanda centang di Expand Template Widget.
5. Cari kode ]]></b:skin> Tekan Ctrl + F lalu isikan kode untuk mempercepat pencarian.
6. Copy kode di bawah ini lalu paste di atas kode tersebut.
   
   
   .comment-body-author {
   background: #fee6e6; /* Warna Background */
   border:2px dotted #d31111; /*Border*/
   margin:0;
   padding:0 0 0 0px;
   }
   
   
   #fee6e6 merupakan warna untuk latar belakang, silakan ganti kode warnanya untuk mengubah warnanya.
   2px dotted #d31111 adalah border style dot dengan ketebalan 2 piksel dan berwarna #d31111. Silakan diubah sesuai keinginan Sobat.
7. Cari kode seperti di bawah ini.
   
   
   <b:if cond='data:comment.authorUrl'>
   <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>
   <b:else/>
   <data:comment.author/>
   </b:if>
   <data:commentPostedByMsg/>
   </dt>
   
   <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>
   
   <dd class='comment-footer'>
8. Letakkan kode berikut dibawah kode
   <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/>
9. Dan letakkan kode </b:if> dibawah kode
   
   <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>
   
10. Sehingga hasilnya semuanya menjadi seperti di bawah ini.
    
    
    <b:if cond='data:comment.authorUrl'>
    <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>
    <b:else/>
    <data:comment.author/>
    </b:if>
    <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'>
    Kode yang berwarna hitam adalah tambahanya,itu yang perlu diingat.
    
11. SIMPAN TEMPLATE.

Sekian dulu ya dari saya sob..mudah2an tutorial diatas bisa mempercantik blog kalian..
Salam Blogger!!



referensi:http://infonetmu.blogspot.com

Anda sedang membaca artikel tentang Membuat Warna Kotak Komentar Admin berbeda dan anda bisa menemukan artikel Membuat Warna Kotak Komentar Admin berbeda ini dengan url http://wawasanfadhitya.blogspot.com/2012/03/membuat-warna-kotak-komentar-admin.html?m=0,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Membuat Warna Kotak Komentar Admin berbeda ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Membuat Warna Kotak Komentar Admin berbeda sebagai sumbernya.

Share on :

Bagikan

share

Oleh Fandi Adhitya | | 10 comments