Menambahkan Yahoo Smiley Emoticon merupakan trik lama, akan tetapi dengan hadirnya fitur baru dari blogger yaitu Threaded Comment, maka cara yang lama sudah tidak aktif lagi. Hal ini karena ada pengaturan yang berbeda pada JavaScriptnya.


Sekarang saya akan menjelaskan, cara menambahkan yahoo smiley emoticon pada sistem komentar baru blogger (threaded comment). Untuk melihat kode asli kunjungi Yahoo

Ada tiga langkah, untuk menambahkan emoticon yahoo pada threaded comment :
1. Penambahan kode CSS
2. Penambahan kode HTML
3. Penambahan JavaScript

Menambahkan kode CSS


1. Masuk ke Dasbor ---> Rancangan ---> Edit HTML
2. Backup template (menjaga kegagalan proses)
3. Tandai Expand Template Widget
4. Cari kode ]]></b:skin> dan tambahkan kode ini di atasnya

<!-- Yahoo Smileys by Kangismet.net Code Start-->
.ysmileykangismet {
    background: none repeat scroll 0 0 #EFF5FB !important;
    font-size: medium !important;
    padding: 10px !important;
    text-align: left !important;
    font-weight:bold !important;
    font-size:11px !important;
    margin-top:-35px;
}
img.bhacksmly {
    height: auto !important;
    vertical-align: middle !important;
    width: auto !important;
    border:0px !important;
}
<!-- Yahoo Smileys Code End-->

Menambahkan kode HTML


1. Cari kode ini :

<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
2. Tambahkan kode dibawah ini, diantara kedua kode tadi
<!-- Yahoo Smileys by Kangismet.net Star-->
<div class='ysmileykangismet'>
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> :)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> :(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> ;)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> :D
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> ;;-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> :-/
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> :x
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> :P
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> :-*
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> =((
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> :-O
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> X(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif'/> :7
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif'/> B-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif'/> :-S
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif'/> #:-S
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif'/> 7:)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>  :((
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>  :))
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/> :|
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif'/> /:)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> =))
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif'/> O:-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif'/> :-B
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif'/> =;
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif'/> :-c
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>  :)]
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> ~X(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif'/> :-h
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/> :-t
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif'/> 8-7
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif'/> I-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> 8-|
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> L-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/31.gif'/> :-a
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/32.gif'/> :-$
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif'/> [-(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/34.gif'/> :O)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/> 8-}
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif'/> 2:-P
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/37.gif'/> (:|
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif'/> =P~
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif'/>
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif'/> #-o
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/> =D7
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif'/> :-SS
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif'/> @-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/44.gif'/> :^o
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif'/> :-w
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif'/> 7:P
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif'/> 2):)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif'/> X_X
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif'/> :!!
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif'/> \m/
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif'/> :-q
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif'/> :-bd
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif'/> ^#(^
<img alt='' class='bhacksmly' src='http://l.yimg.com/a/i/us/msg/emoticons/pirate_2.gif'/> :ar!
</div>
<!-- Yahoo Smileys by Kangismet.net End-->

Menambahkan JavaScript


1. Cari kode </body> dan tambahkan kode ini diatas </body>

<!-- Yahoo Smileys Script by Kangismet.net -->
<script src='http://kangismet.github.io/javascript/javascripts/ysmileythreaded.js' type='text/javascript'/>
<!--Yahoo Smileys Script Ends -->
2. Save

Selesai. Yang udah pasang atau  masih bingung silahkan tulis komentarnya ya... smile

92 komentar

:-bd keren kang....

Balas

Ikut ngetest kang
:) :( ;) :D :-c \m/

Balas

keren kang... mantep deh =D7

Balas

cing wang tes, bilih bohong ahh :*

:) :( ;) :D ;;-) :-/ :x :P :-* =(( :-O X( :7 B-) :-S #:-S 7:) :(( :)) :| /:) =)) O:-) :-B =; :-c :)] ~X( :-h :-t 8-7 I-) 8-| L-) :-a :-$ [-( :O) 8-} 2:-P (:| =P~ #-o =D7 :-SS @-) :^o :-w 7:P 2):) X_X :!! \m/ :-q :-bd ^#(^ :ar!

Balas

mangga kang... naha blogna teu tiasa dibuka nya? :-/

Balas

kulan ;) sanes teu tiasa di buka kang :P ngahaja diblank-eun ku abdi :)) kan sakeudap dui un 2):) sareng lagi cari inspirasi dui ieu teh hahah kanggo persiapan sesuatu \m/

