Header

Pasang Emoticon Campuran Keren Di Komentar Blogmu

Posted by : Admin On 26 April 2013 68 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='http://1.bp.blogspot.com/-dMbUj0akILg/UXksQFZxa7I/AAAAAAAADhA/SiG4WT5_86U/s1600/seociyus.blogspot.com_015.gif'/> :a
&#160;
<img border='0' src='http://4.bp.blogspot.com/-tsXVlkj-MfQ/UXksQb09F4I/AAAAAAAADhE/1OAXOw9nP-Q/s1600/seociyus.blogspot.com_016.gif'/> :b
&#160;
<img border='0' src='http://2.bp.blogspot.com/-I_HxstZ3dKg/UXksQnX0J9I/AAAAAAAADhI/Uo38msFjbhg/s1600/seociyus.blogspot.com_017.gif'/> :c
&#160;
<img border='0' src='http://2.bp.blogspot.com/-Gec0xo9RpgY/UXksRcV8RWI/AAAAAAAADhY/QeAsdtK3tlQ/s1600/seociyus.blogspot.com_018.gif'/> :d
&#160;
<img border='0' src='http://1.bp.blogspot.com/-6jSn-G9YNY4/UXksR1gPUII/AAAAAAAADhg/ZCFj3T-HMdw/s1600/seociyus.blogspot.com_022.gif'/> :e
&#160;
<img border='0' src='http://1.bp.blogspot.com/-zWkd6E4J8GQ/UXksR8yqdOI/AAAAAAAADhk/EjUWEoQrFHY/s1600/seociyus.blogspot.com_025.gif'/> :f
&#160;
<img border='0' src='http://4.bp.blogspot.com/-8gua8_7zxrI/UXksSWgHsLI/AAAAAAAADhw/adB8U4Mygcg/s1600/seociyus.blogspot.com_027.gif'/> :g
&#160;
<img border='0' src='http://2.bp.blogspot.com/-ST-cmDujs7g/UXksS9LuGEI/AAAAAAAADh4/I72qY1cDpfE/s1600/seociyus.blogspot.com_028.gif'/> :h
&#160;
<img border='0' src='http://4.bp.blogspot.com/-lA6oTS725hA/UXksTpBf-UI/AAAAAAAADiA/WohRgJmqQpg/s1600/seociyus.blogspot.com_029.gif'/> :i
&#160;
<img border='0' src='http://4.bp.blogspot.com/-3rD4aT6_PTw/UXksT0u1HGI/AAAAAAAADiI/Lej7Ue5eqnw/s1600/seociyus.blogspot.com_031.gif'/> :j
&#160;
<img border='0' src='http://3.bp.blogspot.com/-81cILGHCW0k/UXktN830GLI/AAAAAAAADiU/WJ3hqCUD7pU/s1600/seociyus.blogspot.com-chick-smiley-01.gif'/> :k
&#160;
<img border='0' src='http://3.bp.blogspot.com/-vpUTTod5rQA/UXktN-v1CqI/AAAAAAAADiY/nR9PqUrZyf0/s1600/seociyus.blogspot.com-chick-smiley-05.gif'/> :l
&#160;
<img border='0' src='http://2.bp.blogspot.com/-vUJfcDdZR-A/UXktR2j4hBI/AAAAAAAADjg/pKUJtxxXbqE/s1600/seociyus.blogspot.com_042.gif'/> :m
&#160;
<img border='0' src='http://3.bp.blogspot.com/-K1XJiYW3-vc/UXktRb4os7I/AAAAAAAADjU/MvcqItgIUK8/s1600/seociyus.blogspot.com_040.gif'/> :n
&#160;
<img border='0' src='http://3.bp.blogspot.com/-t3xwJy5OTV4/UXktOOjqemI/AAAAAAAADig/3m-MhOBmOqU/s1600/seociyus.blogspot.com-girl-emoticon-11.gif'/> :o
&#160;
<img border='0' src='http://2.bp.blogspot.com/-fx6bFeW7qgs/UXktPaodx0I/AAAAAAAADi0/AVH54XawIMA/s1600/seociyus.blogspot.com-girl-emoticon-19.gif'/> :p
&#160;
<img border='0' src='http://3.bp.blogspot.com/-5OdcIRxFyyU/UXktO7Q3RMI/AAAAAAAADis/U6uffMBKHuE/s1600/seociyus.blogspot.com-girl-emoticon-18.gif'/> :q
&#160;
<img border='0' src='http://3.bp.blogspot.com/-2sLeF5ccXwk/UXktPwuUYVI/AAAAAAAADi8/3zCjbsk3po4/s1600/seociyus.blogspot.com-glass-leaf-emoticon.gif'/> :r
&#160;
<img border='0' src='http://3.bp.blogspot.com/-9J4ceI9C1eo/UXktQs58bKI/AAAAAAAADjE/KbCM07D88T8/s1600/seociyus.blogspot.com-laugh-leaf-emoticon.gif'/> :s
&#160;
<img border='0' src='http://2.bp.blogspot.com/-BrLx15CSsis/UXktQxTKBrI/AAAAAAAADjI/Skmbc0Rh10U/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

68 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. Ini dia yang di cari..
    thx bang..

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

    ReplyDelete
  13. Mantapz , Izin Coba Gan :w

    http://lebe1383.blogspot.com/

    ReplyDelete
  14. Kaka inih memang Hebat :D makasih ka

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

    ReplyDelete
  16. udah coba teritorialnya tetap gak bisa

    ReplyDelete

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

    :y

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

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

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

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

    ReplyDelete
  22. bisa gan tapi letaknya di postingan blog

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

    ReplyDelete
  24. Cara yang ampuh untuk menghancurkan wasir peyakit ambeien tanpa operasi, pendek dan pengobatan yang kuat

    obat wasir

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

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

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

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

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

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

    Klik Disini

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

    ReplyDelete
  32. 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