
Membedakan tampilan komentar pemilik dengan pengujung atau istilah kren-nya Author Comment Highlight tentu akan mempermudah pengunjung lain untuk melihat mana komentar dari pengunjung blog dan mana komentar pemilik blog.

Tanpa banyak cuap-cuap langsung aja ya ketahap pembuatannya?
Pertama:
Masuk pada Template -> Edit HTML -> jangan lupa beri tanda centang pada Expand Template Widget
cari kode <dd class=’comment-body’> atau lihat arahan kode warna hijau dibawah ini, jika sudah ketemu kode <dd class=’comment-body’> tambahkan kode dengan warna merah di atas kode tersebut. kemudian tambahkan juga kode </b:if> seperti tampak pada kode dibawah.
<dl id=’comments-block’>
<b:loop values=’data:post.comments’ var=’comment’>
<b:if cond=’data:comment.author == data:post.author’>
<dt class=’owner-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>
<data:commentPostedByMsg/>
</dt>
<b:else/>
<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>
<data:commentPostedByMsg/>
</dt>
</b:if><b:if cond=’data:comment.author == data:post.author’>
<dd class=’owner-Body’>
<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><b:if cond=’data:comment.author == data:post.author’>
<dd class=’owner-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:else/>
Kemudian tambahkan kode CSS dibawah ini
Cari kode dengan warna hijau, jika sudah ketemu tambahkan kode dengan warna merah dibawahnya.
#comments-block .comment-body p {
margin:0 0 .75em;
background:#f3f3f3 no-repeat left bottom;
}
.owner-Body {
margin:0;
padding:0 0 0 20px;
}
.owner-Body p {
font-size:100%;
margin:0 0 .2em 0;
color:#FF0000;
text-decoration:bold;
}
Selamat mencoba..ups hampir lupa ucapan terima kasih buat mas anang yang menulis lebih dulu tutorial ini.
Ah, jadi pertamax nih ceritanya. :D Thanks Om, langsung diaplikasikan ilmunya. Salam hangat...
BalasHapus@ecko : wah jarang2 nih mas ecko jadi pertamax...ya udah om premium hihi
BalasHapusKereeen..ditunggu ya hack blogger selanjutnya...
BalasHapus@abi : OK silahkan ikuti terus perkembangan di blog om :)
BalasHapusudah lama saya nyari tips ini Om, Koq baru ketemu sekarang ya? Thanks Om.
BalasHapus@feri : thanks juga feri dan silahkan dicoba
BalasHapusDuh om, saya sudah pernah buat kolom komentar dari tutorial kang rohman, tp tidak berwarna.
BalasHapusUdah seneng2 nemu tips ini. Tp gabisa digunakan katanya kode xml tidak benar..
Kayanya formatnya beradu ya?
huhuhuuu.....
@bani : mungkin ada kesalahan waktu copy paste kodenya..atau templatenya sudah di modifikasi..dicoba dulu ya...
BalasHapussaia coba kok rada susah yah om...
BalasHapusada apa gerangan.....
numpang absen dulu aja yah om.. :D
wah kotak komentarnya baru ya om, kapan dibuatkan tutorialna nieh
BalasHapusini dia yang dicari-cari
BalasHapustak cobain dulu ahh... :))
#comments-block .comment-body p {
BalasHapusmargin:0 0 .75em;
background:#f3f3f3 no-repeat left bottom;
}
oom kok yg ini punyaku g ada ya..???
(bantuin o-om ahh.., tapi sori kok, kalo salah ntar di koreksi ya)
BalasHapus@Kang Noval..
#comments-block .comment-body p {
margin:0 0 .75em;
background:#f3f3f3 no-repeat left bottom;
}
Ini gak mesti sama... tergantung templates
(soalnya punya saya juga beda, he..he.. yang penting cari aja kode CSS buat BODY komentar)
om, apa bedanya code css di atas antara owner-body dengan owner-body p
BalasHapuskalo saya hapus salah satu boleh gak om?
Om .. g jadi ... templateku beda e dah g kek blogger yg standard gmn??? :(( Tolongin ane dunn om....
BalasHapus://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif
BalasHapushttp://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif
#comments-block .comment-body p {
BalasHapusmargin:0 0 .75em;
background:#f3f3f3 no-repeat left bottom;
oom tulisan ini nggak ada tu di html template sya
}
waduuh... ga da OM tag di atas, kyknya template saya udah di modifikasi..;(
BalasHapusNach ini dia..yang gw suka agar nanti gw bisa kreasi,biar blognya tampil beda,tapi sampai hari ini sebagai newbie gw blom bisa meletakkkan posting comentar dibawah posting,mungkin Om ada petunjuk,Thanks
BalasHapusWah Bagus kang tutorialnya
BalasHapusom....
BalasHapuspunya saya kok ga bisa dirubah ya...
templatenya beda om..
gmn?
:((
Saya mau Om...saya juga pakai template buatan Anda..pasti tips ini cocok
BalasHapusSelamat malam o-om :D
BalasHapusterimakasih o-om. infonya helpful. tapi kode diatas gak bisa langsung di kopi paste.. soalnya ada salah ketik yaitu pada:
BalasHapustanda petiknya. yang seharusnya pake tanda ( ' ) tapi pada kode di atas pake ( ` ) jadinya malah error deh..
Ini dia yang aku cari2,ternyata ada disini.langsung dipraktekin om...
BalasHapusmau tanya oom, kalo link authornya harus pake link dari google account atau link blog kita? ane nyoba gagal mulu...:((
BalasHapusAssalamu alaikum bang oom..
BalasHapusterima kasih.. atas ilmunya, permisi ya..mau ngeborong ilmu ni..?!?! ;;)) malam ini Alhamdulillah sudah berhasil menerapkan 2 (komentar dibawah posting& pasang emoticon),namun 2 lainnya gagal melulu.. (tampilan blogger flowers & costumized u/ blogger followers)
solusinya bagaimana ya?/? ;))
:-t gak nemu om
BalasHapusMakasih byk om...
BalasHapusArtikelnya bnr2 bermanfaat
Mas..kok saya mau nyari kode yang warna ijo kok gak ada di edit html saya?
BalasHapusbener kata mas andrianzz Kang oom, td saya cb muncul error di html-nya trus pas diganti mau deh di save html-nya.
BalasHapusdan hasilnya ... it's work for me.
Trims ya mas.
silahkan dilihat buktinya di http://endeavorist.blogspot.com
(sekalian promosi :))
:))
BalasHapusoom tmpalate udah di modifikasi jadi susah nyari kode yang serupa seperti yang om tunjukan.. saya udah nyari pake notepad di find tapi ga ada. klo yang mirip2 ada sih.. ptokannya yang penting di comment body ya om?:-*
BalasHapusMantap... langsung tak cobain ya omm.. :) mkasih
BalasHapuso-om. kalau diantara yang ngak bisa juga walau sudah menamhbahkan yang seharusnya, di color:warna; mesti tambah kata background sebelum color tersebut, ini yg aku alami
BalasHapusyah tak cobak e dulu..!!! suwonnn
BalasHapusmakasih om........ cara nampilin kotak emotion gmn yak??
BalasHapusmakasih om... it works :D
BalasHapusnice blog :)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))
BalasHapuswauh om bingung ni soalnya emang masih pemula ...
BalasHapusaku bingung pas kode css nya doang nih tolong sarannya...
thanks ;)
BalasHapusDi Coba Dulu Gan, Terima Kasih
BalasHapusom,,, highlight author comment nya yang ada kotaknya dong om, kayak comment om di posting ini...
BalasHapussep om...
BalasHapusq coba dlo ...
trims infonya..aku coba dulu..
BalasHapusdigabret lagi om
BalasHapusajzkro om infonya,,, boleh dicoba
BalasHapuseror kang
BalasHapusDapat ilmu lagi..terima kasih om
BalasHapusmas oom bagus, makasih tutornya
BalasHapusdi template yang ane beli udah langsung diset
BalasHapusjadi tanpa harus mengedit..
top lyrics | song lyrics |music lyrics
ok ok ok...nice....
BalasHapustrik keren
BalasHapus