Cara mengganti kursor pada blogger

Postingan kali ini saya akan coba kasih tau caranya mengganti tampilan cursor di blog
Mungkin trik ini suda begitu kuno, tetapi saya hanya ingin memperluaskan trik ini.
karena banyak sobat blogger pemula yang bertanya mengenai bagaimana cara mengganti cursor di blog


Berikut ini langkah-langkahnya :

Login ke Blogger
Klik Tata Letak
Klik tab Edit HTML
Klik tulisan Download Template Lengkap.
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget ,

Tunggu beberapa saat ketika proses sedang berlangsung
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 kode body {

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 pilihan sobat.
atau sobat bisa pilih beberapa contoh cursor dibawah ini


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


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


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


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


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


http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor1.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/cursor13.png


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


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

Tambahan :

Jika sobat nggak mau susah payah otak atik Html cara lainnya adalah :
Login ke Blogger
Klik Tata Letak
Klik Tambah Gadget
Klik Html/Javascript
Copy kode berikut dan masukkan kedalamnya

<style type="text/css">
body {cursor:url("http://i1002.photobucket.com/albums/af149/Imtikhan/cursor/cursor7.gif
"),default}</style>

Simpan dan lihat hasilnya


Selamat mencoba

0 komentar:

Posting Komentar

 
Copyright © DUNIA KITA SEMUA