Header

Cara Memasang Emoticon Onion Head Di Komentar Blog

Posted by : Admin On 13 January 2013 78 comments

Biar blog kita banyak yang komentar gimana caranya ya? Banyak cara gan dan salah satunya adalah dengan memasang emoticon keren di komentar. Dari survey kecil-kecilan yang gw buat, ternyata fitur emoticon di komentar blog bisa mempengaruhi pengunjung buat berkomentar gan.

Dengan adanya emoticon di komentar blog, gak bisa di pungkiri bikin pengunjung penasaran dan buat mereka ingin mencobanya gan. Kecenderungan manusia itu selalu pengen mencoba hal yang baru bener gak gan. Emoticon di komentar juga bikin blog jadi lebih berwarna gan.


Apa loe ada niat memasang emoticon di komentar blog gan. Pas banget kalo gitu, karena pada postingan kali ini gw bakal share cara memasangnya gan. Gw kasi loe emoticon yang jarang di pake sama orang di blog gan dan tentunnya juga keren.

Loe tau onion head kan gan? Itu emoticon yang banyak di pake di forum-forum gan. Nah sekarang loe bisa punya emoticon ini di blog loe gan. Langsung aja gan disimak cara memasang emoticon onion headnya gan.

Note : Inget selalu di backup ato download template blognya sebelum edit HTML buat menghindari hal-hal yang gak di inginkan.

Cek ini gan >>> Edit Template Blogger Versi Baru


Cara Memasang Emoticon Onion Head Di Komentar Blog




  • Yang pertama loe masuk ke Blogger terus pilih Tempalte lalu klik Edit HTML dan centang Expand Widget Templates gan. Lalu cari kode  <div class='post-footer-line post-footer-line-3'> atau <p class='post-footer-line post-footer-line-3'> kalo udah ketemu scroll ke bawah sampe nemuin kode kayak dibawah ini gan.


