Pages

Thursday, 1 October 2015

Cara Pasang/Tampilkan Emoticon Di Blogspot (No Edit HTML!)

Sekedar untuk fun dan supaya blog jadi lebih menarik penulis kali ini coba ekseperimen buat program sederhana khusus untukmenampilkan atau pasang emoticon di blogspot atau blogger.com. Bagi pembaca yang berminat ingin pasang silahkan boleh gunakan dan tambahkan ke blog (gratis).



Cara menambahkan feature emoticon atau smiley di blog pada artikel ini beda dan lebih mudah dibandingkan dengan tutorial lainnya. Kita tidak perlu melakukan edit script HTML.

Selain karena sulit untuk pengguna awam yang tidak paham HTML. Mengedit script HTML di blogspot itu ya harus hati-hati. Karena jika kita salah edit atau copy paste bisa error blog kita 

CARA PASANG/TAMPILKAN EMOTICON DI BLOGGER/BLOGSPOT

Feature smiley atau emoticon untuk blogger/blogspot ini penulis buat dan kemas dalam bentuk blog widget atau dikenal juga dengan istilah blog gadget. Dan khususnya untuk platform blogger atau blogspot (bukan untuk Wordpress atau lainnya).

Khusus untuk blogspot? Tapi kok bisa tampil di blog gimanacara.com ini? Perlu pembaca ketahui blog gimanacara.com ini juga sebetulnya adalah blogspot. Cuma blospot-nya sudah penulis "tingkatkan" dan pasangkan domain. Mungkin pada kesempatan lain penulis akan share artikel cara pasang domain ke blogspot. Juga cara menampilkan atau pasang script emoticon ini di website-website lainnya 

Untuk code programnya sendiri penulis release sebagai open source di Google Code.

YUK, PASANG DI BLOG!

Untuk yang ingin pasang/tambahkan feature emoticon atau smiley di blogspot silahkan click tombol dibawah ini:


Selanjutnya pada layar konfirmasi seperti dibawah ini click Add Widget.

pasang emoticon di blogspot

DAFTAR EMOTICON (32)

Emoticon yang digunakan sebagian besar adalah emoticon Yahoo Messenger (langsung dari server Yahoo). Sedangkan untuk cara penulisan karakternya sudah coba disamakan dengan standard penulisan emoticon BlackBerry. Berikut beberapa emoticon yang tersedia di versi ini:

                   
                    
                

Daftar karakter emoticon yang bisa di copy-paste dalam format file PDF silahkan download disini.

CARA GUNAKAN?

Waktu kita buat posting artikel atau menulis komentar cukup ketik karakter emoticon-nya. Setelah artikel atau komentar kita simpan. Tunggu sebentar, karakter emoticon akan tampil (otomatis). Sudah itu aja. Gampang kan?


CARA HAPUS SCRIPT EMOTICON DARI BLOG

Setelah dipasang jika pembaca ingin hapus script emoticon berikut caranya:

1. Dari blogspot control panel pilih Layout.



2. Akan tampil beberapa kotak dengan tulisan HTML/JavaScript. Coba click pada link Edit seperti dibawah ini untuk menampilkan isinya.



3. Ulangi langkah nomor dua diatas hingga pembaca temukan script yang berisi: "setEmoticon.js". Untuk jelasnya lihat gambar dibawah ini.


Jika pembaca sudah temukan untuk menghapus script click tombol Remove. Untuk membatalkan click tombol Cancel.


PENUTUP

Daftar emoticon atau smiley pada widget ini mungkin masih terbatas dan belum lengkap. Mohon agar dimaklumi, terlebih karena blog widget ini penulis buat sifatnya untuk fun (dan eksperimen). Mungkin dilain waktu senggang penulis akan coba tambahkan emoticon-nya lagi. Jangan lupa kunjungi blog ini untuk info dan update terbaru.


UPDATE 26-JUL-2015

Google mulai menghentikan layanan Google Code. Untuk itu script code emoticon penulis pindahkan ke layanan Google Drive. Bagi pembaca yang sudah memasang widget ini sebelum 26-Jul-2015 silahkan hapus (lihat panduan diatas) lalu tambahkan kembali widget ini.


BERITAHU TEMAN

Untuk yang sudah pasang emoticon di blogspot (jika berkenan) jangan lupa berikan link balik ke halaman ini. Atau kalau mau buat posting artikel bahas tentang emoticon ini juga boleh #terima-kasih. Kalau kita tahu suatu hal yang berguna tidak ada salahnya kan di share beritahu orang lain? Ga rugi kan. Toh cuma informasi aplikasi gratisan? 

Mau testimoni? Atau ada masalah pemasangan script? Silahkan tulis komentar dibawah (cantumkan alamat blog). Nanti di waktu senggang penulis akan coba bantu check.

No comments: