February 28, 2013

Cara Menambahkan Emoticon Dalam Postingan Blog

Siang sob...



Saya kali ini mau share bagaimana caranya agar kita dapat memasukkan emoticon dalam postingan blog. Cara ini dilakukan selain untuk memberi kesan ramai dan ga ngebosenin juga merepresentasikan emosi kita saat menulis postingan tersebut...hehehehe...

Nah cara nya cukup mudah, silahkan copy paste kode-kode berikut di dalam postingan blog temen-temen.

<img src="http://3.bp.blogspot.com/-8nSLEXEQQXY/USbDVQUZKRI/AAAAAAAAAms/q6mqPqxXG7g/s1600/1+big+grin.gif" />


<img src="http://4.bp.blogspot.com/-RdeFy_muYh8/USbDVYaNh1I/AAAAAAAAAmw/LdTdVaY-wU0/s1600/1+beer.gif" />

<img src="http://4.bp.blogspot.com/-qwTA-YtGZFY/USbDVQfeemI/AAAAAAAAAm0/OnILEHMjaMI/s1600/1+afro.gif" />

<img src="http://3.bp.blogspot.com/-SWnjpZzlZJ4/USbDV4Pd7aI/AAAAAAAAAm8/ghbgwe5DxIM/s1600/1+cool.gif" />

<img src="http://4.bp.blogspot.com/-LNwFvdMHcr4/USbDVxqhdFI/AAAAAAAAAnA/JBU5mgGRV8I/s1600/1+genit.gif" />

<img src="http://4.bp.blogspot.com/-I39G841_GB4/USbDWseP5dI/AAAAAAAAAnI/QvQAHginb-o/s1600/1+peace.gif" />

<img src="http://2.bp.blogspot.com/-mOm-7qzEFJI/USbDXB56dtI/AAAAAAAAAnM/rkCgOAETMno/s1600/1+rain.gif" />

<img src="http://2.bp.blogspot.com/-uTW8tHgFcgI/USbDWWZDlhI/AAAAAAAAAnQ/lJpAqiTbfUQ/s1600/1+ngacir.gif" />

<img src="http://1.bp.blogspot.com/-6j8PcejT9O8/USbDXlPLn0I/AAAAAAAAAnU/jCBnym_3oXg/s1600/1+sad.gif" />

<img src="http://4.bp.blogspot.com/-JeVWbXbiOKw/USbDYH_7HlI/AAAAAAAAAnk/b2pUsD6VQa0/s1600/1+wek.gif" />

<img src="http://3.bp.blogspot.com/-krBwAZPHjmk/USbDpf-RHWI/AAAAAAAAAsI/l3ww2uvamZo/s1600/smoke.gif" />


Sekedar mengingatkan, buat yang belum tau masukin kode-kode diatas jangan pada opsi "Compose" tapi di opsi "HTML" saat sedang menulis artikel atau postingannya...



Ok?? gimana sob, mudah yaa, ternyata segala sesuatu kalo mau mencoba ga susah kok, hehehe...

Terima kasih, semoga bermanfaat....

