Artikel Yang Paling Populer

Saturday, May 23, 2009

Cara Memasang Yahoo Emotion pada Komentar Blog

| Saturday, May 23, 2009 | 45 comments


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.

45 comments:

guest said...

good posting, thanks

aRe_enD_bEE said...

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

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

http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif

نجيب said...

tp kenapa iconnya tidak bisa di pamerkn ..help me

arya said...

makasih banyak ;))

arya said...

:D

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

daerahku daerah Gambut said...

makasih infonya mas. link balik ya. maklum, baru belajar. hehe

epho said...

nice info sob

13 said...

kog blog ini gak di pasang aja?

Ijo Crumut said...

Mantap cuy tapi klo kepengin emoticon lainnya gimana?

Arez_Reza said...

mas mau tanya.........

saya sudah coba tapi kayaknya kebentur ma javascript sebelum closing tag body

Kalo yang mas tunjukkan mngkin cuman bwat icon yang diatas(yg mas tunjukkan)

Nah saya pingin merubah icon itu dengan icon favorit saya...

Nah pertanyan-nya sebenernya jvascript itu fungsinya apa?

Mohon dibalas......

Adam Nugraha said...

makasi buat infonya.. :D

tapi aku ada kesulitan niy..

kotak emotenya udah muncul diatas form komentar..
tapi di komentarnya gak jalan,knp yah?

aku pake style Chaos

WaduD@DuaD said...

terima kasih infonya kawan.. :-)

ria said...

makasih informasinya, blognya bagus bgt jadi pengen belajar byk lagi..
;;)

Mohamad Yani said...

:)) OK banget nih Blognya :X =((
tolong bantu biar blog aku ok juga 8-}

puti travel said...

Thank marchsya :))

puti travel said...

kenapa smile saya nggak mau muncul setelah saya ikuti cara nya di blog ini ?kalau smile muncul tapi pas di ketik isi nya apa yg di ketik bukan smile yg muncul

cosanostradantes said...

:))

boy said...

Ada yg mau berkunjung ke blog saya, Kasih komen and saran ya :D

bayu said...
This comment has been removed by the author.
bayu said...

nyoba ah :D oia tapi kok gak muncul ya pas kita komen pake emoticonnya...cuma kodenya aja yang muncul

Putra_Blgebang said...

tak coba gan,... thanks :) :)

BLOG-SANTAI said...

tak coba..
kali ini kudu bisa
soalnya banyak tutor yg lain gagal muluuuu :((

M Lukmanul Hakim said...

nice nih thx ya :))

M Lukmanul Hakim said...

dipunya ane kok emoticonnya ga muncul gan?
ane udh mencet :)) malahan yg keluarnya ":))" bkn gambar ketawa

METALATOR said...

=))

Aku said...

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

Awi said...

mantap mas :D maaf mau nanya mas, kalo pasang emo yahoo pd postingan kita gmana y ? :-?

Dicky said...

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

Dicky said...

ko di blog ane gk bisa gan gimn ne udah ane ikutin semua caranya disini ane test bisa di blog ane ko gk bisa y

jasiit said...

:D Njajal

Robby Haryanto said...

test http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif

Wilsa Rafika said...

gak bisa :((

mirt azizah jennetia said...

gak bisa :((

Mang Uem said...

Thanks sudah berbagi ilmunya, sukses selalu...

Bidadari kecil said...

waw mantep dah

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

Post a Comment

Followers

 
© Copyright 2010. yourblogname.com . All rights reserved | yourblogname.com is proudly powered by Blogger.com | Template by o-om.com - zoomtemplate.com