15 October 2008

Highlight Author Comment

Highlight Author Comment fungsinya adalah supaya komentar author (pemilik blog) berbeda dengan komentar orang lain . Contohnya bisa dilihat di blog ini. Untuk komentar pemilik blog akan ada bordernya dan ada efek lainnya. Nha berikut ini akan aku beberkan cara untuk membuat Highlight Author Comment ini. Dah siap semuanya ? OK lets dance togather :D

1. Login ke blogger trus ke menu "Layout --> Edit HTML"
2. Beri tanda centang pada kotak "Expand Widget Templates"
3. Copy script berikut ini sebelum kode ]]></b:skin> atau copy ke dalam kode CSS.

.comment-body-author {
background: #E6E6E6; /* Warna Background */
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px;
}


4. Kemudian cari kode2 seperti berikut. Mungkin kode yg ada di HTML kamu akan beda, tp walaupun beda usahakan semirip mungkin dengan kode berikut ini :

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<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>
said...
</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='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>


5. Kode yang berwarna merah adalah kode yang harus kamu tambahkan di HTML kamu. Posisinya harus benar, ingat itu.
6. Kalo sudah terus disave template kamu.

Comment author ini berdasarkan profil dari pemilik blog tsb. Jadi supaya efeknya muncul sebelum memberi komentar kamu harus login dulu di blogger. OK.
Oh ya ini bukan untuk komentar dari haloscan lho. Tapi hanya untuk kotak komentar yg dari blogger murni

