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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5TMeMl8lQulgzGUUxZ9xrfBYXERBF6Cz6nbC0udw5YUG7yaPRDsv756cBXivyEu0G7YPMI9YWmR8j747YGd2BtO7UCLHnA4cHFrPFT6XDKZtUHQF0KOwxhQRa0Q0CeAhksDXWY22qnUwl/s1600/1+big+grin.gif" />


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAtKilR688T_r-kdrYTQpUt5NIOv659A1sy3Dkel8wD5uz5l2wzXsqvWEtkq7Le7oFPTutTt5DSg2JApRqHRW1avgU0sQIaiOfvlhzT9Wz7xyK1vKVU4gfpPtxIpDZ5GbSPULN4dMxjYrb/s1600/1+beer.gif" />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtyTUqbFOAEDcSYRq4thz6iWmOiAtcU945zsp25xIabpSgBB22P1nYAd_wP8vUoKbd6zr-75rVClz4lXv1SWxe16L9yJWj7K0-1wxpaFgb309UArCAQTKhw5wgUCniWpLSNbMudax_XX_i/s1600/1+afro.gif" />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBbYGjXuxvpod-5QtBK_6jkEiLu0j_XzqtkRNmKfXBRYANDQx4wlDv484vd14QPWsynIOJu8VdjEzRLNbUIJX2VTqxmR5T7KXI5pvGDWbayBFghIAFAups6-Ol2fdYLt3aWqzq53wv9IkB/s1600/1+cool.gif" />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_2oeDv6hgPobbPkMVkaaHYA5poEG5cvQ_CIbozpgoH0EnA-2M5pWBcc6nLV-iYIcbObIz3O2UYuu4R-G6xQ23P3IOXWmJE348s6HvA4fUroQZM73wzAPQzzOqPpijNu0d07BpSQs0pJj2/s1600/1+genit.gif" />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkcO65O7uP4mM708oV6LVkm9WPFFb01d4mE3c5E-0e_oWMwQYQAkNFp2IanLbX-W0vycc158SAIe4o5V3-g7k_j9Ka3J68WbHJhFl1Wee6k6up3HWZgWK1CKht6wbmYwcZr2i7r6tTVOcp/s1600/1+peace.gif" />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicUiugPhGCTsnsxziJUJllDLHxCpT5oHsocW-e3LO1pkdKBpCpE5TdM9NP3pHFbY6Yuzb4nuJMMA0rdKr4iqT0LTiFTxtyJz0zpF-CW0BuUg1bU9cu78_vWUm-YNkQ-qnCzF8VfSUSPgwn/s1600/1+rain.gif" />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGEzAGyE5e4ooMNFDiGB80zR3tQYa-OoRfM7pEXvxblZSvFXK052PDf6o0g7SUz4p_4uzurx9bPHBnNf6I79aB8to56RRQ7u1tgRlq6asUqCrcXgSNmvc37inbawpD57psBEMhHjytCZ2T/s1600/1+ngacir.gif" />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLi5F1fZ3APQdWtiYVYkD3XRVnr5LEBCIm6QvVilygiZn7GAh0xXSFLORmBy39Pm-QJfi-uVMgWPqcFrpT69MJaZaHgJJBSmqnMN_EfOSTL1u-iJNMDSCnXfBgmBjsyOiNKIzbG8okelsu/s1600/1+sad.gif" />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio_LC2ag1tBtLUi2nA1AXp_ZmfE8K3AklsCxvKs6Ht3xMJITjp7nUTpredUH4FDV6E6Bl4AWlBGya0IyOlJBzfbAtJPwaz2Uei-bE1wghvRep2A0uhduCNFJbT7VWkF-VVaGNPAKSjo5O6/s1600/1+wek.gif" />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOghinrRnBC3e-8FKYHgoCGoekSuGCsp_pqdfN8EOMhwbZU_DnLALuC65CttkjljvDhGUVBtTgMEBaihDlZAvdnw3nGpTj7g9b3E7WotUMmgx8qqFS2kAPRNHfAvpumGLqjvGuLzXjCKXI/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....

