Membuat Emoticon Clickable Pada Posting

Mungkin anda sering melihat posting yang disertai gambar seperti ini atau yang seram seperti ini dan berbagai icon lainya seperti ini dan juga ini . Nah, gambar kecil tadi disebut emoticon. Emoticon berguna untuk mengekspresikan perasaan penulis pada waktu itu seperti senang , sedih, marah dan ekspresi lainnya. Tutorial membuat emoticon pada area posting bukan hal yang luar biasa sebab sudah banyak yang menulisnya. Saya akan tulis kembali tutorial ini biar tambah rame . Sebenarnya sudah sangat lama saya menggunakan clickable emoticon grease monkey ini, namun baru sekarang saya tulis.

Pada saat menulis posting baru, emoticon akan muncul di atas area posting blogger. Untuk menambahkannya pun cukup mudah. Anda tinggal klik emoticon pilihan anda dan jadi deh. Ga perlu repot lagi dengan mengcopy paste kode emoticon ke posting blog. Tertarik ingin membuatnya? Silahkan ikuti cara di bawah ini.

Membuat emoticon clikable pada posting
Nah, agar emoticon muncul diperlukan bantuan pihak ketiga seperti saya katakan di atas namanya grease monkey. Nah, cara ini terbatas pada komputer yang menggunakan firefox ssebagai browser saja karena grease monkey terintegrasi dengan firefox. Oke langsung saja.

1. Download versi terbaru firefox
2. Instal grease monkey dari firefox dengan meng-klik grease monkey. Setelah selesai, restart browser anda seperti yang diminta.
3. Sekarang klik emoticon script untuk menginstalnya pada blog anda.
4. Login ke blogger dan lihat apakah emoticon sudah ada. Jika semuanya berjalan benar maka emoticon akan muncul di area posting seperti ditunjukkan gambar di bawah ini :

Dengan emoticon ini maka anda pasti tambah semangat menulis artikel sambil tersenyum . Jika anda merasa emoticon di atas masih kurang, anda juga bisa menambah jenis emoticon lainnya seperti di bawah ini.

1. Emoticon Naruto download di sini
2. Emoticon Kitty download di sini
3. Emoticon Pica download di sini
4. Emoticon Pucca download di sini

Nah, biasanya emoticon yang sudah ditambahkan masih belum sempurna. Disekeliling emoticon masih ada garis petak atau kotak. Untuk menghilangkan garis pembatas pada emoticon ikuti cara berikut.

1. Login ke blogger dengan ID anda
2. Cari kode ]]></b:skin>
3. Copy dan Paste kode berikut tepat di atas kode ]]></b:skin>
   img.emoticon {
   padding: 0;
   margin: 0;
   border: 0;
   }
4. Klik Simpan Template
5. Selesai

Untuk mengujinya, silahkan buat posting baru dan perhatikan emoticon yang muncul tidak memiliki garis pembatas lagi. Selamat mencoba ya. Jika ada emoticon lainnya yang bisa ditambahkan, mohon berbagi di sini. Terima kasih.

Related Post:

Aksesoris

• Pasang Alert Welcome Message Di Blogger
• Menambahkan Emoticon Pada Area Posting
• Pasang Bookmark AddThis Di Setiap Posting
• Pasang Tombol "Save as PDF" Di Blogger
• Pasang Yahoo! Messenger Pingbox
• Download Picasa 3.5 Fitur Name Tags
• Free Icons Dari Iconlet Search Engine
• Membuat Favicon Untuk Blog
• Membuat Kotak Pesan ShoutBox
• Membuat Banner Animasi dari AdDesigner
• Sial Photobucket Site Maintenance

or or