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;
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..
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
0 comments:
Posting Komentar