Cara Memasang Yahoo Emotion pada Komentar Blog
Anda mungkin sering melihat sebuah kolom komentar yang ada icon emotion yang terletak diatas kolom komentar sebuah postingan.Icon Emotion ini disamping dapat mempercantik komentar blog anda juga dapat menunjukkan exspresi pada pengunjung yang memberi komentar pada postingan anda.Dari hasil telusur, saya mendapatkan cara memasang Yahoo Emotion ini dari anshuldudeja.Berikut cara memasangnya:
1.Lgin pada blogger.
2.Klik Layout pada Dashboard, lalu klik Edit HTML.
3.Jangan lupa centang Expand Widget dan Upload template anda sebagai backup.
4.Temukan kode seperti dibawah ini
<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'>
<h3><a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a></h3>
</b:if>
</b:if>
</p>
</b:if>
5.Lalu ganti kode tersebut dengan kode dibawah ini.
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial;
-moz-background-inline-policy: -moz-initial; width: 369; text-align: left;
border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'
width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'
width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'
width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'
width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'
width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'
width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'
width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'
width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'
width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'
width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'
width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'
width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'
width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'
width='18'/> :-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'
width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'
width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'
width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'
width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'
width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'
width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'
width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'
width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'
width='30'/> =))
</b>
</div>
<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>
</b:if>
6.Lalu letakkan kode berikut dibawah ini sebelum kode </body>
<script src='http://www.geocities.com/anshrailoves/smileys_in_comments.js'
type='text/javascript'/><noscript><a href="http://anshuldudeja.blogspot.com"
target="_blank">Blogger Widgets</a></noscript>
7.Selanjutnya Save
Lihatlah kolom komentar anda, jika Yahoo Emotion sudah muncul berarti sudah terpasang dengan benar.
14 Comentários:
good posting, thanks
wah...sayang sekali aku g bisa makenya, di blogQ g ada kode2 yang si sebutkan pertama itu
weh mantap baget men info'a
thanxs baget yayaaaaa :D :D :D
thanks mas atas infonya.....sangat membantu saya dalam belajar blog
@ngeblog,setia,aRe_enD-bee,
Sama-sama
http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif thnk about yahoo emotion ..nice blog
tp kenapa iconnya tidak bisa di pamerkn ..help me
:D
makasih banyak ;))
@arya, terima kasih kembali
koq gak ketemu kode yang kayak di atas, letaknya di sebelah mana sih........?
Wah,nicee tuts nih.... :thumbup:
@ipank,anda bisa gunakan fasilitas search.Tekan CTRL + F pada keyboard , pasti ketemu
Thanks y.. saya coba dulu
Post a Comment