46 comments

  1. kalau mau kayak yang di komentar sobat bagaimana caranya yah? :)

    ReplyDelete
  2. @Reky Wiryanto Bongso: kalau mau emoticon yg seperti di kotak komentar dibawah gampang aja gan, tinggal klik kanan di gambar nya copy image location nah setelah agan copy link nya masukkan di code seperti dicontoh atas ganti yg setelah "src=" sampai sebelum "/" semoga membantu...:beer:

    ReplyDelete
  3. gan saya mau nanya dong, kalo bikin efek loading kaya blog agan gimana ya ? please minta pencerahannya :)
    http://nandarious.blogspot.com

    ReplyDelete
    Replies
    1. =p* kalo bikin efek loading coba cari kode : ]]></b:skin> lalu letakkan kode berikut diatasnya : #aiizahh-loader {
      position:fixed !important;
      position:absolute;
      top:0;
      right:0;
      bottom:0;
      left:0;
      z-index:9999;
      background-color:#D580FE;
      color:black;
      padding:1em 1.2em;
      display:none;
      }

      lalu cari kode : </body> letakkan kode berikut diatasnya : <script type='text/javascript'>
      //<![CDATA[
      $(document.body).append('<div id="aiizahh-loader">Redirecting...</div>');
      $(window).on("beforeunload", function() {
      $('#aiizahh-loader').fadeIn(1000).delay(7000).fadeOut(1000);
      });
      //]]>
      </script>

      DEMO : http://jsfiddle.net/aiizahh/eEshb/

      Delete
  4. visit to my blog, yusuf25765.blogspot.com
    hehehe... :D

    ReplyDelete
  5. Nice inpo, khususnya buat saya yang pemula ini..
    Langsung diterapin hurray :)
    Sekali lagi Makasih..
    Kunjungi juga ya http://kampungsuara.blogspot.com/

    ReplyDelete
  6. Kereeen, saya cobaaa ah...
    Mbak kalau ada emoticon y baru, saya mau nih... y lucu-lucu... :)

    ReplyDelete
  7. Muter2 Blog
    Jangan Lupa Ke Blog Ku Yah :-bd Tetap Jaya Deh ;)

    ReplyDelete
  8. kalo menampilkan kotak komentar supaya bisa dibawah data yang di posting itu gimana ??? ^_^

    ReplyDelete
    Replies
    1. maaf, maksudnya gimana mba?
      kalau pasang kotak komentar dibawah postingan, masuk aja di dasbor blogger, pilih menu setelan - pos dan komentar - pada opsi "Lokasi Komentar" pilih "tersemat". semoga membantu kalau itu yang dimaksud... ^_^

      Delete
  9. Keren gan, apalagi kalau emotionnya diperbanyak lagi.

    ReplyDelete
    Replies
    1. http://aiizahh.blogspot.com/2013/04/update-cara-membuat-emoticon-di-kotak.html
      tinggal di tambahkan emo range nya saja agar bisa masuk ke dalam postingan...

      Delete
  10. Ada lagi ga brother stok Emoticonnya? tambahin laaaah

    ReplyDelete
    Replies
    1. cek postingan ini gan http://aiizahh.blogspot.com/2013/04/update-cara-membuat-emoticon-di-kotak.html

      Delete
  11. keren kk maacih jgn lupa kunjung balik happy shake

    ReplyDelete
  12. Replies
    1. itu sederhana aja kok gan, atau cobain yg ini gan :
      http://aiizahh.blogspot.com/2013/04/update-cara-membuat-emoticon-di-kotak.html

      Delete
  13. Mba saya mau tanya nih ..
    cara buat evek salju di blok bagaimana caranya ? <i rel=">huhhh</i>
    coba deh mba ke blog saya kekurangannya apa aja mba
    sinarpakong666.blogspot.com

    ReplyDelete
    Replies
    1. mungkin yg seperti ini gan :
      http://aiizahh.blogspot.com/2013/04/membuat-efek-balon-pada-cursor.html

      Delete
  14. Mantap mbak, thanks ya mbak, Visit Back

    ReplyDelete
  15. thanks utk infonya kak..
    kalo mw masukkan emoticon 'back to top' masuk di bagian mana kak? tq

    ReplyDelete
  16. nyimax aja plus kunbal mbax di website saya http://iklas.satria.me

    ReplyDelete
  17. http://aiizahh-reader.googlecode.com/svn/trunk/my%20emo/dad.gif
    mantaf

    ReplyDelete
  18. cheer kalo emot yang dimasukin ke komentar kyk gini huhhh gmn caranya?

    ReplyDelete
  19. thanks om :D

    mampir juga di : http://blognyakapten.blogspot.com :D

    ReplyDelete
  20. Terimakasih gan atas tutorianya,. sangat membantu sekali buat saya,. bila ada kesempatan mampir juga ke Blog saya ini www.jawacyber.com,. Jawa Cyber

    ReplyDelete
  21. http://aiizahh-rhttp://aiizahh-reader.googlecode.com/svn/trunk/tambahan%20emo/hi.gifeader.googlecode.com/svn/trunk/tambahan%20emo/happy.gif

    ReplyDelete
  22. ijin copas gan http://aiizahh-reader.googlecode.com/svn/trunk/my%20emo/shake.gif

    ReplyDelete
  23. <img src="http://3.bp.blogspot.com/-krBwAZPHjmk/USbDpf-RHWI/AAAAAAAAAsI/l3ww2uvamZo/s1600/smoke.gif" />

    ReplyDelete
  24. makasih infonya
    terus berkarya
    khekhe

    ReplyDelete