Praktis Kilat Pasang Widget Yahoo Smileys di Blogger - Threaded Comment

Ini adalah cara paling praktis dan mudah untuk memasang yahoo smiley di blogger. Bisa digunakan di Template Tata letak (Layout Template) maupun Template Designer (Perancang Template) yang sudah dilengkapi threaded comment.
Widget Smileys untuk Blogger ini tidak saja menggunakan javascript, xHTML dan kode CSS, namun di dalamnya digunakan juga css3. CSS3 berfungsi untuk membuat bentuk show hide box smiley dengan effek hover sekaligus juga digunakan untuk memperbesar (zoom) emoticon/yahoo smiley agar dapat terlihat dengan jelas saat pemberi komentar memilih emoticon yang akan ditampilkan dalam komentar. Kode css3 yang yang digunakan untuk fungsi zoom adalah css3 transform-scale plus css3 transition, sedang show-hide box yahoo smiley memanfaatkan padding dan css3 transition.

Desain show-hide box yahoo smiley dibuat dalam posisi fixed agar selalu terlihat di halaman blog di sisi kiri-bawah. Cara penempatan box yang seperti ini dimaksudkan untuk mempermudah pemberi komentar saat memilih emoticon/smiley karena box akan bisa dekat dengan comment box. Sebuah trik yang membuat widget menjadi berbeda dibandingkan dengan tutorial lainnya yang tidak menempatkan box yahoo smiley pada posisi strategis dan berdampingan dengan box komentar.

Untuk template non-Threaded Comment, silahkan buka link di bawah ini untuk mendapatkan widgetnya:
Widget Yahoo Smileys non-Threaded Comment

Cara pemasangan javascript widget yahoo smileys:

1. Login ke Blogger.
2. Klik "Rancangan (Design)".
3. Halaman Tata Letak (Layout).
   
   • Pilih salah satu "Add a Gadget/Tambah Gadget" yang terdapat dalam elemen blog bergaris putus-putus.
   • Setelah window baru terbuka dan gadget terlihat, pilih dan klik gadget "HTML/Javascript".
   • Copy dan paste-kan javascript dalam "box HTML/Javascript".
   • Klik "SIMPAN/SAVE".
4. Buka blog dan buat komentar dengan menyisipkan kode smiley seperti yang terlihat dalam box yahoo smiley.
5. Selesai.

Cara lain menyimpan javascript :

1. Login ke blogger.
2. Klik "Rancangan/Design".
3. Klik "Edit HTML".
4. Lakukan Backup Template.
5. Cari kode </body>
6. Letakkan javascript di atas </body>
7. Klik "Simpan Template/Save Template".
8. Buat komentar dan tambahkan kode smiley kemudian lihat hasilnya.
9. Selesai!

Javascript widget Yahoo Smileys :

<script src="http://gubhugreyot-javascript.googlecode.com/files/GRsmileys-threaded.js" type="text/javascript"></script>