Menambahkan Yahoo Smiley Pada Threaded Comment Blogger

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

89 komentar

Anonim 1/25/2012 08:27:00 AM

:-bd keren kang....
Anonim 1/25/2012 09:13:00 AM

Ikut ngetest kang
:) :( ;) :D :-c \m/
1. Blogger Nusantara 2/07/2012 11:15:00 AM
  
  cek.. :)
  
  tambah sip aja ni blogger.. :D
Piyen 1/25/2012 05:48:00 PM

keren kang... mantep deh =D7
Ф дфѕдғфдғ Ф 1/26/2012 10:11:00 PM

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!
1. Kang Ismet 1/26/2012 10:22:00 PM
  
  mangga kang... naha blogna teu tiasa dibuka nya? :-/
2. Ф дфѕдғфдғ Ф 1/29/2012 07:19:00 AM
  
  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/
BloggerHack 1/30/2012 01:30:00 PM

Can you translate into English? and my I share your article?
1. Kang Ismet 1/30/2012 01:44:00 PM
  
  Feel free to share my tutorial, but put a credit link to my site. Just go to goole translate for translation :)
2. BloggerHack 1/30/2012 01:50:00 PM
  
  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 :)
Unknown 2/06/2012 04:12:00 AM

keren om :-bd
wishmeluck 2/06/2012 09:12:00 PM

Om sudah muncul menu emot nya,.tapi begitu ane tes komentar ga berubah jadi emot om...tetep aja masih dalam bentuk tulisan biasa :((
1. Kang Ismet 2/06/2012 09:36:00 PM
  
  scriptnya masih terpasang ga? :-/ coba jangan pake titik dua lagi dibelakangnya
2. sangdesains 3/11/2012 01:37:00 AM
  
  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
3. Kang Ismet 3/11/2012 06:27:00 AM
  
  JavaScript na kedah dilereskeun heula kang... aya perobihan ti blogger, rada rumit ngeditna :)
4. sangdesains 3/11/2012 05:05:00 PM
  
  oh kitu kang ...
  hatur nuhun tos di waler kang ...
  :-bd
hima-rain 2/15/2012 03:59:00 PM

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...
Samaranji 2/16/2012 02:15:00 PM

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

Eh... Salam kenal.
Training Safety 2/16/2012 03:03:00 PM

klo di wordpress giman caranya ya?
stupid monkey 2/18/2012 02:46:00 PM

punya saya juga sama seperti permasalahan habib ismail, gmn ya kang ??? di tunggu jawabanyya :D
1. Kang Ismet 2/18/2012 03:48:00 PM
  
  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.
BUKASITUSMU 2/19/2012 03:21:00 AM

testing :D omm.. di blog ane kok g bisa ya gann ?? help.. TQ
Lawfer 2/22/2012 12:47:00 PM

kind sir, the smileys on comments stopped working yesterday... can you fix this please? thanks :)
1. Kang Ismet 2/22/2012 12:51:00 PM
  
  thanks for information, i'll fix it asap..
LordWolf 2/25/2012 06:36:00 PM

izin nyimak kang.. :D
Putra 3/05/2012 02:52:00 PM

blognya komplit dah ini.. suka bangetss :))
Unknown 3/20/2012 01:33:00 PM

Nice sharing...
Rifqi Tryananda Rulliandi 3/23/2012 02:48:00 PM

Ga work kang.. :(
1. Kang Ismet 3/23/2012 05:57:00 PM
  
  JS nya masih dalam perbaikan sob....
Anonim 3/25/2012 01:14:00 AM

thankz
Unknown 4/02/2012 10:54:00 AM

Coba ach :D
1. Kang Ismet 4/02/2012 01:38:00 PM
  
  Monggo :)
M Sayib 4/05/2012 02:31:00 PM

Di Blog saya ttp ga bisa knapa ya pdhl dh diikutin smua cara2 nya... ?
#:-S
Bloggerbugis 4/08/2012 12:13:00 AM

Emoticon yahoo di threaded coments blogspot... Nice share :D
Unknown 4/09/2012 08:32:00 AM

thank,s gan,,,bermanfaat banget :))
1. Kang Ismet 4/09/2012 08:43:00 AM
  
  Sama2.. :)
Y.K. Priandanu 4/16/2012 07:27:00 AM

mas kalo ngilangin emotnya di atas kotak komentar gimana ? tp fungsi emotnya tetap aktif kaya pnya mas ini
1. Kang Ismet 4/16/2012 09:11:00 AM
  
  Kode HTML yang panjang hapus aja sob...
Unknown 4/23/2012 06:02:00 PM

nice posting kang wilujeung...
Ardy CR :) 4/29/2012 02:15:00 PM

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

Komentar ini telah dihapus oleh pengarang.
Jusman Amin 5/14/2012 03:25:00 AM

:-bd
Ririt H.

Komentar ini telah dihapus oleh pengarang.
Ririt H. 5/14/2012 11:13:00 AM

Kang, kenapa saya tidak bisa menemukan kode HTML (step yang ke-2) itu ya? :(
Agriculture Product 5/18/2012 01:00:00 AM

kang mohon pencerahannya,kok gak keluar ya di blog saya.?tolong dibalas.:)
1. Rifki sajid
  
  Komentar ini telah dihapus oleh pengarang.
2. Rifki sajid 6/03/2012 07:35:00 PM
  
  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
svshare7 5/18/2012 08:00:00 AM

thx kang.sukses... :)
Unknown 5/20/2012 02:24:00 PM

visit back my blog http://satrietama.blogspot.com
Unknown 5/30/2012 02:44:00 AM

tes dulu deh :D
Bali Hotels 6/01/2012 10:38:00 PM

Terima kasih untuk tips nya ^_^
FicarDean 6/03/2012 10:55:00 AM

Thanks for the tips....
Rifki sajid 6/03/2012 07:21:00 PM

mantap kang infonya
saya sudah coba dan berhasil :D
Unknown 6/09/2012 12:42:00 PM

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..
Unknown 6/09/2012 01:42:00 PM

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
arif gunawir 6/30/2012 10:14:00 PM

tak cobahttp://2.bp.blogspot.com/-7Q86oLbk144/T6ZXKJ7oWsI/AAAAAAAABys/V31hwNkRo90/s1600/senyumlebar.gif
Myth Dunia 7/06/2012 04:37:00 AM

Gan, saya dach coba, n berhasil,,
Tapi saya mo hilangin gambar emoticon di dekat kolom komentarnya gmn ya gan?
t`kasih,,
1. Kang Ismet 7/06/2012 06:34:00 AM
  
  Hapus aja kode HTML yang panjang (tidak usah dipasang)
Nurcholis 7/12/2012 11:31:00 PM

:-
Nurcholis 7/12/2012 11:31:00 PM

:D
PRIO ADI BASKORO 7/19/2012 04:35:00 PM

om smileny sdh muncul dan saat komentar juga muncul tpi kok klo ada yg komentar .contoh smile yg diatas komentar hilang.gk muncul lg.
Widjaja 8/09/2012 10:52:00 AM

Salam gan, sya sdh pakai smile tp belm muncul gan...trims ats tanggapanya
Odingk 9/07/2012 11:25:00 PM

Wah keren kang,,, ijin share yahh...
Unknown 11/07/2012 12:46:00 AM

mantep pisyan kang..'
hadem lah...
kioseo 11/20/2012 09:07:00 PM

yang ini ga berat ya kang..??

sepertinya scrip laen yang ane pake di blog ane berat sdikit.. :(
1. Kang Ismet 11/20/2012 09:22:00 PM
  
  dicoba aja sob :)
Rahmat Aziz 12/17/2012 01:46:00 PM

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

Komentar ini telah dihapus oleh pengarang.
Mas Adhie 1/17/2013 08:16:00 PM

Sebenarnya bagus sekali mas, karena lebih berwarna. Namun yg jd pertanyaan, kenapa kok emoticon tampilnya dibawah form komentar ?
Unknown 3/06/2013 07:47:00 PM

berhasil kang dan keren hatur nuhun kang
Anonim 4/10/2013 05:39:00 AM

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
Anonim 5/12/2013 05:38:00 PM

Mau pasang takut cssnya memberatkan loading blog Mas,,,hehe :)
Fahri Samudra 8/07/2013 06:27:00 AM

Kang, masih work kagak nih? Ane pengen nyobain
Yusendo 8/09/2013 08:22:00 AM

kang, kalo untuk update sendiri gimana caranya? mau ngelengkapin smiley yg sudah ada diatas..
Unknown 9/25/2013 09:13:00 PM

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

semoga terus dapat maju dan maju. :D
1. Unknown 9/26/2013 05:00:00 AM
  
  Izun simak lagi Kang,.. mantep deh bisa di pasang di blog saya
  Izin ambil script nya Kang terima kasih
Anonim 10/02/2013 12:21:00 PM

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
yahuii 11/10/2013 12:24:00 PM

nice article....
Claresta 12/02/2013 12:53:00 PM

makasih mas, saya pasang langsung sukses sambil smille :)
boleh ditest kok sekali kali, huhuhu ^_^
1. Unknown 1/16/2014 06:45:00 AM
  
  ya mbak saya juga langsung aktif. makasih kang ismet
Vaster S 12/16/2013 06:45:00 AM

makasih kang , terpasang dengan benar diblog ane :) chargehack.co.vu
Unknown 12/16/2013 12:46:00 PM

it's work.....makasih kang :)
Rizqi iqbal 1/21/2014 02:10:00 PM

X_X
Admin 2/12/2014 10:13:00 PM

thank gan infonya
Unknown 4/11/2014 08:21:00 PM

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

Komentar ini telah dihapus oleh pengarang.
ilusionis 10/16/2014 07:24:00 PM

wah lengkap bangettt
berita online
Belajar Islam 10/20/2014 05:03:00 PM

mantap kang

Menambahkan Yahoo Smiley Pada Threaded Comment Blogger

Menambahkan kode CSS

Menambahkan kode HTML

Menambahkan JavaScript

89 komentar

Logo PPP Terbaru Vector AI CDR PNG

Download Logo Partai Kebangkitan Nusantara Vector AI CDR PNG

Download Logo Partai Buruh Vector CDR AI PNG

Membuat Ucapan Selamat Pagi, Siang, Sore, Malam di Website / Blog

Menyembunyikan Komentar Admin Pada Recent Comment dengan Avatar

Kang Ismet