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

Catatan Kecil Alya Zahra :

Artikel Cara Menambahkan Emoticon Dalam Postingan Blog, diproduksi di Indonesia oleh Alya Zahra on February 28, 2013. Semoga artikel ini bermanfaat bagi Anda dan jangan lupa untuk meninggalkan komentar, jejak kaki, dan juga salam tempel. Alya Zahra adalah seorang penggiat blog yang cerdas, cantik, imut, sederhana, dan bersahabat, serta selalu rajin beribadah dan taat kepada kedua orang tua, meskipun Alya Zahra saat ini masih duduk di bangku Taman Kanak-Kanak.

Enter your email address:

Delivered by FeedBurner

OK

36 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
Silahkan berkomentar yang bijak dan santun, serta tidak hanya bertujuan spam.

Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA </i>

Terima kasih atas komentar anda. Semoga informasi yang ada di blog ini bermanfaat.

haii pleased huhhh dad shake wat2 order happy cheer spoiled


Konversi Kode HTML

 
scrolltotop