Header

Pasang Emoticon Campuran Keren Di Komentar Blogmu

Posted by : Admin On 26 April 2013 66 comments

Lama rasanya gak bikin tutorial pembuatan widget di blog ini. Mumpung lagi ada waktu luang kali ini gw bakal share cara pasang emoticon campuran keren di blog gan. Postingan ini terilhami dari tutorial gw sebelumnya tentang cara memasang emo onion head gan. Gak nyangka aja ternyata postingan gw tersebut banyak yang ngeshare.


Untuk yang sekarang emoticonnya sengaja gw campur biar lebih menarik gan. Emoticon-emoticon ini walaupun gak sengetop si onion head tapi banyak juga di gunain di beberapa forum gan. Gw yakin kalau loe pasang emoticon ini bakal bikin blog tambah menarik dan berwarna. Selain itu bakal banyak juga yang komen di blog loe karena ingin nyobain emoticon campuran ini.

Udah gak sabar pengen pasang emoticon campuran ini gan? Baiklah kalau begitu langsung aja kita ke cara pasangnya gan. Silahkan disimak biar gak salah pasang. Soalnya kalau salah pasang nanti emoticonnya gak mau muncul gan. Kalau gak muncul ntar gw yang di komplain lagi, cek it dot gan...

Note : Inget selalu di back up atau di download template blognya sebelun edit HTML untuk menghindari hal-hal yang gak di inginkan gan.

[DEMO]


Pasang Emoticon Campuran Keren Di Komentar Blogmu



  • Yang pertama loe lakuin masuk ke Dashboard blog lalu pilih Template lalu klik Edit HTML gan. Lalu loe cari kode <div class='post-footer-line post-footer-line-3'> atau <p class='post-footer-line post-footer-line-3'> ini gan. Kalau gak ngerti cara nyarinya tinggal teken Ctrl+F di keyboard terus bakal muncul kotak search di kanan atas. Nah loe tinggal pastein kodenya disana lalu teken Enter, ntar bakal ketemu kodenya gan. Kalau udah ketemu loe scroll kebawah sampai nemuin kode di bawah ini gan.


</div>
</b:includable>


  • Lanjut sekarang loe copy paste kode yang gw kasi di bawah ini di tengah-tengah kode tadi gan.


Contoh:

</div>

Paste kodenya disini gan.