</div>
</b:includable>


  • Sekarang loe pastein kode di bawah ini di tengah-tengahnya 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/AVvXsEhtxDisM-09fovUM7okr7Em3i5xeVCnqkaktnap1M72iYatRmf5O33MKc9J0u2WCmI7FifXalCQ99vidy0bnoCczJW1iE7Z1CzJ_8s2ImzO9cr2HlUqGhrm84hT6uoBctTNCG-cxw2o_jWr/s1600/seociyus.blogspot.com_052.gif'/> :a
 &#160; 
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc7tn7AZ713412N6Z2GxcqPKfrOWNVRqEFFfTcCTQTpal6FWX97gf4adMtS4rG-LcWFRSZjZpn6RSElz8nbS1ocfCegXahFYOhe5CNv4ySvWjKFiNDAzwgO3YDiQKmhZ5klVCbJWcP0tQK/s1600/seociyus.blogspot.com_051.gif'/> :b
 &#160; 
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSItFWhhLw_BQeKYu4AkOtQcSIWOm0FP60B5NyqpXlepbUMmBHdf2lS3LDxuryEK2qi4FjkrHXMJuqLPYgeZMfE7ESUtrzm5LebEKomHxge8p-KnacnVBGork0_FG584_J7BnkoulAiHlj/s1600/seociyus.blogspot.com_053.gif'/> :c
 &#160; 
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtWvGddy72O8oDla12KmrC-lka8wewml6Kt8bUuPLydkEgEe5bEmVjMq1actgJBcoOc-fY6jUlNbM-pgRQeQmLaNpL8CmLWVzrrqUd71bY4Q6u_4s-46OYqisVX2cAOJ-AkLNIsMf-jQGc/s1600/seociyus.blogspot.com_055.gif'/> :d
 &#160; 
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmWSOD6IbwGhCsdSldyWUA7k7tD5CDMdiqSxT3beRE64ul4XBEYlMITN57OWpER2RVlLkME-Bu1BeqHsaOpu52CKVhIdhDikO1UeBIF3cYy2EaMnPtHCEp-EAPTd-K9C1DWzT8XUIhRfU8/s1600/seociyus.blogspot.com_057.gif'/> :e
 &#160; 
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi632KkDn5wn-U-U0rUTwQh21hR0XddtSQb2QXNlgiBWWEGKuin94hotD4sOggFR6fJNrhfq5btQVediy4G6eIlmAFl5wT2YbC9sgKFYzuFiMff01O8UrYU3YBZd70A4-xWQJXspYudMlAy/s1600/seociyus.blogspot.com_056.gif'/> :f
 &#160; 
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6LeVCEQTuh8VeDGxyvv5Zz1VVmweL4sw9LbhVfFaBnIUmsqKstMOe4aj8N7h42LOc64m4hS6AObum857kcw-YlWY3GzvHkdzQJUlXbr2bxlLUH8pfpvqMsN7DOCpBFuQa313Vp1ESRqBe/s1600/seociyus.blogspot.com_058.gif'/> :g
 &#160; 
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik57oi4g9xYlUB8V7muupuKQWReVNQy852A3zd75cXnC6RDc_iaJqKa-tAIHz0xAtDASlJXjzz-4OhpFzwBGEPgFAVXziSoAsnw0_Q3S6_84siQfAj0sJ8nWSdGJ563LQGA_ZKx2U5kPqe/s1600/seociyus.blogspot.com_1.gif'/> :h
 &#160; 
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSj1JCiGVAlqqyXFIbI5AEb4u1zYY5qweFpuFubmXIgdtVtA36Fb-BD-mC0B0nI63mOgpJojTpHHL1QR_fBhPSCbKqN6TCpI7xjmOQIGk_YHRSAPSyXXZm1p81Cr4j4WlkDJjWwoTUyiNy/s1600/seociyus.blogspot.com_2.gif'/> :i
 &#160; 
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz44I2fgQK4VFQELjUshpYcsiB_4DL4ViEryX2h54kVg_QaxreRFTLz_2UY0QVXVRvhlQvWcmjPXvqG5xUqhCL46AnWUQU5ifgnCCvuM3fjJfaZE-45WjjGwzcOBLgH_i8E8koy-vsBg-M/s1600/seociyus.blogspot.com_4.gif'/> :j
 &#160; 
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN3l3zrxhZKUt3Ip5-Dnqt98ICObkd2_Y2N9tP-TYL6LGSkmhQ1NIUad4x1k_5_oexSTjZ3NAcAA5GcxU04Quu_eVBtWXgNNAWmr4H870i3Tz3alI7Gp3G-v4AkM20DdQtijqoIo-bG7LK/s1600/seociyus.blogspot.com_5.gif'/> :k
 &#160; 
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAIveN61GAZtqFGvoA9s5Tb0_DL6Zsf7bRmRYg4kJ2hS0E1-GPDvbgpZbxtRqsTN28VRR4JO9GdrmX959psqV4K8cf3a0v9bAblI2saiYAcO95rM7YHTcex6wYxy55JRoLaXuWBVc6SZPZ/s1600/seociyus.blogspot.com_070.gif'/> :l
 &#160; 
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhipva0ynvUZq0Cy-hjpijVMT2EaJP8zC_6QmxDQ-okPWRCVxA1IZ_7M2XofBqXIz21aNWGZavIs55mL_3OdAFcx1n0tK8b6oOc3fUXwpFrxNT36R443dw2DBMs89NonLMr4h_hJkhMqyI_/s1600/seociyus.blogspot.com_010.gif'/> :m
 &#160; 
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZluYAOMx0atGeEkAElEWdDwxhUNI4s5FGGTXbzmcKsccWMyHVwUVkxBye-2AD7_f3PaUeTJuVIR1EegD0cj5DIJ41fZwIszr_T0a1bdYxCX2DWWs2TJl9e_2E_S5R63fDUHdLhF7vI-70/s1600/seociyus.blogspot.com_059.gif'/> :n
 &#160; 
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-_7ZLFYi5gKYTKjjumtTfqj9zP_cHIb1mcuqoamtA3J5J3XWclyVuZ2gjzTqUwduqBcfruIQiyZ4eTMKY2G-SlDM9UhJG0KcvPFIgyjt2DP-FluEbDAdXLSRlhPvxejJ2HI6jFQlQpsHi/s1600/seociyus.blogspot.com_088.gif'/> :o 
 &#160; 
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhekNFmAZ2HEkbwbZIy3qspK-CV6SaVnub9XdZNUBQq4MPwGMQIh005fa49TecvQCbGsxx5JMekrrkJzim1mPNHIvrdzkzUi0izy3pEj5jCw8Djig_zeN_QbgDnILQ7daYCQrYbpKg2GU4i/s1600/seociyus.blogspot.com_012.gif'/> :p
 &#160; 
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMKj_sknlhpup18rhHWSnYwGfFlR9CGuRHh7Ldfgb5UMpD8f1flNHe8aVE20gmwZovDWhvtHbBbqDLrpgYot35pw1qGEL_Yb4i2-Thg-KNCHjZstnCfhfrk00gy0vh8793ItSnzV6BUkr5/s1600/seociyus.blogspot.com_033.gif'/> :q
 &#160; 
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY0qzaRNvv-sjP4sx-OuCB0UtalkPfJTW5kjpMoG6FCos7bNPQXK6jSbVtmdr2bMPpiegzh4EBy0dOmnqO6XlTO6CDnCe7LDsLkZ1SrjwZzOx7PWzEOncD63_961-dZpPPQ_o4b78ZgKdI/s1600/seociyus.blogspot.com_011.gif'/> :r
 &#160; 
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcwPOW6Ct4ITnqr-uiuqXrmWkf-UzhCwG5Ww8c3m5oZIo_V6UQ8U0Q-iKXo9-wAQmUQqWzKYWwWDYWBdjGZl7Ibo6CNml1zPNUPrRdWEMDkqjSeS8OorJACdGz8QDipFYjO1ly-GuLdTV0/s1600/seociyus.blogspot.com_7.gif'/> :s
 &#160; 
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3QpzG7GtLANL0a4HG_XJy2PhjcyBFfaoFPL9HK2j4mmsZiYElT4CF_dZlvlPgN3l1ATdnvht7XdcTPFhAdqXk8QKzJo8pq__2ashDNEuvp5uyUE1qWaefaRHS9Ntr2DktoXHOFe2LK46Y/s1600/seociyus.blogspot.com_8.gif'/> :t
 &#160;   