Balas

Can you translate into English? and my I share your article?

Balas

Feel free to share my tutorial, but put a credit link to my site. Just go to goole translate for translation :)

Balas

I have translated your tutorial, but the language structure isn't right. Btw.. I have understood for the direction. Thank You.. and visit my site :)

Balas

Om sudah muncul menu emot nya,.tapi begitu ane tes komentar ga berubah jadi emot om...tetep aja masih dalam bentuk tulisan biasa :((

Balas

scriptnya masih terpasang ga? :-/ coba jangan pake titik dua lagi dibelakangnya

Balas

cek.. :)

tambah sip aja ni blogger.. :D

Balas

Wah alhamdulillah.. blogku sekarang bisa muncul lg emotnya... terima kasih solusinya :D senangnya... ijin flower kang ismet :)
ijin share juga page ini ke teman-teman...

Balas

Yuhuuuii,,,, berhasil.
Makasih, Kang...

Eh... Salam kenal.

Balas

klo di wordpress giman caranya ya?

Balas

punya saya juga sama seperti permasalahan habib ismail, gmn ya kang ??? di tunggu jawabanyya :D

Balas

Kalau saya liat webnya, pake sistem komentar lama ya? tapi dimofikasi spt thredead comment.. kalau script yang saya buat, khusus untuk sytem komentar terbaru (threaded comments), nanti saya upload untuk system kometar lama.

Balas

testing :D omm.. di blog ane kok g bisa ya gann ?? help.. TQ

Balas

kind sir, the smileys on comments stopped working yesterday... can you fix this please? thanks :)

Balas

thanks for information, i'll fix it asap..

Balas

blognya komplit dah ini.. suka bangetss :))

Balas

assalamualaikum @Kang Ismet,wilujeung kenal sareng pribados :) ..
naha kang nya anu abdi oge sami sareng @habib ismail aya tulisan tapi teu janten emotionna ,kunaon nya kang ??
hatur nuhur sateuacan na ,di antos waleran na ...


http://bandungbarangbekaselektronik.blogspot.com <<<newbie :D

Balas

JavaScript na kedah dilereskeun heula kang... aya perobihan ti blogger, rada rumit ngeditna :)

Balas

oh kitu kang ...
hatur nuhun tos di waler kang ...
:-bd

Balas

JS nya masih dalam perbaikan sob....

Balas

Di Blog saya ttp ga bisa knapa ya pdhl dh diikutin smua cara2 nya... ?
#:-S

Balas

Emoticon yahoo di threaded coments blogspot... Nice share :D

Balas

thank,s gan,,,bermanfaat banget :))

Balas

mas kalo ngilangin emotnya di atas kotak komentar gimana ? tp fungsi emotnya tetap aktif kaya pnya mas ini

Balas

Kode HTML yang panjang hapus aja sob...

Balas

nice posting kang wilujeung...

Balas

ga muncul kang punyau\ku .. kunjung balik ya :)

Balas
Komentar ini telah dihapus oleh pengarang.
Komentar ini telah dihapus oleh pengarang.

Kang, kenapa saya tidak bisa menemukan kode HTML (step yang ke-2) itu ya? :(

Balas

kang mohon pencerahannya,kok gak keluar ya di blog saya.?tolong dibalas.:)

Balas

thx kang.sukses... :)

Balas

visit back my blog http://satrietama.blogspot.com

Balas

Terima kasih untuk tips nya ^_^

Balas

Thanks for the tips....

Balas

mantap kang infonya
saya sudah coba dan berhasil :D

Balas
Komentar ini telah dihapus oleh pengarang.

kalo ga bisa.. coba akang liat tutorial yang satu ini
http://dai-detected.blogspot.com/2012/05/cara-membuat-threaded-comment-di.html?show
terus akang ikutin langkah-langkahnya kang ismet :)
saya juga gitu...
terus liat di blog sebelah akhirnya bisa juga :D
ijin naruh link ya kang ismet :-bd

Balas

Excellent...i posted in my blog with bit variations...please visit..i also left a backlink to your blog...
visit : http://netoopsblog.blogspot.in/2012/06/add-yahoo-smiley-on-blogger-threaded.html
Thanks..

Balas

I posted this article in my blog with some variation with a link back to you..visit http://netoopsblog.blogspot.com/2012/06/add-yahoo-smiley-on-blogger-threaded.html

Balas

