Bagi sahabat-sahabat yang pernah mengunjungi blog sahabat yang lain dan ternyata, pas datang ke blognya, tiba-tiba kursor sahabat jadi beda, tapi cuma pada blog tersebut saja, jangan aneh yang sob ya... Jika pingin tahu bagaimana cara buatnya, mari ikuti saya ya...
Dalam cara membuat Corsor pada blog ni ada dua cara :
Pertama : Memasukan Kode Css ke widget, caranya :
Login dulu ke www.blogger.com dengan ID sahabat ya...
Setelah login, kemudian sahabat langsung ke menu Rancangan (lihat gambar di bawah ini ya sob..)
Jika sudah masuk ke menu Rancangan, kemudian sahabat pilih Tambah Gadget (lihat gambar di bawah ini ya sob..)
Jika sudah muncul halaman diatas, kemudian klik tanda + nya (lihat panah yang berwarna merah ya..), jika sudah kemudian sahabat Paste kode di bawah ini ya...:
Dalam cara membuat Corsor pada blog ni ada dua cara :
Pertama : Memasukan Kode Css ke widget, caranya :
Login dulu ke www.blogger.com dengan ID sahabat ya...
Setelah login, kemudian sahabat langsung ke menu Rancangan (lihat gambar di bawah ini ya sob..)
Lihat Kursur Warna Hitam |
Klik tanda + nya ya.. |
<style type="text/css">body {cursor:url("http://i926.photobucket.com/albums/ad105/dasista/th_cursor_merah.gif"),default}</style>
Jika sudah, kemudian sahabat simpan dan lihat hasilnya ya...
Note : Ganti link yang berwarna merah dengan link gambar sahabat ya...
Cara Kedua :Dengan cara edit html, gini caranya sob...
Masuk ke www.blogger.com dengan akun sobat masing-masing.
Jika sudah selesai, jangan lupa Simpan Template dan lihat hasilnya ya...??
Masuk ke www.blogger.com dengan akun sobat masing-masing.
Jika sudah, masuk ke menu Rancangan, Edit HTML jangan lupa di ceklis , Untuk jaga-jaga Download Dulu Template nya ya.... (lihat gambar di bawah ini ya sob...)
Untuk jaga-jaga jika ada masalah dalam pengeditan template, alangkah baiknya sobat Download Template punya sobat ya... ( Lihat panah yang berwarna hitam untuk download template), ei...tt jangan lupa juga centar dalam kotak kecilnya (lihat panah yang berwarna merah ya...). Saya anggap semuanya sudah dilaksanakan, langsung saja yU pada intinya....
Cari kode di bawah ini ya... (untuk lebih cepatnya tekan Ctrl + F )
body {
background:#000000;
margin:0;
color:#ffffff;
text-align: center;
}
Atau bisa dengan cari kode body { jika udah ketemu kemudian masukan kode di bawah ini di dalamnya..
Sehingga menjadi seperti ini kodenya :
Ganti Link yang berwarna merah denga link gambar sobat ya, atau mO seperti punya saya ni :
Ni link gambar diatas : http://i926.photobucket.com/albums/ad105/dasista/th_cursor_merah.gif
Ni Link Gambar diatas : http://i926.photobucket.com/albums/ad105/dasista/th_cursor_putih.gif
cursor: url("http://i926.photobucket.com/albums/ad105/dasista/th_cursor_merah.gif"),defaultLink yang berwarna merah, silahkan diganti oleh link gambar sobat ya...?
Sehingga menjadi seperti ini kodenya :
body {
background:#000000;
margin:0;
color:#ffffff;
text-align: center;
cursor: url("http://i926.photobucket.com/albums/ad105/dasista/th_cursor_merah.gif"),default
}
Ganti Link yang berwarna merah denga link gambar sobat ya, atau mO seperti punya saya ni :
Ni link gambar diatas : http://i926.photobucket.com/albums/ad105/dasista/th_cursor_merah.gif
Ni Link Gambar diatas : http://i926.photobucket.com/albums/ad105/dasista/th_cursor_putih.gif
Ni Link Gambar Untuk Kursor Ngacil : http://i926.photobucket.com/albums/ad105/dasista/th_kursorngacir.gif
Jika sudah selesai, jangan lupa Simpan Template dan lihat hasilnya ya...??
0 komentar:
Posting Komentar
Dengan Senang Hati Saya Menerima Saran Dan Kritikan Yang Bersifat Membangun Bagi Saya. Berkomentar Aja Ya...