Cara Mudah Menambah Emoticon Pada Komentar Blogspot

Viyan Pradita Senin, Maret 07, 2011

Langsung saja ke topik, kesempatan kali ini saya akan menjawab dari pertanyaan Sobat blogger kita @Zhanas45, "mass mao nanya nich kalo membuat emoticon di bawah kotak komentar tuch gimana.." daripada bingung jelasinnya, mending jg langsung bikin tutorialnya. hehee....
Nah kali ini saya akan meberi tutorialnya, yaitu Cara Mudah Menambah Emoticon Pada Komentar Blogspot.


Gambar


Berikut Langkah-langkahnya :
  • Login ke akun blogger Sobat
  • Masuk tata Letak
  • Edit HTML
  • BackUp dulu templatenya, dengan cara klik "download template lengkap"
  • Cari kode berikut: </body>
  • Letakan kode css berikut, dan taruh di atas kode: </body>
<script src='https://sites.google.com/site/kodeblogger/javascript/smiley.js' type='text/javascript'/>
  • Selanjutnya cari kode berikut, Lengkapnya perhatikan kode sibawah ini, (pehatikan kode berwarna merah) :
<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'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
  • Kalau sudah ketemu, lalu copy pastekan kode berikut, tepat dibawah kode: <p class='comment-footer'>
<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))</b>
  • Simpan Template, dan lihat hasilnya.
Selamat mencoba, sukses slalu :)


Tambahan :
Karna gak bisa lewat komentar, jadi saya edit lagi postingannya.
@Buat sobat2 yang emoticon gak muncul,
  • Coba cari kode dibawah ini :
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
  • Kalo sudah ketemu ,taruh kode Smile'na di ATAS kode: <b:include data='post' name='comment-form'/>
  • Dan taruh java script berikut, di ATAS kode: </body>
<script src='https://sites.google.com/site/kodeblogger/javascript/smiley.js' type='text/javascript'/>
  • Simpan template, dan lihat hasilnya.

Saya sudah coba di blog ini, dan sukses
Selamat mencoba.

Ditulis Oleh :

Artikel Cara Mudah Menambah Emoticon Pada Komentar Blogspot ini dipublish pada hari: Senin, Maret 07, 2011. Semoga artikel ini bermanfaat untuk Anda. Copy paste wajib dengan ijin saya, serta menggunakan link sumber seperti di bawah. Gunakan etika. Saya akan berlakukan DMCA COMPLAINT secara langsung tanpa pemberitahuan atas copas tanpa mengikuti ketentuan yg berlaku.