44 comments

  1. AnonymousFebruary 28, 2013 at 7:39 PM

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

    ReplyDelete
  2. UnknownMarch 1, 2013 at 12:48 PM

    @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. UnknownApril 12, 2013 at 1:07 AM

    Brmanfaat skli gan

    ReplyDelete
  4. SunandarApril 17, 2013 at 6:24 PM

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

    ReplyDelete
    Replies
    1. UnknownApril 18, 2013 at 9:35 AM

      =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
    2. subhan lktkjbn]December 19, 2013 at 10:21 AM

      happy siip

      Delete
  5. AnonymousApril 21, 2013 at 9:46 PM

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

    ReplyDelete
  6. Yoga SetyawanApril 28, 2013 at 12:42 PM

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

    ReplyDelete
  7. isni wardatonMay 8, 2013 at 9:08 PM

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

    ReplyDelete
  8. Fiqri AlfiantoMay 12, 2013 at 10:34 AM

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

    ReplyDelete
  9. UnknownMay 13, 2013 at 10:30 PM

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

    ReplyDelete
    Replies
    1. UnknownMay 14, 2013 at 9:14 AM

      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
  10. On ElectronicMay 26, 2013 at 11:36 PM

    Keren gan, apalagi kalau emotionnya diperbanyak lagi.

    ReplyDelete
    Replies
    1. UnknownMay 27, 2013 at 12:19 PM

      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
  11. blogdyanMay 31, 2013 at 2:12 PM

    Ada lagi ga brother stok Emoticonnya? tambahin laaaah

    ReplyDelete
    Replies
    1. UnknownMay 31, 2013 at 4:08 PM

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

      Delete
    2. blogdyanMay 31, 2013 at 6:06 PM

      thx brother or sister

      Delete
  12. Bagus Aristya RahmatAugust 13, 2013 at 2:58 PM

    order

    ReplyDelete
  13. fendiAugust 14, 2013 at 8:04 PM

    keren kk maacih jgn lupa kunjung balik happy shake

    ReplyDelete
  14. EdSeptember 6, 2013 at 10:40 PM

    dad test

    ReplyDelete
  15. UnknownSeptember 12, 2013 at 10:37 PM

    kurang jelas gan

    ReplyDelete
    Replies
    1. UnknownNovember 28, 2013 at 2:11 PM

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

      Delete
  16. UnknownNovember 17, 2013 at 2:31 AM

    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. UnknownNovember 28, 2013 at 2:14 PM

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

      Delete
  17. aswarilovarianDecember 20, 2013 at 6:03 PM

    Mantap mbak, thanks ya mbak, Visit Back

    ReplyDelete
  18. UnknownJanuary 1, 2014 at 10:42 AM

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

    ReplyDelete
  19. UnknownJanuary 15, 2014 at 1:50 PM

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

    ReplyDelete
  20. Namimonstrologist.blogspot.comJanuary 29, 2014 at 12:43 AM

    thankz ya

    ReplyDelete
  21. giant cyberJanuary 29, 2014 at 7:47 AM

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

    ReplyDelete
  22. AnonymousFebruary 18, 2014 at 2:29 PM

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

    ReplyDelete
  23. AnonymousMarch 26, 2014 at 8:23 PM

    order

    ReplyDelete
  24. AnonymousMarch 30, 2014 at 6:53 AM

    Keren juga.

    ReplyDelete
  25. DenyKurniawanApril 26, 2014 at 11:05 PM

    thanks om :D

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

    ReplyDelete
  26. UnknownMay 2, 2014 at 11:41 AM

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

    ReplyDelete
  27. UnknownMay 10, 2014 at 2:53 PM

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

    ReplyDelete
  28. sekar pembayunMay 25, 2014 at 1:29 PM

    haii
    cek

    ReplyDelete
  29. AnonymousJune 3, 2014 at 1:11 PM

    keren banget :)

    ReplyDelete
  30. artkalokaJuly 8, 2014 at 10:05 PM

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

    ReplyDelete
  31. I'M BACKPACK-MADJuly 21, 2014 at 10:49 PM

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

    ReplyDelete
  32. Ucok regarAugust 22, 2014 at 1:34 AM

    makasih infonya
    terus berkarya
    khekhe

    ReplyDelete
  33. UnknownAugust 23, 2014 at 5:08 PM

    cry4

    ReplyDelete

Subscribe to: Post Comments (Atom)