Membuat Kotak Komentar Admin Berbeda di Blog

Aduhh, punggungku encok ne!!!
Tapi, tidak masalah karena yang penting aku bisa memberikan yang terbaik untuk kalian para pengunjung blog ini. Apa kabar semua? Semoga baik dan terus berada di lindungan Allah swt. aminn.
Postingan Belajar Internet kali ini, akan membahas tentang Membuat Kotak Komentar Admin Berbeda di Blog. Dengan berbedanya kotak komentar admin dengan pengunjung blog dapat membedakan antara komentar yang masuk. Jadi, Anda tidak kewalahan lagi membedakan yang mana admin dan mana pengunjung. Sekedar contoh, Anda bisa lihat gambar di bawah ini.

Konsep ini saya temukan ketika saya sedang menjelajah ke blog-blog di internet, disana terdapat banyak admin yang membedakan kotak komentarnya dengan para pengunjung blognya. Akhirnya, saya juga berinisiatif untuk melakukan hal yang sama.

Baiklah kita lansung saja ke topik permasalahan. Simak yang baik yah, ini cukup mudah ko'
1. Login ke akun blogger Anda
2. Silahkan masuk di template dan klik Edit HTML
3. Centang Expand Template Widget
4. Cari kode ]]></b:skin> dan letakkan kode di bawah ini, tepat di atas kode ]]></b:skin> tersebut

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

Catatan:
Kode berwarna merah tersebut anda bisa ganti dengan kode warna keinginan Anda, untuk melihat kode warna HTML anda bisa klik DISINI

5. Cari lagi kode seperti di bawah ini:

   <data:commentPostedByMsg/>
   </dt> 

dan pastekan kode di bawah ini tepat di bawah kode </dt> 

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

6. Selanjutnya cari kode <dd class='comment-footer'> dan letakkan kode </bi:f> tepat di atas kode <dd class='comment-footer'> tersebut, maka keseluruhan akan terlihat seperti di bawah ini:
 

<data:commentPostedByMsg/>
</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' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <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'>

Cara Pasang Kotak Komentar Facebook di Blog

Facebook sekarang memang telah mendunia dan tentunya siapa yang tidak kenal dengan jejaring sosial yang satu ini. Tua, muda semua mempunyai akun Facebook. Meskipun banyak pemberitaan sekarang yang mengatakan bahwa Facebook akan segera punah, namun tidak salahnya kita memasang kotak komentar Facebook di Blog para sobat semua. agar membuat pengunjung mudah untuk memberikan komentar kepada artikel sobat.  Namun sebelum kita ke TKP, kalian mungkin bertanya, "Mengapa Anda menyuruh kami untuk memasang kotak komentar Facebook di Blog, padahal Anda sendiri tidak menggunakannya?", nah dari pertanyaan tersebut, jawabannya seperti ini, aku sudah pernah mencoba namun sayang template blog saya tidak mendukung aku untuk memasangnya, sudah banyak widget yang aku ingin pasang agar buat menarik, namun semuanya tidak pernah muncul, ini bukan karena gagal, namun memang tidak bisa.

Jadi, ayo kita lansung ke TKP. Cara ini memang sudah basi, namun buat kalian yang belum tahu silahkan simak langkah-langkah di bawah ini.

1. Masuk di akun blog Anda
2. Masuk di bagian Template

3. Klik Edit HTML

4. Jiika kembali terdapat kotak dialog, lansung klik Lanjutkan
5. Centang Expand Template Widget
6. Cari kode <data:post.body/> , untuk lebih mudah tekan ctrl+F
7. Copy kode di bawah ini dan paste di bawah kode <data:post.body/> tadi

<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:comments href='isikan dengan url blogmu' num_posts='5' width='550'/>
</b:if>

8.  Terakhir, klik Simpan Template

selamat mencoba para blogging semua..

Buat Kalian yang ingin TUKARAN LINK dengan saya, silahkan klik DISINI