</b:includable>


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style=' width: auto; text-align: left; border: 4px double #0084ce;background: #FFFFFF; padding: 10px; color:#000000; font-weight:bold; margin-left:40px;'><h3 style='text-align: center;'>
<a style='color: #3d85c6;'>Kode Smiley Untuk Komentar </a></h3><br/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEPQbEdxfdgS3rnWckW1DIKF2Dw-sYNF7FptnU0DTN6Sd-5NLB0O8OpOQl1DGVfxgeMG3MD0lYtTHMJ1ureAULxNlgyVfkZnmOHkLPOrQxJ9TIiRbHIzTVMR2HtiksGzLRvkoMErUb-DGr/s1600/seociyus.blogspot.com_015.gif'/> :a
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy_eYKWk8rlNRg5HOpRD30R3hXDI_rfsrEqShGH8Kmak7QqLPWWwcJ4DQH3VLgauVLf8Ns0lGxruyngFxSMn5FJCjtiJO0NWL8bd7cY2n9FHfd7lwpC_AR3VvsXMfMCmhDVLfEYNoJj3fO/s1600/seociyus.blogspot.com_016.gif'/> :b
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR3a1_L3DlTbn_y8CNSqy-8vXCCryAA-h1gHc3_q-KfcGq-OIhfH63NZvGBLdl3lLakVG0WNyYIHUUagfimf0GYgo0oEzeYKKkqqrPGu2dL4QFKr-fLUQISoGvlWPZTe7vY0c_a4qUK5BW/s1600/seociyus.blogspot.com_017.gif'/> :c
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJqmlJsiBMqmZyTaBD99zljOOM3LepQPeGBvBi3XTup6e0cB9zWc70zc91yvAmarmofwXN80tRDxp16aPEMJCUHfk1JLly77MgSFsickiU-wrRpdzNhLy3LSGsAHM5GlOt0BvisGxAQpxX/s1600/seociyus.blogspot.com_018.gif'/> :d
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2ecsxaxIljO16wX_HbyPSluvZnG0Vo5L3o92aYgecZVpe_utfOAL5CXAnVCpMWKflHX3mU322aSR0dEzUPDml4vgPy7x8shZ7HCZ3j4tiBxf6AGF_eGAr7k4W34LcKvP8DRbwrkIlrp0W/s1600/seociyus.blogspot.com_022.gif'/> :e
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVgKLSJzmsTM49tD2CzTKKZ5RqSdMOdipOqMOo__Se_b0OvWomeVXd2kjvYNhLRuXAeOPkST0YgQvbpDxeVh-F6Cykaj0i-8TwxK-WFjX-DvcjSksyVz2tY5QctHd5EPM4rirgCwtEtSRF/s1600/seociyus.blogspot.com_025.gif'/> :f
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvUG5sGSAWr0iuZqgkyg5HmW1CwYCqN6BnSQFzZAMD1Sur7c2zs5ElwJiamiItuNT95TqyEsweI1ohFY8UbkTOauLjfzxp45a7Wj80IZ82ryvyBYq97J7mxZsUtGphn18bhFxKmAutUBBO/s1600/seociyus.blogspot.com_027.gif'/> :g
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGDRZGcRyVb9NAce9_voCEOwVmrH1bHrdj8loMZ5lhzFVHFiWYg_AVni5V_3tMSHDSo-66NHh0kkRNOE2ipt8wN56oAZuw_EMOjkqcKMQ4mbzo2cy-P7RqxFxrTkW89H3vK7ntRg031u1C/s1600/seociyus.blogspot.com_028.gif'/> :h
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq1e5cq_lDced2Ao3h9CnbZBvEXPZAiI-boJXpzaPER6bBDA8hJTKVJVR8H4yXYQQhUwBTwqyEhObDUvrX0xC_6dfLsgZoxxXlbk04RJlZo0uAFLNCTYWREN4rNZnIJDh-3gUd4JzjnL1O/s1600/seociyus.blogspot.com_029.gif'/> :i
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzAK4-ySaAb3j1fpoJZVfvy33Zm6L5IOe_4zLFfeNQhwueS-QiltgveI9K2Zj_r-tnA18DV8lL1LBS2aYXGAUXCKpgONFTcsHca-FDNp_bm2X4_fNEImTW7B2IIWlp6RAduDeMvQaop6zE/s1600/seociyus.blogspot.com_031.gif'/> :j
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWtI1xKf3eqlDxo8jkn3rz7LUyON1qCDY_c9KG87eGMhJy0GgZT3AtkAaK_SOsc_dU8Vcfqsvnd4g_qG4cnEUhELtH9Ug8biKjI8kx7Ufj-zbVzZi1SPnXj6tLY2PqpTlwazpJGj0g_IAy/s1600/seociyus.blogspot.com-chick-smiley-01.gif'/> :k
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQPzmEjEPK1dTKtZQYuhybjjx9eaKsqezrXhnlmZWNGKzFqolmrqJFte4b5xMgM9_PSr-_f0gS5tjpD6vlKq5PsX5ppYV4Aua473CFSmYo7hRQNoJtuKU04gcVHf8r3cyITDOLIfhUNJyP/s1600/seociyus.blogspot.com-chick-smiley-05.gif'/> :l
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEaFt7rrJ6qUCOo8_tf-1C2FnSclnVISgUkBc1TBWzEUhFoAFpq7TMQj1sX4iLlmqakSrkHoDOV_Pd6-PtIrtEI_Ga-XVlC43jqPas0NJu7aKEjfXNnE0iTSHAzZ6LbXMknEVN1cSiWwi6/s1600/seociyus.blogspot.com_042.gif'/> :m
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheqM6IoqFsURtXHl0mYz5ersrf7pzF6ukDTcFJKn_r0cd2rCL674Q4Wt4tNYfPM8EQAjdjRLxrXQXHi99lKw3oRQYrdEqjFeK-GZFXDYM0Bd1_HhaNiOsp5qMbdNr0gIZnfEvf-DkF-dYG/s1600/seociyus.blogspot.com_040.gif'/> :n
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPgTBojpQ_3ut01XR4iLac4y7ZRB9Kv_J-NBer54IrpO_BlEk4YiqfM_XnRhTeAM0ltQf_mMY4sx8EP58Sg7S_Oo3K0Mvwrfpl-N5Tpl2LGBsFe1aRzknhGLb1z2CQxVFj3VNGkx1DYt4v/s1600/seociyus.blogspot.com-girl-emoticon-11.gif'/> :o
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMlarwTBG2rT6Vhr3QvTA5ZJ9OjgrOWwXSJ-FHDbFJnrb2_QFEW-FUJr1BfkbFQ2LMu-bTHtz5StPuQx3VtxkUtJYeVkTWDpbIbZs_K4E6Fzu1AafirLmKMyDa-Zj7watVDePzRakKb1Y8/s1600/seociyus.blogspot.com-girl-emoticon-19.gif'/> :p
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpXA0S72RnzWdyJwtt2JiAbSjn3jFPHdlhAnecxuTRcA1dRIViAyQWF1yJn7CMdhqAx7B4bgvxR8m0YdyZ8DlGSBqlCKOBlPXLnZvjOiemJKW95Qk8YnSvoqgjcCLxcWwQZVTvk75LQzsF/s1600/seociyus.blogspot.com-girl-emoticon-18.gif'/> :q
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYzRjHsCGFAbw-kNwImUZmt0HMwM3X0AgdzZX0sgIqocUh1xobbFA9VuqAOc7CxaKCvEzxxcrJUO230hcUnTeJ_bgRhnK7Jxzz1d3iCyJd3bIhe3slEGLbIDFPE6dWuIkiuwjxamYOodC6/s1600/seociyus.blogspot.com-glass-leaf-emoticon.gif'/> :r
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTsGy0cmY8BIoz6juyzTCucEg3nuIxatb_2J7qbDK_dF8KJXLwP9KPM8Q-iE78S09pMvOuZC0KqNzTcy1tGxWp81yBp5m0jmBquUDbOeNJ1HshpSyd7HjW47ndbkPFHfs65r_Aq8Jo_25T/s1600/seociyus.blogspot.com-laugh-leaf-emoticon.gif'/> :s
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd6uFnN8kkAZER9_68ePxjcRDBweHZGljpsRCV_kiPKVxdXYaxNMdE4W8H3bYiAM90WKVZVYz6ifRDJIPqwKgPdtAmAjuHR4ZE5kafkG99P5k1uG17g_TNKN00g9ZzmMfyx3Q0oqckkrZ6/s1600/seociyus.blogspot.com-sign-leaf-emoticon.gif'/> :t
&#160;
<div style='text-align: right;'>
<a href='http://seociyus.blogspot.com/2013/04/pasang-emoticon-campuran-keren-di-komentar-blog.html' target='_blank' style='color: #1e7ab7; font-size: x-small;'> Dapatkan emoticon ini!</a></div></div></b:if>


  • Kalau udah beres sekarang ke langkah selanjutnya gan. Sekarang loe cari kode </body> di template blog dan copy paste kode Javascript di bawah ini di atasnya gan.


