Mengubah Icon Cursor

Hallo sobat.. jumpa lagi nih. Setelah beberapa hari absen karena ada ulangan sekolah akhirnya nge-blog lagi!!!. Yupsss... kali ini aku mau membahas salah satu trik blogging yang udah populer di kalangan blogger yaitu mengganti cursor blog biar lebih unik

Okelah klo gitu kita langsung coba ja yaaa

!!!

Untuk membuat sebuah kursor animasi, langkah pertama yang harus di lakukan adalah membuat sebuah gambar animasi yang berukuran kecil, untuk yang ini terserah kepada keahlian sobat, banyak software pembuat animasi semisal macromedia flash dan kawan-kawannya. Sebuah pertanyaan baru mungkin muncul yaitu bagaimana apabila kita tidak
menguasai program animasi, kan jadi ribet persolaannya. Jika sobat tidak bisa membuat sebuah gambar animasi untuk di pakai, jangan dulu putus harapan. Sobat bisa mencarinya di internet, ratusan atau bahkan ribuan situs menyediakan layanan ini. Caranya sangat mudah, sobat bisa mencarinya lewat search engine yang ada di sebelah kanan atas blog ini. Tuliskan keyword yang berhubungan, misal : Free cursor animated, cursor animation, Free cursor animated atau keyword lainnya yang di rasa berhubungan dengan yang namanya kursor animasi.
Silahkan kunjungi situs yang muncul, barangkali sobat akan menemukan situs yang tepat.

Langkah kedua yaitu menyimpan file animasi yang sudah sobat dapatkan ke hosting tempat menyimpan gambar, contoh : http://www.photobucket.com | http://picasaweb.google.com atau di blogger sendiri juga bisa.

Langkah selanjutnya adalah menyisipkan kode untuk kursor. Kode untuk membentuk kursor adalah sebagai berikut :

cursor: url("alamat gambar kursor");

Sebagai contoh, jika intan menggunakan alamat kursor yang intan miliki, kode nya jadi seperti ini :

cursor: url("http://www.aditechno.co.cc/blablabla.gif");

Langkah selanjutnya yang harus di lakukan adalah memasukan kode di atas ke dalam kode template sobat, agar lebih mudah untuk di pahami, intan tuliskan langkah-langkahnya :

+ Untuk template klasik +

Sign in di blogger.
Klik menu Template
Klik menu Edit HTML
Copy seluruh kode template yang ada, lalu save untuk backup data

Cari kode yang mirip dengan kode di bawah ini, biasanya di tulis dengan body :

body {

background:#fff;

margin:0;

padding:40px 20px;

font:x-small Georgia,Serif;

text-align:center;

color:#333;

font-size/* */:/**/small;

font-size: /**/small;

}

Sisipkan kode kursor di dalam kode tadi, sehingga seperti ini :

body{

background:#fff;

margin:0;

padding:40px 20px;

font:x-small Georgia,Serif;

text-align:center;

color:#333;

font-size/* */:/**/small;

font-size: /**/small;

cursor: url("http://www.aditechno.co.cc/blablabla.gif");

}

Klik tombol Simpan Perubahan Template

Selesai. Silahkan lihat hasilnya.

+ Untuk template baru +

Sign in di blogger
Klik menu Layout
Klik menu Edit HTML
Klik link Download template seluruhnya, save dulu untuk backup biar aman

Cari kode yang mirip dengan kode dibawah, biasanya di tulis dengan body :

body {

background:$bgcolor;

margin:0;

color:$textcolor;

font:x-small Georgia Serif;

font-size/* */:/**/small;

font-size: /**/small;

text-align: justify;

}

Sisipkan kode kursor di dalam kode tadi, sehingga seperti ini :

body {

background:$bgcolor;

margin:0;

color:$textcolor;

font:x-small Georgia Serif;

font-size/* */:/**/small;

font-size: /**/small;

text-align: justify;

cursor: url("http://www.aditechno.co.cc/blablabla.gif");

}

Klik tombol Simpan Template

Selesai. Silahkan lihat hasilnya.

Atau ada juga cara lain, yaitu di tempatkan di dalam kode <body>,
sobat tinggal menyisipkannya sehingga kodenya jadi seperti ini :

Akhirnyyaaa,,, sekian kayaknya udah cukup,, udah pegel nih tangan....

Semoga Bermanfaat..
Regards, ADITechno