Cara Membuat Emoticon di Blog

Cara membuat dan memunculkan sederet emoticons/smileys di blog Blogspot memakai script Greasemonkey di browser Mozilla Firefox 3.5.5 versi terbaru atau di versi yang lebih lama.


Emoticons ini hanya muncul di mode Compose, dan tidak muncul di mode Edit Html.


langsung aja ya :

Caranya, kita install add-ons dari Greasemonkey dan script emoticons-nya ke browser Mozilla Firefox (bukan Internet Explorer, Google Chrome, Safari atau Opera).

1. buka browser Mozilla Firefox (355 atau versi yang lebih lama)
2. install add-ons dari Greasemonkey. Klik di sini untuk download dan install.
3. install script untuk emoticons. Klik di sini untuk download. Setelah didownload, klik (kiri) untuk menginstal script ini.
4. restart Firefox
5. masuk ke Blogger/Blogspot (di komputer saya, saya sign in di Dashboard yang lama, and there’s might be a delay for the emoticons to show up).
6. dan di browser akan terlihat seperti ini (di kompi saya ini hanya muncul jika sign in di Dashboard yang lama, dan tidak muncul jika sign in lewat Blogger in draft).

Berikut ini adalah daftar smiley / emoticons lain yang bisa diinstal dan dimunculkan di browser Mozilla Firefox. Untuk memakainya Anda tinggal klik di ikon smiley (smilies) atau emoticons. Berpindahlah ke tab (mode) Edit Html jika ingin mengedit atau memindahkan letak smiley (smilies) atau emoticons.

1. Emoticons Naruto, klik dan download scriptnya di sini.
2. Smiley Pika, klik di sini dan download scriptnya.
3. Smiley Kitty, klik di sini dan download scriptnya.
4. Emoticons Pucca, klik dan download scriptnya di sini.

Cara Menganti Kursor di Blog

Langsung aja ya
Berikut ini langkah-langkahnya : 

Login ke Blogger 
Klik Tata Letak
Klik tab Edit HTML


Beri tanda centang pada kotak di samping tulisan Expand Template Widget ,
( warning !!! Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template , Klik tulisan Download Template Lengkap )


Kemudian cari kode body { 
untuk mempermudah pencarian tekan Ctrl + F atau (F3) di keboard sobat
Jika sudah ketemu silahkan copy-pastekan script kode berikut persis di bawah kodebody {

cursor: url("http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor7.gif"), default;
 

maka hasilnya akan seperti berikut :
 

body {
background: #ffffff;
margin:0;
color:$textcolor;#000000:
font: x-small $bodyfont;
font-size/* */:/**/small;
font-size: /**/small;
text-align: left;
cursor: url("http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor7.gif"), default;}

ganti tulisan yang berwarna biru dengan alamat URL gambar yg di inginkan , atau bisa jga menggunakan URL contoh cursor dibawah ini :

http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor1.gif

http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor3.gif

http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor4.gif

http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor5.gif

http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor6.gif

http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor7.gif

http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor8.gif

http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor9.gif

http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor10.gif

http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor12.gif

http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor13.png

http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor16.png

Selamat Mencoba ....