53 komentar
Terjun Ke Kolom Komentar

  1. Aku coba dulu yach mass..

    BalasHapus
  2. Mass..

    koch ga' bisa yach kayaknya scriptnya ada yang kurang ato salah dech, maksudnya pas aku simpan template kayak ada kode yang salah ghitu

    BalasHapus
  3. Salahnya gmn sob ?? bisa lebih diperjelas

    BalasHapus
  4. Emmm... maap Sob, coba cek lagi di script JS'na

    <script src='https://sites.google.com/site/kodeblogger/javascript/smiley.js'
    type='text/javascript'/>

    Tuh di atas sudah saya perbaiki. :)

    BalasHapus
  5. Koch tampilannya emoticonnya veitikal.. :-/

    BalasHapus
  6. JIahhaa,, itu berarti salah menmpatkan kode smile'na Sob ?? gak ada spasi,
    Coba Ulangi lagi dengan code di atas yg sudah aq betulin :)

    BalasHapus
  7. Hahahaa..

    aku coba dulu yach sobat ini udah yang ke tiga kalinya lho xixixii..

    BalasHapus
  8. Ahahaha... posting sambil edit2 template, jd kurang konsen :p

    BalasHapus
  9. Udah saya coba sob, dan berhasil... :)
    Coba di cek lagi penaruhan codenya HTML na??

    Untuk kode <p class='comment-footer'> itu ada dua (2), tepatnya seperti contoh kode yg sudah saya posting diatas.

    BalasHapus
  10. Kok Gag Muncul Mas Pada Saat Di Post....? ~x(

    BalasHapus
  11. Emmm,, pakek template bawaan dari blogger ya sob ?? pantesan :D
    Ada triknya sendiri buat template standar blogger, belum smpet nyari neh.
    dulu udah pernah ngalamin jg sob, tp aq gak ambil pusing, coz aq ganti dengan template lain :))
    maaf neh sebelumnya gak saya kasih penjelasan.

    BalasHapus
  12. Kok ga muncul di blog saya???

    http://semestarenjana.blogspot.com/

    BalasHapus
  13. Waduh... bingung jg neh, itu theme bawaan blogger ya ??
    nanti deh kalo sempet aq cari jalan keluarnya.
    coz aq nyoba 2kali jadi, tp belum coba di theme bawaan blogger.

    BalasHapus
  14. Coba Lihat tambahan postingan di atas sob...
    Moga berhasil. :)

    BalasHapus
  15. di tempat saya gak ada p class='comment-footer' gmn ya? :|

    BalasHapus
  16. Mohon Dibaca lagi postingan diatas ??
    Dan saya tegaskan sekali lagi, gak semua template blog itu sama, yang pasti trik di atas sudah saya praktekan 3x dengan cara yang sama dan sukses. termasuk pada blog ini.

    BalasHapus
  17. wahh... behasil mas,dengan cara tambahan diatas.
    terimakasih!!!!

    BalasHapus
  18. Sippp... Makasih Kunjunganya Sob... :)

    BalasHapus
  19. oke gan mantap.. blog ku dh ku pasang..
    http://xcly.blogspot.com

    BalasHapus
  20. @Mas_F : Seeep, Selamat mencoba saja mas :)

    @Arhy : Ke TKP Sob... :D

    BalasHapus
  21. Mantep mas, saya coba di blog saya dulu :) makasih sebelumnya

    BalasHapus
  22. @Download Gratis: Ok.. ditunggu hasilnya :)

    BalasHapus
  23. makasih mas..... berjalan sip mantap...! lumayan keren jadinya blog ku.. matur very thank you! ;)

    BalasHapus
  24. @aq ithu jadid + @Cay's : Sipp Gan... Sama2 \m/

    BalasHapus
  25. mantep,,
    nice info di update terys y blog nya .
    maen2 ke blog ane yah di http://irfanhacker.blogspot.com/

    BalasHapus
  26. @irfan:Tq Sob.. Langsung ke TKP

    BalasHapus
  27. thanks gan,, blog ente bermanfaat banget

    tapi kalo da yang mau emoticon monyet yang lucu abiez ksni ja gan :D
    http://gamefreefulldownload.blogspot.com/2011/04/make-monkey-emotion-to-your-blog.html

    BalasHapus
  28. @Imaduddin: Yupz, Makasih juga sob buat infonya. :)

    BalasHapus
  29. ga muncul tuch mas smileynya...

    BalasHapus
  30. makasih kak atas info nya...
    1x coba langsung berhasil,, kmrn sedot ilmu org eh gk berhasil"...
    sedot ilmu nya lg boleh kan kak... :D

    BalasHapus
  31. @arek perak: Bisa dijelaskan lagi gak sob problemnya ?? untuk memasnag emotikon pada komentar gampang2 susah, makanya sumber kadang gak bisa cuma satu.

    @Zy___ : Sip, silahkan sob. makasih buat komentarnya.

    BalasHapus
  32. gan bantu saya dunk
    memang kotak emoticonnya keluar tapi pada saat saya coba komen
    gak keluar seperti agan ini :(( :(( :((

    BalasHapus
  33. @panji: iya ada beberapa template yg gak bisa nongol dikarenakan kode ditemplate tsb berbeda.
    untuk itu bermasalah jg di file.js-nya.
    Coba pakai file.js yang sudah saya modif dibawah ini:

    <script src='http://k-blogger.googlecode.com/files/smileyversi.js' type='text/javascript'/>

    Semoga membantu.

    BalasHapus
  34. gak bisa juga ~x(
    tapi yaudahlah gan, nanti nyusahin agan pula, memang templatenya yang odong2 tu kyknya. terimakasih sudah membantu saya oh ya trimakasih juga kunjungan ke blog saya gan :)

    BalasHapus
  35. @PaNJi: coba cari di guugle sob.. banyak cara dan masalah untuk mengatasi problem tsb.

    BalasHapus
  36. @ Panji : Berusahalah gan,alhamdulillah saya bisa meskipun udah otak-atik sono sini,kiri kanan ,atas bawah dan alhamdulillah mentok-mentok nya ke blog tutorial agan viyan ini dan akhirnya rebes :)

    @ Viyan : thanks besar punya saya sudah bisa :D

    BalasHapus
  37. makasi banget mas...sukses aku aplikasikan ke blog ku :D

    BalasHapus
  38. thanx buat infonya ya salam kenal ;))(atulmarutul.blogspot.com)

    BalasHapus
  39. gan ko di tempatku g mw muncul gan coment smile nya????

    BalasHapus
  40. mau tanya bro..
    emot sudah berhasil dipasang, tetap ada kendala..
    setelah pengunjung memberi komentar, tiba2 halaman postingannya berpindah posisi..
    coba deh komentar kalau tidak percaya di blog saya
    lalu, saya minta tolong dong bagaimana solusinya..
    solusinya dikirim via komentar blog aja ya sob :))

    BalasHapus
  41. @ALL: Sip sama2 sob... :)

    @warpsite.blogspot: memang gak semua template itu bisa, di coba pakek tutor lain aja gan, semoga bisa. atau cari masalah kenapa emoticon gak muncul.

    @BERITA SEPUTAR INTERNET: Waduh, koq bisa ya gan :D

    BalasHapus
  42. thank's infonya... sekalian follow dong... :D

    BalasHapus
  43. thanks tema sudah mo sharing....

    BalasHapus
  44. update comment, salam blgger kang. :-bd

    BalasHapus

Catatan:
Link hidup dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS DI SINI...</i>


web design blogs Bloggers - Meet Millions of Bloggers