<script src='https://sites.google.com/site/seociyussite/file/seo_ciyus_smiley_komentar_bloggerV2.js' type='text/javascript'/>


  • Dua langkah di atas beres berarti sekarang blog loe udah ada emoticon campuran kerennya gan. Tinggal di preview dulu kalau gak ada masalah baru di Save template gan. Coba di buka blognya pasti udah ada emoticonnya, selamat gan dan jangan lupa bilang terima kasih.

Sekarang tinggal di edit aja kalau loe mungkin gak suka sama warna dan style bordernya atau ukuran kotaknya gan. Caranya tinggal ganti aja warna sama style border dan ganti juga ukuran width sesuka loe gan. Terus buat posisi kotak emoticonnya loe bisa atur sesuai keinginan, tinggal dirubah aja angka di margin-left semakin besar maka semakin ke kanan kotaknya gan. Kalau loe pengen kotak emoticonnya ada tombol buka tutupnya silahkan di cek kode javascript untuk blog.

Note : Tolong jangan di hapus link ke postingan ini ya gan. kalau loe gak suka ada linknya silahkan di isi rel nofollow gak kenapa ok gan.


Sekian yang bisa gw share tentang cara pasang emoticon campuran keren di komentar blog gan. Semoga aja loe suka sama emoticon ini, kalau ada pertanyaan silahkan di tanyain dan jangan lupa ninggalin komentar gan.

» Loe suka postingan ini? Silahkan di link back dengan mengcopy kode dibawah gan.

URL :

HTML link kode :

» Luangin waktu 5 detik donk gan buat share postingan ini.

Mau Dapet Updates Gan!

Ikuti SEO Ciyus

