Komentar Admin Beda Warna

kampanye damai pemilu indonesia 2009Akhirnya, sempet juga nih bikin postingan trik blog baru lagi, setelah beberapa hari ini belum sempet posting.

Kali ini Ayas mau mencoba kasi trik blog mengedit kotak komentar, membuat Kotak Komentar Admin Berbeda Warna.

Sudah jelas, tujuan penggunaan trik ini adalah membuat komentar yang diposting oleh sang pemilik blog akan berbeda warna dengan komentar yang di posting oleh pengunjung blog. Untuk lebih jelasnya, Sodara bisa lihat penggunaan trik membuat komentar Admin Berbeda Warna ini disini.

Nah, sudah jelas kan contohnya?

Berikut trik membuat Kotak Komentar Admin Berbeda Warna :


Jangan lupa Backup dulu template Sodara, untuk menghindari kesalahan.

Pertama, centang dulu pada 'Expand template widget'

Copy code berikut :

.comment-body-author {
background: #ebebeb;
border:1px dotted #000000;
margin:0;
padding:0 0 0 20px;
}

Paste diatas code ]]</b:skin>

Tulisan merah adalah warna background kotak komentar Sodara, sedangkan tulisan berwarna hijau adalah garis tepi kotak komentar Sodara.

Silahkan ganti background dan border sesuai selera sodara.

Selanjutnya, cari kode ini :

<dl id='comments-block'>

Dah ketemu?

Sodara bisa melihat kode2 seperti ini :

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<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>
<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'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>


G sah bingung!! Cukup perhatikan, tulisan berwarna HITAM diatas adalah kode asli sodara. Sedangkan kode warna MERAH adalah kode tambahan.

Jadi, Sodara tinggal copy kode2 berwarna merah, kemudian paste ditempat sesuai seperti contoh diatas. Klo udah, coba preview lalu coba Sodara beri komment (Sebagai Admin). Sekarang komentar Sodara sebagai pemilik blog akan berbeda warna dengan pengunjung Anda.

Selamat mencoba!!!

22 comments:

  1. hhmm....
    boleh nih digoda..
    ehh dicoba... ^___^

    ReplyDelete
  2. Wah..tempat belajar blog..nih
    Sangat berterima kasih jika di kasih cara membuat template 3 kolom...via budhi54@gmail.com

    ReplyDelete
  3. wow, wow .... ini dia yang aku cari2 he he he..
    nice info sob, thanks 4 share

    ReplyDelete
  4. Ini yang kucari, blog semakin berwarna :)

    ReplyDelete
  5. Tolong kasih tau cara menghilangkan kotak komentar dong.
    bisa via Email: sukses.kaya@yahoo.co.id

    Tks Kawanku.

    ReplyDelete
  6. Klo ada pertanyaan, masukan ato tips yang lebih mudah, koment aja y..Insya Allah Ayas bales.. Thanks all..moga2 bermanfaat

    ayas = saya ...AREMA ta ??

    ReplyDelete
  7. ini dia yang bikin aku tadi malam ampe kelimpungan G ketemu2 ternyata adminnya tu yg dr google ya Easy ----- hahahaha aku makan semua dah triknya biar ilmunya kaya yg punya blog ini


    Rgds 3ndur0

    ReplyDelete
  8. muuaaaaaakkkaaacciiiii.....

    ReplyDelete
  9. allo mas ayas yang baik hati.....
    kalau boleh numpang saran...kursor mouse punya mas ayas itu lo kurang nyaman, terlalu tebal jadi kalau mau copy jadi agak repot...., soale blog nya mas ayas ini jadi bahan referensi aq yang masi newbe...aku terimakasih banget lo ya...,
    jangan berenti berkarya dan berkreasi ya mas Ayas..
    thx

    ReplyDelete
  10. kak kok blog ku digituin malah nyaping kekanan gitu sih

    ReplyDelete
  11. bermanfaat bgt nih,jadi pengunjung bisa tau yang bales komennya adalah bener2 si admin

    ReplyDelete
  12. Mkasih Juragan Tutorialnya kebetulan blog Tembang Lawas lagi mencari tutorial ini dan langsung nemu, mkasih Juragan

    ReplyDelete
  13. mkasih tutorialnya kang blog Easy Share saya makin menarik :-)

    ReplyDelete
  14. koq gag mw ya gan..
    gag bisa pas scrip yang berwarna merah gan...



    gmn solusinya gan...?

    ReplyDelete
  15. kok gak bis ya mas aku cari pake f3 ]] gak ada tuh pusing

    ReplyDelete

Klo ada pertanyaan, masukan ato tips yang lebih mudah, koment aja y..Insya Allah Ayas bales.. Thanks all..moga2 bermanfaat

 
Copyright © 2013. About - Sitemap - Contact - Privacy
Template Seo Elite oleh Bamz