Membuat Smiley (Emoticon) di Blogger

Support / Mendukung untuk semua jenis Program Browser (seperti Internet Explorer, Firefox, Google Chrome, Opera, dll)

Kawan-kawan atau rekan-rekan sekalian, kali ini saya mau memberikan sedikit tips & trick Membuat Smiley atau Emoticon di Blogger kita..., Ingat khusus buat Blogger (di blogspot.com / blogger.com), bukan wordpress atau yang lainya. Kenapa harus Blogger ? bukan yang lainya ?

.. karena kita tahu sendiri pada dasarnya Blogger tidak menampilkan emoticon / smiley seperti halnya wordpress...

Awalnya saya mencari-cari tutorial ini dari mbah Google tapi hasilnya banyak yang tidak memuaskan kebanyakan mereka menggunakan Add-Ons GreaseaMonkey, emang sih enak ketika kita ingin posting, tinggal klik pada posting compose, tetapi itukan hanya bisa dijalankan di FIREFOX bukan browser yang lain.

Akhirnya saya menyimpulkan, menggunakan tekhnik Replace Text, ketika pertama kali blogger di load pada browser. Dengan teknik tersebut akhirnya saya berhasil membuat emoticon / smiley pada blogger..

dan bisa ditampilkan di semua browser.. saya sudah mencobanya ke beberapa browser lainya seperti Internet Exploer 7, Google Chrome 5, Opera 10 hasilnya dapat ditampilkan.

Emoticon/Smiley ini tampil tidak hanya pada Blog Posting, pada Blog Comment juga bisa ditampilkan

Keuntungan pake script ini adalah ketika kita ketik seperti ": D" akan otomatis keluar seperti ini

seperti halnya KASKUS. Kalo pake greasemonkey kan udah di-modif jadi gambar jadi ya.. kalo Anda pertama kali bikin blog ngepos belum pakai greasemonkey, postingan lama Anda tidak akan ada emoticon/smileynya.. gak enak kan

Langsung saja yu kita praktekkan

1. Login dulu Blogger Anda

2. Masuk ke "Rancangan" dan pilih "Edit HTML", juga centangkan pada "Expand Template Widget"

3. Kemudian Anda Find kata <body>
dan ganti menjadi <body id='body' onload='addSmiley();'>

4. Setelah itu Anda Download Script yang telah saya racik sendiri

Download Script Emoticon/Smiley
5. Kalau sudah di-download buka file download tersebut yang bernama "bikinsmiley.js" di Notepad, trus klik Select All, kemudian Copy.
6. Setelah itu Anda masuk kembali ke blogger Anda dan klik "Rancangan" trus "Elemen Laman" dan klik "Tambah Gadget" kemudian pilih "HTML/Javascript", Paste kode Emoticon/Smiley-nya di Gadget tersebut.

7. Buat tambahin emoticon/smiley di atas komentar, Anda cara kode <p class='comment-footer'>
kemudian download Script Smiley Diatas Komentar , kemudian buka file "ataskomen.txt", select All, Copy dan paste-kan di bawah kode ini <p class='comment-footer' >

Saya sudah mencobanya ke beberapa browser lainya seperti Internet Exploer 7, Google Chrome 5, Opera 10 hasilnya dapat ditampilkan

Untuk buktinya ni saya kasih Screenshot:

Emoticon/Smiley di Internet Explorer 7