tag

Kamis, 10 Mei 2012

Cara mengganti gambar kursor di blog

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.
              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(&quot;http://downloads.totallyfreecursors.com/thumbnails/sweden.gif&quot;), 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:
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(&quot;http://downloads.totallyfreecursors.com/thumbnails/sweden.gif&quot;), auto;} </style>
5.    Simpan template anda dan lihat perubahan pada gambar kursor

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

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


<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_GREY_HANDWRITING.cur), progress;}</style>

Baca Selengkapnya: http://www.acehsaya.com/2011/05/cara-mengubah-kursor-mouse-pada-blog.html#ixzz1nqKLjWWE

0 komentar:

Posting Komentar