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.
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> .
<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/ .
Tips Mengubah Kursor Mouse Pada Blog - Bagaimana mengubah kursor mouse di blog blogger untuk kursor animasi. Banyak blogger yang menanyakan pertanyaan ini, tetapi tidak ada tersedia tutorial internet.Saya menciptakan posting ini karena ada seorang teman blogger yang bertanya bagaimana mengubah pointer / kursor pada blogger. Hal ini dapat Anda lakukan untuk menghiasi tampilan blog. Bisa Juga Anda Baca yang ini
Saya mengambil gambar kursor
dari http://www.cursors-4u.com/ dan Anda dapat mengubahnya kapan saja
tergantung pada suasana hati meriah Anda.
Tutorial ini akan membantu Anda untuk mengubah kursor mouse pada blog Anda untuk kursor animasi.
Petunjuk Untuk Ikuti:
4. Copy kode CSS dibawah ini dan letakkan tepat diatas kode </head> .
Atau Anda Bisa Juga Gunakan yang Ini :
Now Click Save Template
You can change the cursor image just change the above Red code
Some cursors are give bellow
<style
type="text/css">body, a, a:hover {cursor:
url(http://safir85.ucoz.com/FRUITY_CHERRY_HEART-bdlab.blogspot.com.cur),
progress;}</style>
<style
type="text/css">body, a, a:hover {cursor:
url(http://safir85.ucoz.com/BLOGGER-bdlab.blogspot.com.cur),
progress;}</style>
<style
type="text/css">body, a, a:hover {cursor:
url(http://safir85.ucoz.com/bdlab-blogspot/I_LOVE_MY_BLOG.cur),
progress;}</style>
<style
type="text/css">body, a, a:hover {cursor:
url(http://safir85.ucoz.com/bdlab-blogspot/BLUE_SNOWFLAKE.cur),
progress;}</style>
<style
type="text/css">body, a, a:hover {cursor:
url(http://safir85.ucoz.com/bdlab-blogspot/FRUITY_LIME_HEART.cur),
progress;}</style>
<style
type="text/css">body, a, a:hover {cursor:
url(http://safir85.ucoz.com/bdlab-blogspot/FRUITY_LEMON_HEART.cur),
progress;}</style>
<style
type="text/css">body, a, a:hover {cursor:
url(http://safir85.ucoz.com/bdlab-blogspot/FRUITY_KIWI_HEART.cur),
progress;}</style>
<style
type="text/css">body, a, a:hover {cursor:
url(http://safir85.ucoz.com/bdlab-blogspot/REALLY_ANGRY_ANIME_SMILEY.cur),
progress;}</style>
<style
type="text/css">body, a, a:hover {cursor:
url(http://safir85.ucoz.com/bdlab-blogspot/SORRY_ANIME_SMILEY.cur),
progress;}</style>
<style
type="text/css">body, a, a:hover {cursor:
url(http://safir85.ucoz.com/bdlab-blogspot/WATERMELON.cur),
progress;}</style>
<style
type="text/css">body, a, a:hover {cursor:
url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_GREY_POINTER.cur),
progress;}</style>
Petunjuk Untuk Ikuti:
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> .
5. Simpan template anda dan lihat perubahan pada gambar kursor<style type='text/css'> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/thumbnails/sweden.gif"), auto;} </style>
Atau Anda Bisa Juga Gunakan yang Ini :
<style
type="text/css">body, a, a:hover {cursor:
url(http://safir85.ucoz.com/bdlab-blogspot/dark_blue_3d_cursor.cur),
progress;}</style>
Now Click Save Template
You can change the cursor image just change the above Red code
Some cursors are give bellow
Baca Selengkapnya: http://www.acehsaya.com/2011/05/cara-mengubah-kursor-mouse-pada-blog.html#ixzz1nqKLjWWE
0 komentar:
Posting Komentar