Menandai Komentar Kita (Highlight Author Comment)
Sebagai pemilik blog kita harus respon terhadap komentar yang masuk pada blog kita. Kita bisakan dikatakan sebagai moderator di dalam blog kita. Sekarang kita kan belajar membuat Highlight Author Comment, atau menandai komentar kita sendiri (pemilik blog) sehingga akan membedakan dengan pengunjung yang lain.
Komentar yang muncul akan ditandai dengan background yang berbeda denagn komentar yang lain, dan akan muncul jika kita login dulu ke blogger.
Cara Menandai Komentar Kita (Highlight Author Comment)
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Taruh (copy paste) kode berikut ini diatas kode ]]></b:skin>
6. Kemudian cari kode-kode seperti berikut. Mungkin kode yang ada di HTML kamu akan beda, tapi walaupun beda usahakan semirip mungkin dengan kode berikut ini :
7. Kode yang TebalMiring adalah kode yang harus kamu tambahkan di HTML kamu. Dan posisinya harus benar.
8. Simpan Template jika sudah selesai
Komentar yang muncul akan ditandai dengan background yang berbeda denagn komentar yang lain, dan akan muncul jika kita login dulu ke blogger.
Cara Menandai Komentar Kita (Highlight Author Comment)
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Taruh (copy paste) kode berikut ini diatas kode ]]></b:skin>
.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;
}
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;
}
6. Kemudian cari kode-kode seperti berikut. Mungkin kode yang ada di HTML kamu akan beda, tapi 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>
<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>
7. Kode yang TebalMiring adalah kode yang harus kamu tambahkan di HTML kamu. Dan posisinya harus benar.
8. Simpan Template jika sudah selesai
nice info :)
BalasHapuslangsung mau saya praktekan, mudah2an behasil
main-main yah ke blog saya juga
http://adalahcerita.blogspot.com/
download steinberg wavelab 6 Air
betul mas, kadang highlight autor sangat bermanfaat buat pengunjung untuk membedakan comment autor..terus berbagi ;;)
BalasHapussip bro,dicoba ah,eh tanya dung, cara ganti background dari template yang kita punya gmn yah,nuwun.
BalasHapushttp://tiretechonline.blogspot.com/
wah..wah...perlu diuji coba neh sob...
BalasHapuslanjut ah...
betul...betul....betul...
BalasHapussetuju biar mantep...
sip gan...mantep...
BalasHapusjgn lupa kunjungi discbox.blogspot.com
mkch yah,..
BalasHapusnice info bgt.. :)
sudah coba tapi beLum berhasiL nih, kode scrip pada tempLate saya agak berbeda, mungkin penempatannya kurang tetap.
BalasHapusterima kasih.
gan, kok punya ane gak bisa yah??:((
BalasHapuspadahal uda ane sama"in kya petunjuk agan... ~x(
bang, untuk template blog baru bisa gak???
BalasHapusane make template blogspot yang terbaru, semua code diatas gak ada tuh.
mas klo mo ngasi garis pemisah antara komentar satu dengan lainyya tag "hr" di Taro dimana yah...??
BalasHapusn juga klo ngasi beckground header komentar carax gmn.
klo berkenang kirim ke email saya ecky.dp08@gmail.com.
ty......
senang bisa menemukan blog ini....
BalasHapustulisannya bagus2...
sudah coba tapi beLum berhasiL nih, kode scrip pada tempLate saya agak berbeda, mungkin penempatannya kurang tetap.
BalasHapusterima kasih.
Ijin share gan
BalasHapus