131 comments:

  1. pertamakah? bensinkah?
    baca dulu

    ReplyDelete
  2. mau ikutan, tapi belum ngerti baca dulu mas kendhi eh salah samurai-y

    ReplyDelete
  3. Yap! bekerja dengan baik.
    makasih mas kend,...

    ReplyDelete
  4. wah ko pas ya :D di saat saya lagi cari-cari...

    ReplyDelete
  5. Saya juga punya artikel yang sama, udah lama sekali malah...tapi caranya mungkin beda....
    ada DISINI

    ReplyDelete
  6. makin asik aja nih...aku coba ahc, nanti kl kita kasih balasan tanpa login keblog..efek ini ga berfungsi yach?

    ReplyDelete
  7. Keren bro,, Nice... coba ah..

    ReplyDelete
  8. Wah Bagus nih tipsnya

    ReplyDelete
  9. lumayan ke 10 hehe :D

    asik...nambah lagi nih ilmu saya ;)

    ReplyDelete
  10. kok gak jalan di punyaku bos?

    ReplyDelete
  11. kapan aku ada waktu sih. panduan sudah ada,tapi kok waktuku mepet ya? btw, rutin nongkrong disini tuh emang gak sia sia. meski tuan rumahya juga selalu diam2 jika bertandang kerumahku,he..he...

    ReplyDelete
  12. Saya Udah Pasang mas... Cuman dah Lama tapi Belum sempat Buat tutorialnya... dan Saya tambahkan Background juga mas.... :d

    ReplyDelete
  13. thx uat infonya,mas. Ntar kalo ada bomment di blogku baru pasang deh..

    ReplyDelete
  14. wah...., bole nyoba nie....

    ReplyDelete
  15. oh yes.. trik ini yang tak cari2 sedari dulu..
    thanks infonya..

    ReplyDelete
  16. siip..tak coba dulu, mas..

    terima kasih, mas..

    ReplyDelete
  17. Thx bgt bwt smua tip n trikny. Aq byk pke script dr blog ni. Aq jg mw tnya "bisa gak sbuah blog yg udah terindex di google dihapus suapaya tdk terindex lg? Coz blogku ganti nama tp yg trindex di hal. utama google malah blog yg dulu, blog baruny di hal. 2?Mohon pencerahannya scra detail" :)

    ReplyDelete
  18. Makasih tutorialnya, mudah2an bisa nich. soalnya belum keliatan. Blognya masih baru, belum ada comment.

    Moga makin ampuh aja dech.. trik-tips-nya.

    ReplyDelete
  19. contekan baru lagi ich, langsung surving..
    nech mungkin blognya profesor blog ya, tau jenis2 code yg ruar biasa ribert,(tuh khan.
    cemilan inspiratif:"nilai suatu persaHabatan sebenarnya dilihat dari ketulusan hati yang kesediaan amu berkorban bagi orang lain"

    keep survive fren...
    cHao

    ReplyDelete
  20. wah,, aku pusing nih.. bisa berikan petunjuk gak buat template blogku... aku ambil template dari mas,, namanya coolblue.. tolong dong...

    ReplyDelete
  21. bos aku coba kasi url background kok ada bordernya yang menabrak tulisan ya.gimana cara buang border itu? dan seandainya aku mau buat teknya berwarna lain dan font lain dengan tek posting gimana caranya. tolong dong

    ReplyDelete
  22. Wahh.. ada yg baru lg nih, thanks atas ilmunya Mas.

    ReplyDelete
  23. aduh.. kenapa komennya malah jadi 2 yha???
    yang satu polos, yang satu ada highlight nya..
    Bagian mana yah ynag harus dibenerin?
    Minta pencerahannya mas...
    makasih...

    ReplyDelete
  24. wah....mas kendhin...makasih....ini yang aku cari....coba dulu....ah, entar kalopusing masuk lagi ah kalo enggak di ym ajha ama taringkusakti

    ReplyDelete
  25. Sudah saya terapkan di blog saya dan berhasil. Terima kasih!
    :D

    ReplyDelete
  26. yeah, dah bisa mas

    ReplyDelete
  27. Maz Kendh.. Help me yaw..
    Setiap aq edit HTML pas udah di save tmplate, mesti keluar pesan ERROR + Maafkan kami tdk bs melaksanakan permintaan Anda.....
    Itu bnrnya knapa sih?? Bingung :?

    ReplyDelete
  28. Mantap infonya,mas..Jadi ketagihan mampir terus ke sini terus deh. Mo dicoba ah..Meluncur ke TKP

    ReplyDelete
  29. @beat2ws , nanti lama2 juga akan terhapus sendiri kok. Kalo mintanya harus sekarang atau secepatnya mungkin harus menghubungi punggawa goole dulu kali ya.
    @arief_spekta, lha ini petunjuknya.
    @NAZA LUCKZANA , untuk menghilangkan bordernya bisa dgn cara menghilangkna kode ini :
    "border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;"
    sedangkan untuk memberi warna lain bisa ditambahi kode seperti :
    color:#3366CC;
    @abbysempoi, kalo cm promosi sih boleh aja, asal jangan Nyepam dan juga jgn kebanyakan.
    @bLoGer, perhatikan lagi kode2nya bos, mungkin ada yg salah.
    @beat2ws , bisa di jelskan secara lengkap pesan kesalahannya?
    @Blogendeng, ketagihan? kayak candu aja :))

    ReplyDelete
  30. This comment has been removed by the author.

    ReplyDelete
  31. seep,,,mampir ke blogku juga ya mas....

    ReplyDelete
  32. mas kok tetep gak jalan ya...

    ReplyDelete
  33. mas kok tetep gak jalan ya... ada yg kliru bagian mana ya?

    ReplyDelete
  34. maz kuk pnya q mala postnya kluar 2..
    gmn ?? bingung ak?? dphl udah ak cek ulang :|

    ReplyDelete
  35. Artikel yang bermanfaat gan. semoga tambah sukses ya AMINN

    ohya gan, saling kunjung balik ya di http://aurigamaulana.blogspot.com

    ReplyDelete
  36. wah Infonya keren... msh newby nih

    ReplyDelete
  37. Bingung Nih Mas.
    Nggk ada screenshot nya nggk ?

    ReplyDelete
  38. cience fiction and fantasy writers, on one hand, and the people who take their stuff seriously, on the other, has always been a strange one. For the most part, the SF writers have

    ReplyDelete
  39. thx gan,, artikelnya sangat bermanfaat sekalii

    ReplyDelete
  40. artikel yang bgus mas, boleh dicoba nihh ilomunya.....

    ReplyDelete
  41. Terimakasih infonya Ka.... Sangat Membantu,..

    ReplyDelete
  42. Terima kasih atas petunjuk2 yang telah diberikan.

    ReplyDelete
  43. Raed more nya bekerja dengan baik..

    ReplyDelete
  44. sangat bermanfaat artikel anda

    ReplyDelete
  45. Terimakasih infonya dan waktunya untuk berbagi

    ReplyDelete
  46. terima kasih, atas bimbinganx tapi, posting Q tak kelihatan rapi(

    ReplyDelete
  47. makasih banyak artikelnya gan.. salam kenal dan jangan lupa berkunjung balik yah

    nama obat sipilis
    ciri penyakit sipilis
    ciri sipilis
    obat alami sipilis

    ReplyDelete
  48. terimakasih atas informasi menariknya gan.. Jangan lupa berkunjung ke blog obat herbal kami dibawah ini yah..!!


    sipilis pada wanita
    cara mengobati sipilis
    pengobatan sipilis
    gejala penyakit sipilis

    ReplyDelete
  49. Cool Tips Bro

    http://naufalqih.blogspot.com

    ReplyDelete
  50. Trimakasih gan saya jadi faham tentang artikel agan...dan saya mohon maaf numpang lapak gan semoga ada yang berkenan untuk mengunjungi situs kami mengenai penyakit kelamin... ~ obat sipilis pada pria ~ obat-sipilis-pada-pria-yang-paten ~ obat penyakit sipilis pada pria

    ReplyDelete
  51. Semoga anda selalu sukses, dan terimakah untuk informasi yang bermanfaatnya sangat membantu

    ReplyDelete
  52. Terima kasih sudah mau berbagi dengan minimalist home design informasinya tersebut, semoga dapat bermanfaat untuk kita semuanya yang telah menyimaknya

    ReplyDelete
  53. memang website yang keren memang kumpulan poto harus begini,selalu mengedepankan kepuasan dan banyak memberi manfaat bagi pengunjungnya.

    ReplyDelete
  54. Dukopool Services berkomitmen tinggi terhadap pelayanan yang berkualitas dan kepuasan terhadap pelanggan dengan hasil kerja yang maksimal dari team kami. Kami selalu berupaya untuk melakukan perbaikan sistem dan proses perawatan kolam renang. Perawatan kolam yang kami lakukan adalah pembersihan kolam renang yang super cepat dengan menggunakan bahan-bahan chemical yang terbaik demi menjaga kolam renang yang anda miliki sealu terlihat jernih dan enak dipandang setiap saat. Air kolam renang yang anda miliki menjadi tidak lengket dan berbau, karena kami selalu mengechek kadar keasaman air (Ph) setiap kali melakukan perawatan kolam renang.

    ReplyDelete
  55. https://asuransiterbaikdunia.blogspot.com/

    ReplyDelete
  56. https://hotelapartement.blogspot.com/
    https://perawatanairmancur.blogspot.com/
    https://tawardanasin.blogspot.com/
    https://hightaffiliatemarketing.blogspot.com/
    https://sirisaacnewtonbighrafhy.blogspot.com

    ReplyDelete
  57. I really loved reading your blog. It was very well authored and easy to understand. Unlike other blogs I have read which are really not that good.Thanks alot!
    스포츠토토

    ReplyDelete
  58. Its a great pleasure reading your post.Its full of information I am looking for and I love to post a comment that "The content of your post is awesome" Great work.
    dewapoker

    ReplyDelete
  59. My friend mentioned to me your blog, so I thought I’d read it for myself. Very interesting insights, will be back for more!
    รีวิวคาสิโนออนไลน์ sa gaming

    ReplyDelete
  60. wow, great, I was wondering how to cure acne naturally. and found your site by google, learned a lot, now i’m a bit clear. I’ve bookmark your site and also add rss. keep us updated
    เลือกห้องบาคาร่า

    ReplyDelete
  61. Hey, you used to write wonderful, but the last few posts have been kinda boring¡K I miss your great writings. Past few posts are just a bit out of track! come on! 
    เล่นบาคาร่าออนไลน์2021

    ReplyDelete
  62. You have done a great job. I will definitely dig it and personally recommend to my friends. I am confident they will be benefited from this site.
    สูตรไฮโลออนไลน์

    ReplyDelete
  63. I would like to thank you for the efforts you have made in writing this article. I am hoping the same best work from you in the future as well. In fact your creative writing abilities has inspired me to start my own BlogEngine blog now. Really the blogging is spreading its wings rapidly. Your write up is a fine example of it.
    รีวิวคาสิโนออนไลน์-sexy-baccarat

    ReplyDelete
  64. mmm.. good to be here in your article or post, whatever, I think I should also work hard for my own website like I see some good and updated working in your site.
    รีวิว-joker gaming

    ReplyDelete
  65. I went over this website and I believe you have a lot of wonderful information, saved to my bookmarks
    เคล็ดลับเกมสล็อตออนไลน

    ReplyDelete
  66. We run a community that promotes massage and leaves reviews, so why don't you come in and take a look?
    ssasymposium.org

    ReplyDelete
  67. I wanted to thank you for this great read!! I definitely enjoying every little bit of it I have you bookmarked to check out new stuff you post.
    Agen Bola Terpercaya

    ReplyDelete
  68. nice article
    please visitt my gallery too at pg soft

    ReplyDelete
  69. I read this article. I think You put a lot of effort to create this article. I appreciate your work. ข่าวฟุตบอลต่างประเทศวันนี้

    ReplyDelete
  70. I would like to thank you for the efforts you have made in writing this article. I am hoping the same best work from you in the future as well. In fact your creative writing abilities has inspired me to start my own BlogEngine blog now. Really the blogging is spreading its wings rapidly. Your write up is a fine example of it. ไฮไลท์พรีเมียร์ลีก

    ReplyDelete
  71. Should there be another persuasive post you can share next time, I’ll be surely waiting for it. ข่าวฟุตบอลไทยวันนี้

    ReplyDelete
  72. r3s45e1q55 p5e11l5t98 b3d69h3b60 r1d66p3g56 x4x95b8x34 i7c44c8q64

    ReplyDelete
  73. В стране действует территориальная система налогообложения. В случае, если компания получает доход исключительно из за пределов Сейшел, налогообложение отсутствует. Для приобретения готового оффшора на Сейшельских островах или регистрации оффшорной компании на Сейшельских островах Вы можете воспользоваться контактной информацией.
    Купить офшор

    ReplyDelete