Menambahkan Yahoo Smiley Pada Postingan dan Widget

Haloo sobat blogger... Postingan kali ini masih membahas seputar Yahoo Smiley. Pada postingan sebelumnya saya menjelaskan tentang cara menambahkan yahoo smiley di komentar baru (threded comment), sekarang  saya akan menjelaskan cara menambahkan yahoo smiley / emoticon pada postingan dan widget.

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 smiley ini, bahkan bukan hanya pada postingan saja tetapi dengan widget. smile Semoga saya bisa terus berkarya ... smile

smiley

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 ]]></b:skin>, simpan kode ini diatas ]]></b:skin>
<!-- 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-->

Menambahkan JavaScript

1.  Simpan kode di bawah ini, dibawah kode ]]></b:skin>
<!-- Yahoo Smileys Script by Blog.Kangismet.net Code Start--> 
<script src='http://kangismet.github.io/javascript/javascripts/smileypostwidget.js' type='text/javascript'/>
<!-- Yahoo Smileys End -->
2. Save.

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

Catatan: ketika menulis postingan, Anda tinggal menulis kode smiley, seperti  :)  :D  :((  :P dan lain-lain.
Disqus Comments