Blog Belajar Otak-Atik Template
Blog Ini Hanyalah Blog Tempat Saya Menuliskan Apa Yang Sedang dan Telah Saya Pelajari dan Saya Coba dalam Otak-Atik Template

rss

Jumat, 28 Januari 2011

Cara Merubah Cursor Pada Blog

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...
(Bagi para master desain blog, jangan tertawakan posting 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..)

Lihat Kursur Warna Hitam
Jika sudah masuk ke menu Rancangan, kemudian sahabat pilih Tambah Gadget (lihat gambar di bawah ini ya sob..)
Klik tanda + nya ya..
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...:

<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, 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..


cursor: url("http://i926.photobucket.com/albums/ad105/dasista/th_cursor_merah.gif"),default
Link 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...??

SELAMAT MENCOBA......


Baca Juga Yang Ini Ya... Menarik Lo...





Jika Ingin Menampilkan Tulisan ini di Blog Sahabat, Jangan Lupa Linknya Kisini Ya..

Baca Juga Tips N Trik Di Bawah nI ya Sob..



Widget by Dede Arip | Delivery by Otak-Atik Template | Support by Dede Arip

0 komentar:


Posting Komentar

Dengan Senang Hati Saya Menerima Saran Dan Kritikan Yang Bersifat Membangun Bagi Saya. Berkomentar Aja Ya...

 
Add to Google Reader or Homepage Subscribe in NewsGator Online Add to My AOL Add to netvibes Subscribe in Bloglines Add to The Free Dictionary Add to Excite MIX Add to fwicki Add to Webwag Powered by FeedBurner