<div style='text-align: right;'>
<a href='http://seociyus.blogspot.com/2013/01/cara-memasang-emoticon-onion-head-di-komentar-blog.html' target='_blank' style='color: #1e7ab7; font-size: x-small;'> Dapatkan smiley ini!</a></div></div></b:if>


  • Lanjut sekarang loe cari kode </body> lalu pastein kode javascript di bawah ini di atasnya gan.


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


  • Beres gan di Preview dulu kalo gak ada masalah baru Save template. Coba di buka blognya apa udah ada emoticon onion head di komentarnya gan. Kalo udah ada jangan lupa bilang makasih ya.
  • Sekarang tinggal di edit aja biar warnanya sesuai sama blog loe gan. Buat border tinggal di ganti aja warnanya terus loe juga bisa ganti modelnya misal pengen kayak di blog ini loe ganti aja double sama dashed gan. Lalu background juga bisa diganti warnanya sesuai selera gan.
  • Buat widht gw set auto tapi kalo pengen lebih kecil ganti aja gan. Yang terakhir ngatur posisinya, loe bisa edit margin-left semakin gede nilainya semakin ke kanan gan.


Note : Gw minta tolong jangan di hapus link ke postingan ini ya. Kalo loe gak suka ada linknya silahkan di isi rel=nofollow gak apa-apa gan, thanks.


Sekian dulu yang bisa gw share kali ini tentang cara memasang emoticon onion head di komentar blog semoga bermanfaat. Kalo ada waktu gw bakal share emoticon yang laennya. Inget jangan lupa ninggalin komentar ya 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