tak cobahttp://2.bp.blogspot.com/-7Q86oLbk144/T6ZXKJ7oWsI/AAAAAAAABys/V31hwNkRo90/s1600/senyumlebar.gif

Balas

Gan, saya dach coba, n berhasil,,
Tapi saya mo hilangin gambar emoticon di dekat kolom komentarnya gmn ya gan?
t`kasih,,

Balas

Hapus aja kode HTML yang panjang (tidak usah dipasang)

Balas

om smileny sdh muncul dan saat komentar juga muncul tpi kok klo ada yg komentar .contoh smile yg diatas komentar hilang.gk muncul lg.

Balas

Salam gan, sya sdh pakai smile tp belm muncul gan...trims ats tanggapanya

Balas

Wah keren kang,,, ijin share yahh...

Balas

mantep pisyan kang..'
hadem lah...

Balas

yang ini ga berat ya kang..??

sepertinya scrip laen yang ane pake di blog ane berat sdikit.. :(

Balas

makasih kang...
ane lanjutin aja makenya..
mungkin beratnya itu dari jumlah emot yang ampe seratusan..
ditambah yang lucu2 lagi..
padahal yang sering kita pakai kan cuman beberapa kan kang.. :D

Balas

Wow bisa juga ya seperti itu. Mantab deh jaya untuk kang ismet.

Balas
Komentar ini telah dihapus oleh pengarang.

Sebenarnya bagus sekali mas, karena lebih berwarna. Namun yg jd pertanyaan, kenapa kok emoticon tampilnya dibawah form komentar ?

Balas

berhasil kang dan keren hatur nuhun kang

Balas

Hiya! Quick question that's totally off topic. Do you know how to make your site mobile friendly? My site looks weird when browsing from my iphone. I'm trying
to find a template or plugin that might be able to
correct this problem. If you have any suggestions, please share.

Thank you!

Visit my web page - binary options trading

Balas

Mau pasang takut cssnya memberatkan loading blog Mas,,,hehe :)

Balas

Kang, masih work kagak nih? Ane pengen nyobain

Balas

kang, kalo untuk update sendiri gimana caranya? mau ngelengkapin smiley yg sudah ada diatas..

Balas

makasih mas, infonya bagus banget
tutor nya selalu up to date, terima kasih

semoga terus dapat maju dan maju. :D

Balas

Izun simak lagi Kang,.. mantep deh bisa di pasang di blog saya
Izin ambil script nya Kang terima kasih

Balas

I like reading the blog that you created. Such clever piece of work is very useful to me.I wanted to thank you for this great read!! I definitely enjoying every little bit of it I have you bookmarked to check out new stuff you post.
website design

Balas

makasih mas, saya pasang langsung sukses sambil smille :)
boleh ditest kok sekali kali, huhuhu ^_^

Balas

makasih kang , terpasang dengan benar diblog ane :) chargehack.co.vu

Balas

ya mbak saya juga langsung aktif. makasih kang ismet

Balas

smileny sdh jadi gan, nunggu dikomment ajjah deh, ya gan ya, Thanks deh gan.

Balas

http://www.fnur.bu.edu.eg/
http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/422-2013-12-10-10-18-01
http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/421-2013-12-10-09-48-39
http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/419-2013-12-09-07-21-12
http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/420-2013-12-10-09-48-38
http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/417-2013
http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/418-2013-12-09-07-17-28
http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/415-2013-12-03-08-09-23
http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/416-2013-12-03-08-25-21
http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/413-2013-11-21-07-50-21
http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/414-2013-11-25-09-38-30
http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/411-2013-11-20-08-11-53
http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/412-2014
http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/409-2013-2014
http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/410-2013-11-13-17-25-28
http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/407-2013-11-09-08-51-15
http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/408-2013-11-13-11-55-53
http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/405-2013-11-09-08-42-05
http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/406-2013-11-09-08-46-10
http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/403-2013-11-09-08-25-45
http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/404-2013-11-09-08-28-15
http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/400-2013-11-09-07-50-13
http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/401-2013-11-09-08-03-31
http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/398-2013-11-09-07-29-40
www.fnur.bu.edu.eg/fnur/index.php/main-news/item/399-2013-11-09-07-43-49
http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/397-eugen-ionesco
http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/402-2014-2013
http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/395-2013-11-02-09-07-04
http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/396-45-2013-10-23
http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/390-2013-10-29-11-53-44
http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/393-2013-10-29-11-57-48
http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/392-2013-10-29-11-56-48

Balas
Komentar ini telah dihapus oleh pengarang.

Poskan Komentar


×
Chat