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 pada waktu yang masih dirahasiakan dan telah bersertifikat حَلاَلً. 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 pada kedua orang tua, meskipun Alya Zahra saat ini masih duduk di bangku Taman Kanak-Kanak.

15 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
Silahkan berkomentar yang bijak dan santun karena blog ini tidak menggunakan moderasi komentar. Penggunaan link aktif yang disisipkan dalam komentar akan terhapus secara otomatis, namun anda bisa mendapatkan backlink dengan berkomentar menggunakan opsi Nama/URL dan tidak hanya bertujuan spam.

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

:) :( ^_^ :D ;) :-bd :'( :\ :p B) :Q :Ozz 7:( \o/ **p <3 0:) :-a =p* ~x(

NB :Tambahkan setidaknya satu spasi didepan sebelum menyisipkan kode emoticon


Konversi Kode HTML

 
Theme Template by BTDesigner DMCA.com Modified by Alya Zahra