Jumat, 18 Januari 2013

CARA MEMASANG EMOTICON MENARIK PADA POSTINGAN BLOG



07:29  sulaiman budi yulianto  No comments

Ditulis Oleh Sulaiman Budi Yulianto | Sabtu, 22 Desember 2012 | 01:10 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 secara otomatis, cukup hanya kita mengetikkan simbolnya maka nanti akan tampil gambar emoticon yang kamu inginkan (seperti pada ruang "Komentar" dibawah), 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 : nail biting
  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 :
:) or :-)
:D or :-D
:$ or :-$
:( or :-(
:p or :-p
;) or ;-)
:k or :-k
:@ or :-@
:# or :-#
:x or :-x
:o or :-o
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 Blog, semoga banyak membantu dan bermanfaat! thumbs up

  waiting Postingan ini adalah uji coba penerapan judul terkait (postingan ini), dan hasilnya whew!big hug    

Ok!time out Jikalau anda merasa masih kurang puas akan saya tambahkan cara lainnya untuk melengkapi tampilan emoticon anda. Berikut adalah salah satu langkah yang menurut saya jauh lebih flexible: angel 
  1. Kamu cari penyedia emoticon yang kamu kehendaki .....lewat bantuan "mbah google" 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. 


  1. Klo sudah siap, silahkan buka blog sobat, biasaa....masuk ke dasbor trus pilih "buat entri baru" ato postingan baru.
  2. Isikan dengan postingan yang ingin anda tulis....
  3. 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.
  4. Trus, "klik gambar emoticon" yang diinginkan.......trus "klik kanan", maka akan muncul beberapa pilihan, maka kamu sorot/klik "Periksa Elemen".
  5. 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".
  6. Paste pada artikel kamu dengan menyisipkan kode tersebut di edit "HTML" nya (jangan pada "Compose").
  7. Lalu "Simpan" (Save) n "Publish" (Publikasikan).
  8. 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....?! Anime is soooo cute!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" call me.

1 komentar: