Rabu, 26 Desember 2012

CARA MEMASANG EMOTICON MENARIK PADA POSTINGAN BLOG

Ditulis Oleh Sulaiman Budi Yulianto  | Sabtu,         27 Desember 2012 | 01:12 AM


Cara Memasang Emoticon Menarik Pada Postingan Blog ini mengadopsi dari beberapa artikel sobat blogger dan saya sempurnakan untuk melengkapi kekurangan yang ada. Memasang emoticon atau smile pada postingan blog, cukup hanya kita mengetikkan simbolnya maka nanti akan tampil gambar emoticon yang kamu inginkan (seperti pada ruang "Komentar" dibawah ato pada postingan ini sendiri), yang terkadang kita ingin memberi sebuah emosi pada tulisan kita, biar pada tulisan kamu yang kurang hidup jadi lebih hidup  




Sebelumnya artikel seperti ini sudah dipasang dibeberapa artikel lainnya juga namun cara yang satu ini dijamin gak ribet dan sangat mudah, cocok dipasang di blog kamu dan akan saya tambahkan beberapa cara lain. Ikuti tutorialnya dibawah ini :
  1. Login ke blog kamu.
  2. Lanjutkan --> Klik "Template" (Rancangan/design).
  3. Lanjutkan -->Klik edit HTML.
  4. Lanjutkan --> Centang Expand Template Widged 
  5. Lanjutkan -->Copy-paste kode berikut dan letakkan tepat dibawah kode ]]></b:skin>
<script src='http://louislim2.googlepages.com/addSmiley.js' type='text/javascript'/>
  1. Lalu "Simpan" (Save) template kamu.

Icon smile ini akan tampil secara otomatis pada blog kita setiap kali kita mengetikan standar kode dari icon tersebut.
Standar kode smile yang bisa digunakan :

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Silahkan test dengan mengetikkan simbol-simbol diatas, lalu postinglah. maka simbol-simbol yang kamu tulis tadi akan otomatis jadi gambar emoticon.
Demikian tutorial singkat tentang Cara Memasang Emoticon Menarik Pada Postingan Blog, semoga banyak membantu dan bermanfaat!


 Postingan ini adalah uji coba penerapan judul terkait (postingan ini), dan hasilnya  



Ok!seperti yahoo, ato free smileys, ato pun yang ini smiley repository juga ya ok! ato mo ke alamat lainnya, silahkan....yang penting bisa nampilin tuh emoticon yang lucu, menarik, dan yang paling penting adalah yang berkenan/ cocok dihati para sobat. 




  • Klo sudah siap, silahkan buka blog sobat, biasaa....masuk ke dasbor trus pilih "buat entri baru" ato postingan baru.
  • Isikan dengan postingan yang ingin anda tulis....
  • Nah, klo sudah siap tuh artikel/postingan nya, kita ambil emoticon yang mo disisipkan pada isi postingan kita, yaitu dengan cara klik alamat tuh emoticon.
  • Trus, "klik gambar emoticon" yang diinginkan.......trus "klik kanan", maka akan muncul beberapa pilihan, maka kamu sorot/klik "Periksa Elemen". 
  • Pada "yahoo messenger" akan di blok biru pada tulisan script nya, lalu klik kanan n pilih "Copy as HTML", sedangkan pada smiley repository akan tampil dibawah kolom gambar "BBCode".
  • Paste pada artikel kamu dengan menyisipkan kode tersebut di edit "HTML" nya (jangan pada "Compose").
  • Lalu "Simpan" (Save) n "Publish" (Publikasikan).
  • Lihat Hasilnya.....Cekidoot!!!   Pasti dah berubah n tampilan artikel kamu jadi jauh lebih menarik!.

    Contoh atau demo untuk isi artikel ini...yaa, artikel ini sendiri.......Gimana??? masih ragu....?!
    dijamin deh 100% berhasil! soalnya pasti langsung saya praktikan semua posting yang ada.



    NB: Oh, ya Sob! Klo emoticon-nya gk tampil coba cek Kodenya, contoh kode yang benar seperti ini:    
     <img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" /> atau <img alt="angel" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif" /> atau <img src="http://smileys.on-my-web.com/repository/MSN_Emoticons/MSN-Emoticon-015.gif" />. 

    Biar gampangnya buat para "Newbie" di copy-paste aja ketiga contoh tersebut.....Trus di cek! Pasti sekarang udah tampil......Ya, gak???  Hal tersebut dikarenakan kemungkinan pengetikan kode yang kurang lengkap.  OK! saya rasa cukup sekian dulu untuk postingan kali ini....SUKSES selalu buat semuanya, sekali lagi semoga bermanfaat  dan jangan lupa Kritik dan Saran yang membangun saya Tunggu, baik di ruang "Komentar" maupun di "Chat Box/Chat Room" http://zaazu.com 

    Ketik atau “COPAS” aja kodenya (Jangan Gambar) ya Sob…N’ gunakan kata2 bijak dalam berkomentar
    :a: :b: :c: :d: :e: :f: :g: :h:
    :i: :j: :k: :l: :m: :n: :o: :p: :q:
    :r: :s: :t: :u: :v: :w: :x: :y: :z: :aa: " :ab:

    7 komentar:

    1. makasih info nya... sangat ngebantu sekali :D

      BalasHapus
    2. Sekarang blog sudah tidak saya kunci.....jadi silahkan klo mau COPAS kode......atau artikel asal sertakan juga alamat blog ini ya Agan2 or Sista2...... :q: :a:

      BalasHapus
    3. Balasan
      1. Lihat n di cek "kode" nya. Mesti ada yg salah ato kurang lengkap!. jgn "kopas" semua, tpi ada yg kudu dirubah. Lihat contoh yg diwarnain "merah muda", trus km ganti dimulai kode "http: ....... . gif"....pasti bisa..... tuh di atas dh ane kasih caranya...... Semoga sukses

        Hapus
      2. Tambahan, coba aja kamu COPAS kode warna "merah muda"...trus test pasang di Postingan km....klo bisa, berarti ga da masalah!.
        trus coba ambil kode dari emoticon yg km inginin, ganti sesuai dengan kode warna merah, hanya ganti kode dari "http: sampai .gif". coba....pastinya sukses deh!.

        selamat mencoba ya...

        Hapus
    4. Komentar ini telah dihapus oleh pengarang.

      BalasHapus