Highlight Author Comments ini fungsinya agar komentar pemilik blog bisa dibedakan dengan komentar visitor. Contohnya jika ada visitor yang bertanya melalui kotak komentar, maka saat pemilik blog menjawab melalui kotak komentar juga, tampilan komentarnya akan berbeda. Nah, jika kamu tertarik, kamu bisa membaca tutorial ini untuk memasangnya di blog kamu.
1. Login ke Blogger -> Tata Letak -> Edit HTML -> centang tanda Expand Template Widget.
2. Paste-kan kode ini sebelum 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;
}
3. Cari kode seperti ini. Barangkali kode yang ada di HTML kamu berbeda. Tapi usahakan cari yang sangat mirip dengan kode dibawah.
<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>
Yang berwarna biru itu adalah kode tambahan. Tambahkan kode itu sesuai posisinya sperti di atas.
Baca Lebih Lanjut “Trik Membuat Highlight Author Comments” »»
Trik blogger kali ini akan membahas bagaimana caranya menampilkan komentar terbaru di sidebar kita. Dengan begitu kita dapat melihat apakah ada komentar baru dan di postingan mana saja komentar tersebut. Kita juga dapat menentukan jumlah komentar terakhir yang dianggap komentar baru. Wah, asik banget yah widget satu ini! Gimana??? Kepengen bikin yang beginian di blog kamu??? Kamu hanya perlu menempelkan script ini di sidebar blog kamu.
Kamu hanya perlu copy script ini dan tempelkan di sidebar kamu.
<script style="text/javascript" src="http://kendhin.890m.com/comments.js"></script><script style="text/javascript">var a_rc=8;var m_rc=false;var n_rc=true;var o_rc=40;</script><script src="http://blogging-trick.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script>
Angka 8 itu adalah jumlah komentar terbaru yang akan ditampilkan. Kamu bisa tentukan berapa saja.
Selamat Mencoba!! Horas 
!!
Baca Lebih Lanjut “Trik Menampilkan Komentar Terbaru” »»
Emoticon?? Apaan tuhb 
?? Emoticon itu adalah ikon-ikon yang bisa mewakili perasaan kita. Jika anda suka chatting di Yahoo atau Mig33, pasti tau.
Wah, asyik donk kalo visitor kita bisa kasi komentar diblog kita pake emotikon?? Tentu saja. Dan cara membuatnya juga tidak susah. Oke, saya tak akan berpanjang lebar lagi, kita langsung membahasnya.
Nah, emoticon yang bisa dipakai ada dua jenis, yaitu emoticon yahoo:
dan emoticon kucing:
Nah, cara buatnya gini nih:
1. Loggin ke blogger, lalu langsung ke menu Edit HTML. Beri tanda centang pada Expand Template Widget.
2. Lalu letakkan kode ini sebelum kode </body>.
Untuk Emoticon Yahoo.
<script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/>
Untuk Emoticon Kucing
<script src='http://kendhin.890m.com/emoticon/smile2.js' type='text/javascript'/>
3. Lalu cari kode kayak gini.
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
4. Kalau udah ketemu, letakkan kode-kode berikut ini dibawah kode <p class='comment-footer'>.
<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))
</b>
5. Simpan Template kamu.
Note: Terkadang ada template yang memiliki kode yang berbeda. Jka anda melakukan langkah diatas dengan benar, tapi hasilnya tidak ada atau kode emoticonnya tidak bekerja, kemungkinan kode template kamu beda atau hosting untuk menaruh gambarnya sedang bermasalah.
Baca Lebih Lanjut “Trik Memasang Emoticon Di Kotak Komentar” »»
Read More