78 comments:

  1. thanks gan sukses......... :r

    gan kalau emoticon nya di tambah gmana caranya gan......??

    ReplyDelete
    Replies
    1. Sama2 gan,.

      susah ngejelasinya gan soalnya harus edit kode javascriptnya juga. Kapan2 deh kalo ada waktu gw buat tutorialnya gan ok. :m

      Delete
  2. Makasih Gann !! MANTAPP !! mampir di Blog saya juga ya http://burhan271.blogspot.com . :c

    ReplyDelete
    Replies
    1. sama2 gan, udah mampir tadi blognya mantap,.

      apalagi jantung brdenyutnya keren gan,. :l

      Delete
  3. sip gan,,tolong silaturahmi juga ke rumah saya ya,,
    www.teknikedukasiinformasi.blogspot.com

    ReplyDelete
  4. gan kode div class='post-footer-line post-footer-line-3 ama yg 1 lgi kok gak ada gan di template saya kalo gak ada kodenya taro dmana??

    ReplyDelete
    Replies
    1. yang 1 lagi apa gan?

      coba taruh diwah /div terakhir di footer-line-2 gan. :i

      Delete
    2. Coba taruh di atas kode
      div class='comments' id='comments' di template blog ente gan.

      mdha2an bis gan. :l

      Delete
    3. ada gan tapi taro dimananya??

      Delete
    4. apanya ada gan? div class='comments' nya? kalau iya kan udah gw bilang taruh di atasnya agan... :p

      Delete
    5. gan kalo show hida kayak agan gimana??

      Delete
    6. gan kok sekali di pake yg kedua kalinya ilang sih?

      Delete
    7. Ilang gmn gan?

      kode show hide kayak gw ini salah gan blm gw edit. coba cari aja d google. :l

      Delete
  5. saya bingung tampilan edit htmlnya beda di mana tempat centang expaind template widgetnya gan :k

    ReplyDelete
    Replies
    1. Baru tau edit template blogger udah model baru gan,. :x

      langsung aja di search kodenya terus di enter gan,.
      (kotak search ada di pojok kanan atas)

      semoga bermanfaat.

      Delete
    2. kotak searchnya di samping tulisan apa gan saya gg ketemu???

      Delete
    3. teken Ctrl+F biar kotak searchnya muncul gan, lupa,. :l

      Delete
  6. oh iya gan kalo naro emoticonnya di atas komen kaya agan gimana tuh??

    ReplyDelete
    Replies
    1. caranya sama kayak tutorial di atas gan,. :l

      Delete
  7. :c visit back gan aldofiotamaj.blogspot.com

    ReplyDelete
  8. This comment has been removed by the author.

    ReplyDelete
  9. Gak ketemu dua kode yang suruh dicari itu gan :/
    Kunjungannya ya http://anggaadp.blogspot.com/2013/05/list-anime.html

    ReplyDelete
  10. kga muncul gambarnya...
    heran -_-

    ReplyDelete
  11. :g berhasil gan
    top.. makasih y gan..udh lama cari cara nya masang emot onion akhirnya brhasil jg

    ReplyDelete
  12. Min kok ada garis" biru di samping postingannya?

    http://largo-kun.blogspot.com/2013/06/tutorial-aegisub-bikin-subtitle-anime.html?showComment=1370946853068#c73354805100005843

    ReplyDelete
    Replies
    1. ente salah pasang tu x gan, kalo mau ngapus garisnya delete aj kode border: 4px double #0084ce; gan. :l

      Delete
  13. Kalo buat nambah emoticon biar jadi banyak gmana ya Min?

    saya tadi nyoba tambah muncul gambarnya bareng ama yg gambar yg laennya, tapi waktu d terapin di komentar ngga muncul gambarnya,

    ReplyDelete
  14. saya ngga bisa ngeditnya min, masih pemula soalnya, hhe,
    ada tutornya ngga Min cara edit JSnya biar bisa nambah emot nya? :k

    ReplyDelete
    Replies
    1. gk ad gan, ente tnggal download aj file JSnya terus gnti dh URL emonya satu2 klo udh upload lgi gan. :l

      Delete
  15. Coba taruh di atas kode
    div class='comments' id='comments' di template blog ente gan.

    mdha2an bis gan.


    gara-gara baca komen ini jadi bisa.
    ayeyy

    thnks gan

    kunjungi juga blog saya
    guminie.blogspot.com

    ReplyDelete
  16. wah, keren artikelnya gan
    Bermanfaat banget
    Jangan lupa komentarnya di http://adeputra-pkp.blogspot.com

    ReplyDelete
  17. keren gan.. artikelnya visit juga ya
    www.donesiarony.blogspot.com
    :o

    ReplyDelete
  18. gan bisa tolong dijelasin cara masang kotak kode emotnya kek agan gimana gan ? :c
    visit juga gan http://sang-pencopet.blogspot.com/

    ReplyDelete
  19. gan bantaui ane dong :q

    ReplyDelete
  20. gan cara menghapus pop up blog yg pernah agan posting itu gimana?soalnya sya mau edit template biar sesuai.mohon bantuannya agan.kirimi saya jawabannya ke email dedisugesty354@gmail.com trims ya gan,smoga tambah sukses menjadi seorang blogger sejati.

    ReplyDelete
  21. kalo emoticonnya di pake di editor bisa ga ya gan? caranya gimana?

    ReplyDelete
  22. gan gue harus gimana ngucapin terima kasihnya hehe :D
    kunbal ya gan maaf masih newbie
    http://newbanie.blogspot.com

    ReplyDelete
  23. saya sudah capek pasang tapi gak bisa2 :g
    http://a-ndroidgadget.blogspot.com
    http://sahabatralfa.blogspot.com

    ReplyDelete
  24. http://indprocyber.blogspot.com/ kunjungin balik gan :o

    ReplyDelete
  25. Terimakasih tutorialnya... berkunjung kembali ke Blog saya yaa :)

    ReplyDelete
  26. gan gak bisa, karena adanya cuma post-footer-line-1 dan post-footer-line-2. yg 3.nya gak ada,.
    trus gmna gan,? :g

    ReplyDelete
  27. :r makasih gan! atas referensinya!
    kunjungan balik ya http://diki-pta.blogspot.com/

    ReplyDelete
  28. Mas ane kok gak bisa yee .???

    [img]http://oi58.tinypic.com/25s1ovn.jpg[/img]

    ReplyDelete
  29. gk nongol smiley nya knp ya ?? :k

    ReplyDelete
  30. saya izin pake emotnya. berhasil di blog saya. :r
    tapi bisa dikecilin gak ya emotnya?

    ReplyDelete
  31. mantabb its work brohh :r
    mksh yee, kpn2 mmpir kmri brohh http://myworldmyhobby.blogspot.com/
    :o

    ReplyDelete
  32. Berhasil gan.. walau kode 'post-footer-line post-footer-line-3'>" atau "post-footer-line post-footer-line-3'>" kgk ada di blogger yang baru... ane ikutin saran agan taruh di div class='comments' id='comments'

    Thanks gan.. pisit back ekopujigundar.blogspot.com gan :D

    ReplyDelete
  33. keren gan kapan-kapan (y) ke blog baru.. http://cookiesjuga.blogspot.co.id

    ReplyDelete
  34. Min, aku berhasil hore masang emotnya. Terimakasih.
    Tapi ada kendala, pertamanya kan muncul tuh board emot-emotnya. Aku test komen pertama oke bisa.
    Nah setelah komen pertama, board emotnya hilan min.
    Itu berlaku untuk semua posting yang kalau postingan tsb sudah ada komentarnya board emot ga muncul.
    Kalau postingan itu belum ada komenatarnya sama sekali baru deh muncul. Mohon pencerahannya admin yang baik hati... Teriamakasih...

    ReplyDelete

Yang komen spam dan komen asal ga punya otak bego

Terima Kasih

Admin SEO Ciyus

Berikutnya Sebelumnya