66 comments:

  1. ini baru keren gan,,
    terima kasih tutorialnya. bisa langsung di coba nih :o

    ReplyDelete
  2. gan template bisa di unduh dimana gan ? nama nya apa gan

    ane minat ama template ini ....

    ReplyDelete
    Replies
    1. Di btemplate[dot]com gan, search aja stichpress gan :l

      Delete
  3. wow keren

    bisnis online klik http://indrasmansamapin.blogspot.com/2013/06/bingung-mencari-peluang-bisnis-yang.html

    ReplyDelete
  4. keren sob salam kenal, ane dari MB ~ Blog Modding, sukses buat km

    ReplyDelete
  5. Keren juga gan , kalo yg mirip kaskus ada ga ya gan kalo bsa dicmpur tuhh hahaha :r

    Blog Kang Rio

    ReplyDelete
    Replies
    1. ada gan tmbhin aja sndiri, ane respect sm kaskus mkanya gk ane isi emo kaskus. :l

      Delete
  6. bagus postingny gan, tapi ane kesulitan pas nyari kode html yg pertama itu gan, kagak ada kodenya gan :d

    ReplyDelete
  7. cara bikin kotak komentar kayak di blog agan ini gmana sih keren banget kan,,,,

    ada tulisan authornya tuh,,,,

    ReplyDelete
  8. ternyata keren mas.......hasilnya

    ReplyDelete
  9. lumayan rumit tapi hasilnya .......keren

    ReplyDelete
  10. gan kalo emotikon yang pinguin gimana gan

    ReplyDelete
  11. keren banget bang :D

    ReplyDelete
  12. Ini dia yang di cari..
    thx bang..

    ReplyDelete
  13. thanks gan,..
    mau nanya nich gan,.gimana sich cara masang emoticon panda dan penguin diatas,..gan..
    mohon bantuannya,..

    ReplyDelete
  14. Mantapz , Izin Coba Gan :w

    http://lebe1383.blogspot.com/

    ReplyDelete
  15. Kaka inih memang Hebat :D makasih ka

    ReplyDelete
  16. kalo buat di web yang gak menggunakan Blogger gimana? semisal script PHPnya :h

    ReplyDelete
  17. keren nih, bikin semangat buat comment :r

    Florist jakarta

    ReplyDelete
  18. udah coba teritorialnya tetap gak bisa

    ReplyDelete

  19. paste kode disini => ini kode yg mana?

    :y

    ReplyDelete
  20. Ini emang kode smiley nya musti diatas ya gan? gak bisa diumpetin gitu? atau di taro di kolom komen gitu biar agak simple

    ReplyDelete
  21. bermanfaat gan
    kalau yang buat postingan ada nggak?
    http://lukiluck11.blogspot.com
    http://malangshopaphoria.blogspot.com

    ReplyDelete
  22. gan saya udah nyoba caranya tapi kok gak berfungsi yaa padahal udah ada gambarnya tapi pas comment malah gak muncul emoticonnya :w

    ReplyDelete
  23. gan ane mw tanya ini bisa tapi pas dikomentar kok gk ada gambarnya tapi klo bikin kodenya bisa gan

    ReplyDelete
  24. bisa gan tapi letaknya di postingan blog

    ReplyDelete
  25. thanks broo,,mampir ya,,http://jamalcyber.com

    ReplyDelete
  26. terimakasih banyak sob tutorialnya..
    http://obattpenyakit.com/obat-infeksi-saluran-kemih/
    :r

    ReplyDelete
  27. mantap,saya coba dulu ya, biar blog makin menarik

    ReplyDelete
  28. kalo kode kode itu jadi nomor gimana min? Website Gratis

    ReplyDelete
  29. Gud gan :D thanks ;v susah nyari ttg gini tadi

    ReplyDelete
  30. gan itu punyaku adanya < DIV class='post-footer-line post-footer-line-2'> gimana ?

    ReplyDelete
  31. terima kasih sudah berbagi salam kenal http://whussaya.blogspot.co.id/

    ReplyDelete
  32. Sangat Bermanfaat Mas.. Bongkar Semua Kasus mu Tentang Komputer dan Internet Dan tips Mendapatkan Uang dari Internet 2016

    Klik Disini

    ReplyDelete
  33. Keren gan.. gue coba ko bisa ya... apa salah taro letak kodenya???

    ReplyDelete
  34. Sangat bermanfaat bro
    sudah saya pakai di situs saya MCS95.com

    ReplyDelete

Yang komen spam dan komen asal ga punya otak bego

Terima Kasih

Admin SEO Ciyus

Berikutnya Sebelumnya