Posted by :
Arief Hilman Nugraha
Sunday, January 13, 2013
Cara Mengganti Gambar Kursor di Blog - Gara-gara kepingin sekali mengganti gambar kursor di blog ini, akhirnya setelah googling kesana kemari nemu juga sebuah situs yang menyediakan banyak gambar-gambar kursor pilihan.
Gambar kursor yang disediakan situs penyedia gambar ini http://www.totallyfreecursors.com/ banyak sekali, jadi kita tinggal memilih sesuai selera aja. Untuk cara memasang gambar kursor ini di blog, kita harus menambahkan sedikit saja kode CSS supaya bisa dipasang pada template. Dibawah ini ada beberapa sample gambar untuk kursor yang saya ambil berikut URL alamat kursor tersebut.
5. Simpan template anda dan lihat perubahan pada gambar kursor
6. Jika sobat ingin mengganti gambar kursor dengan gambar yang lain, sobat tinggal ganti URL gambar yang berwarna merah dengan URL gambar pada sample diatas atau sobat bisa langsung browsing sendiri ke TKP di http://www.totallyfreecursors.com/ .
Gambar kursor yang disediakan situs penyedia gambar ini http://www.totallyfreecursors.com/ banyak sekali, jadi kita tinggal memilih sesuai selera aja. Untuk cara memasang gambar kursor ini di blog, kita harus menambahkan sedikit saja kode CSS supaya bisa dipasang pada template. Dibawah ini ada beberapa sample gambar untuk kursor yang saya ambil berikut URL alamat kursor tersebut.
URL : http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif
URL : http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif
URL : http://downloads.totallyfreecursors.com/thumbnails/tail2.gif
URL : http://downloads.totallyfreecursors.com/thumbnails/banana1.gif
URL : http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif
Cara mengganti gambar kursor di blog :
1. Login ke dashboard blogger anda.
2. Pilih Rancangan > Edit HTML, centang Expand widget template.
3. Carilah kode </head> pada template anda dengan menggunakan Ctrl F.
4. Copy kode CSS dibawah ini dan letakkan tepat diatas kode </head> .
1. Login ke dashboard blogger anda.
2. Pilih Rancangan > Edit HTML, centang Expand widget template.
3. Carilah kode </head> pada template anda dengan menggunakan Ctrl F.
4. Copy kode CSS dibawah ini dan letakkan tepat diatas kode </head> .
<style type='text/css'> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/thumbnails/sweden.gif"), auto;} </style>
5. Simpan template anda dan lihat perubahan pada gambar kursor
6. Jika sobat ingin mengganti gambar kursor dengan gambar yang lain, sobat tinggal ganti URL gambar yang berwarna merah dengan URL gambar pada sample diatas atau sobat bisa langsung browsing sendiri ke TKP di http://www.totallyfreecursors.com/ .
Related Posts :
- Back to Home »
- Tips Blogging »
- Cara Mengganti Cursor (Panah) Mouse Di Blog