Home » , » Membuat Kotak Komentar Admin Berbeda di Blog

Membuat Kotak Komentar Admin Berbeda di Blog

Written By Justang Zealotous on Sabtu, 07 Juli 2012 | 02.54

Membuat Kotak Komentar Admin Berbeda di Blog
Aduhh, punggungku encok ne!!!http://matcuoi.com
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'>
Share this article :
Comments
0 Comments

0 komentar:

:) :( ;) :D ;;-) :-/ :x :P :-* =(( :-O X( :7 B-) :-S #:-S 7:) :(( :)) :| /:) =)) O:-) :-B =; :-c :)] ~X( :-h :-t 8-7 I-) 8-| L-) :-a :-$ [-( :O) 8-} 2:-P (:| =P~ #-o =D7 :-SS @-) :^o :-w 7:P 2):) X_X :!! \m/ :-q :-bd ^#(^ :ar!
Pasang Yahoo Emoticon Anda

Poskan Komentar

Jika ada yang kurang paham mengenai artikel ini, silahkan kirim komentar dan harus relevan dengan isi artikel di atas.INGAT jangan memberikan komentar dengan bumbu SPAM,P*RNO,PROMO,LINK !!! Terima Kasih dan jangan lupa follow blog ini nanti saya akan follback promise

 
Back To Top : Klik untuk Kembali ke Halaman Atas ↑↑↑
Copyright © 2011. Belajar Internet - All Rights Reserved
Template Modify by Creating Website Inspired Wordpress Hack
Proudly powered by Free Coupons