Pages

Senin, 03 September 2012

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. Berikut cara memasangnya:
1.Login 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 atau tekan ctrl+f:

<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 Simpan.

Dan jadi deh tinggal lihat saja di Kotak Komentar....


0 komentar:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar