Kunjungi Blog terbaru saya corkismet - Coretan Kang Ismet - dan tinggalkan jejak sobat disana.

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

Untuk mendapatkan update terbaru di Dasbor Blogger, silahkan ikuti Blog ini

89 komentar

1. Komentar ini, diurutkan dari yang terbaru
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke kolom komentar.


image quote pre code
  1. :-bd keren kang....
  2. Ikut ngetest kang
    :) :( ;) :D :-c \m/
    1. cek.. :)

      tambah sip aja ni blogger.. :D
  3. keren kang... mantep deh =D7
  4. 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. mangga kang... naha blogna teu tiasa dibuka nya? :-/
    2. 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/
  5. Can you translate into English? and my I share your article?
    1. Feel free to share my tutorial, but put a credit link to my site. Just go to goole translate for translation :)
    2. 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 :)
  6. keren om :-bd
  7. Om sudah muncul menu emot nya,.tapi begitu ane tes komentar ga berubah jadi emot om...tetep aja masih dalam bentuk tulisan biasa :((
    1. scriptnya masih terpasang ga? :-/ coba jangan pake titik dua lagi dibelakangnya
    2. 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. JavaScript na kedah dilereskeun heula kang... aya perobihan ti blogger, rada rumit ngeditna :)
    4. oh kitu kang ...
      hatur nuhun tos di waler kang ...
      :-bd
  8. 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...
  9. Yuhuuuii,,,, berhasil.
    Makasih, Kang...

    Eh... Salam kenal.
  10. klo di wordpress giman caranya ya?
  11. punya saya juga sama seperti permasalahan habib ismail, gmn ya kang ??? di tunggu jawabanyya :D
    1. 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.
  12. testing :D omm.. di blog ane kok g bisa ya gann ?? help.. TQ
  13. kind sir, the smileys on comments stopped working yesterday... can you fix this please? thanks :)
    1. thanks for information, i'll fix it asap..
  14. izin nyimak kang.. :D
  15. blognya komplit dah ini.. suka bangetss :))
  16. Nice sharing...
  17. Ga work kang.. :(
    1. JS nya masih dalam perbaikan sob....
  18. thankz
  19. Coba ach :D
    1. Monggo :)
  20. Di Blog saya ttp ga bisa knapa ya pdhl dh diikutin smua cara2 nya... ?
    #:-S
  21. Emoticon yahoo di threaded coments blogspot... Nice share :D
  22. thank,s gan,,,bermanfaat banget :))
    1. Sama2.. :)
  23. mas kalo ngilangin emotnya di atas kotak komentar gimana ? tp fungsi emotnya tetap aktif kaya pnya mas ini
    1. Kode HTML yang panjang hapus aja sob...
  24. nice posting kang wilujeung...
  25. ga muncul kang punyau\ku .. kunjung balik ya :)
  26. Jusman Amin
    Komentar ini telah dihapus oleh pengarang.
  27. :-bd
  28. Ririt H.
    Komentar ini telah dihapus oleh pengarang.
  29. Kang, kenapa saya tidak bisa menemukan kode HTML (step yang ke-2) itu ya? :(
  30. kang mohon pencerahannya,kok gak keluar ya di blog saya.?tolong dibalas.:)
    1. Rifki sajid
      Komentar ini telah dihapus oleh pengarang.
    2. 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
  31. thx kang.sukses... :)
  32. visit back my blog http://satrietama.blogspot.com
  33. tes dulu deh :D
  34. Terima kasih untuk tips nya ^_^
  35. Thanks for the tips....
  36. mantap kang infonya
    saya sudah coba dan berhasil :D
  37. 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..
  38. 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
  39. tak cobahttp://2.bp.blogspot.com/-7Q86oLbk144/T6ZXKJ7oWsI/AAAAAAAABys/V31hwNkRo90/s1600/senyumlebar.gif
  40. Gan, saya dach coba, n berhasil,,
    Tapi saya mo hilangin gambar emoticon di dekat kolom komentarnya gmn ya gan?
    t`kasih,,
    1. Hapus aja kode HTML yang panjang (tidak usah dipasang)
  41. :-
  42. :D
  43. om smileny sdh muncul dan saat komentar juga muncul tpi kok klo ada yg komentar .contoh smile yg diatas komentar hilang.gk muncul lg.
  44. Salam gan, sya sdh pakai smile tp belm muncul gan...trims ats tanggapanya
  45. Wah keren kang,,, ijin share yahh...
  46. mantep pisyan kang..'
    hadem lah...
  47. yang ini ga berat ya kang..??

    sepertinya scrip laen yang ane pake di blog ane berat sdikit.. :(
    1. dicoba aja sob :)
  48. Wow bisa juga ya seperti itu. Mantab deh jaya untuk kang ismet.
  49. Unknown
    Komentar ini telah dihapus oleh pengarang.
  50. Sebenarnya bagus sekali mas, karena lebih berwarna. Namun yg jd pertanyaan, kenapa kok emoticon tampilnya dibawah form komentar ?
  51. berhasil kang dan keren hatur nuhun kang
  52. 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
  53. Mau pasang takut cssnya memberatkan loading blog Mas,,,hehe :)
  54. Kang, masih work kagak nih? Ane pengen nyobain
  55. kang, kalo untuk update sendiri gimana caranya? mau ngelengkapin smiley yg sudah ada diatas..
  56. makasih mas, infonya bagus banget
    tutor nya selalu up to date, terima kasih

    semoga terus dapat maju dan maju. :D
    1. Izun simak lagi Kang,.. mantep deh bisa di pasang di blog saya
      Izin ambil script nya Kang terima kasih
  57. 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
  58. nice article....
  59. makasih mas, saya pasang langsung sukses sambil smille :)
    boleh ditest kok sekali kali, huhuhu ^_^
    1. ya mbak saya juga langsung aktif. makasih kang ismet
  60. makasih kang , terpasang dengan benar diblog ane :) chargehack.co.vu
  61. it's work.....makasih kang :)
  62. X_X
  63. thank gan infonya
  64. smileny sdh jadi gan, nunggu dikomment ajjah deh, ya gan ya, Thanks deh gan.
  65. Unknown
    Komentar ini telah dihapus oleh pengarang.
  66. wah lengkap bangettt
    berita online
  67. mantap kang
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.