Saturday, May 23, 2009

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:

guest said...

good posting, thanks

push_me said...

wah...sayang sekali aku g bisa makenya, di blogQ g ada kode2 yang si sebutkan pertama itu

ngeblog_seru said...

weh mantap baget men info'a

thanxs baget yayaaaaa :D :D :D

setia said...

thanks mas atas infonya.....sangat membantu saya dalam belajar blog

franky said...

@ngeblog,setia,aRe_enD-bee,
Sama-sama

نجيب said...

http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif thnk about yahoo emotion ..nice blog

نجيب said...

tp kenapa iconnya tidak bisa di pamerkn ..help me

Mahendra David said...

:D

Mahendra David said...

makasih banyak ;))

Franky said...

@arya, terima kasih kembali

ipank said...

koq gak ketemu kode yang kayak di atas, letaknya di sebelah mana sih........?

slashkid said...

Wah,nicee tuts nih.... :thumbup:

Franky said...

@ipank,anda bisa gunakan fasilitas search.Tekan CTRL + F pada keyboard , pasti ketemu

Siswanto said...

Thanks y.. saya coba dulu

Followers

money online © 2008 Template by Dicas Blogger.

TOPO