Menambahkan Yahoo Smiley Pada Postingan dan Widget

Haloo sobat blogger... Postingan kali ini saya akan membahas seputar Yahoo Smiley dan menjelaskan cara menambahkan yahoo smiley / emoticon pada postingan dan widget di blog sobat,

Banyak tutorial dari rekan blogger tentang cara menambahkan yahoo smiley / emoticon pada postingan, baik yang manual dengan menambahkan kode gambar, javacsript, atau pun dengan menginstall add-ons di fire fox.

Setelah seharian berkutat dengan JavaScript, akhirnya saya akan membagikan tutorial penambahan ini, bahkan bukan hanya pada postingan saja tetapi dengan widget. smile Semoga saya bisa terus berkarya ...[You must be registered and logged in to see this image.]


Hanya 2 langkah mudah, sobat bisa menambahkan yahoo smiley / emoticon pada postingan maupun widget :
1. Penambahan kode CSS
2. Penambahan JavaScript

Menambahkan kode CSS

1. Masuk ke Dasbor ---> Rancangan ---> Edit HTML
2. Backup template (menjaga kegagalan proses)
3. Cari kode

Code:

]]></b:skin>

, copy kode di bawah ini diatas

Code:

]]></b:skin>

Code:

<!-- Yahoo Smileys by Blog.Kangismet.net Code Start-->
img.bhsmly {
    height: auto !important;
    vertical-align: middle !important;
    width: auto !important;
    border:0px !important;
}
<!-- Yahoo Smileys Code End-->

Lalu Tambahkan JavaScript

1. Simpan kode di bawah ini, dibawah kode

Code:

]]></b:skin>

Code:

<!-- Yahoo Smileys Script by Blog.Kangismet.net Code Start-->
<script src='http://kangismet.googlecode.com/files/ysmileyspostwidget.js' type='text/javascript'/>
<!-- Yahoo Smileys End -->

2. lalu save template

Selamat... Anda sudah dapat menampilkan Yahoo Smiley / Emoticon pada blog dan widget.

Catatan: ketika menulis postingan, Anda tinggal menulis kode smiley, seperti ( dan lain-lain.