Kursor Unik Untuk Blog
Dari judul post, pasti sobat sekalian sudah tau. ya kali ini saya ingin sedikit berbagi ke sesama bloger sekalian yaitu: Cara Mudah Merubah Cursor pada blog. Mengganti cursor pada blog
merupakan salah satu cara kita untuk lebih memperindah tampilan blog.
Dalam postingan saya kali ini, selain akan menjelaskan bagaimana
cara-cara mengganti cursor, saya akan menyertakan juga contoh-contoh image cursor yang seandainya ada diantara para sobat sekalian yang berminat, monggo di pakai.
Untuk merubah cursor, langkah-langkahnya adalah :
1. Login dulu ke akun Blogger sobat.
2. Klik Layout / Rancangan
3. Add Gadget / Tambah Gadget
1. Login dulu ke akun Blogger sobat.
2. Klik Layout / Rancangan
3. Add Gadget / Tambah Gadget
a. Cara 1 - Merubah cursor tapi cursor akan berubah ketika menyorot link. Untuk cara 1 ini, kita memerlukan kode html:
<style type="text/css">
body{cursor: url("masukkan link tempat kita menyimpan image cursor"), auto;}
</style>
body{cursor: url("masukkan link tempat kita menyimpan image cursor"), auto;}
</style>
b. Cara 2 - Merubah cursor dan cursor tidak berubah ketika menyorot link. Untuk cara 2 ini, kita memerlukan kode html:
<style type="text/css">
body{cursor: url("masukkan link tempat kita menyimpan image cursor"), auto;}
body a:hover{cursor: url("masukkan link tempat kita menyimpan image cursor"), auto;}
</style>
body{cursor: url("masukkan link tempat kita menyimpan image cursor"), auto;}
body a:hover{cursor: url("masukkan link tempat kita menyimpan image cursor"), auto;}
</style>
Bingung..?? :D
Oke biar nggak bingung, contoh: sobat bisa lihat kode html untuk merubah cursor di blog ini :
Oke biar nggak bingung, contoh: sobat bisa lihat kode html untuk merubah cursor di blog ini :
<style type="text/css">
body{cursor: url("http://photoserver.ws/images/sdGG4f79e0fc5f73c.png"), auto;} body a:hover{cursor: url("http://photoserver.ws/images/sdGG4f79e0fc5f73c.png"), auto;}
</style>
4. Klik save / simpan.
Dan berikut koleksi image cursor dari blog ini:
Aero Silver. Image link: http://photoserver.ws/images/xXBr4f79e8a86e253.png
Blogger. Image link: http://photoserver.ws/images/SWil4f7a0142093a2.png
Facebook. Image link: http://photoserver.ws/images/6wQt4f7a01412cbe8.png
Batman. Image link: http://photoserver.ws/images/RDIu4f79e495e7292.png
Superman. Image link: http://photoserver.ws/images/8SBe4f79e75e6552f.png
Smiley 1. Image link: http://photoserver.ws/images/jNJX4f7a0142181eb.png
Smiley 2. Image link: http://photoserver.ws/images/aDSH4f7a014228b8a.png
Indonesia. Image link: http://photoserver.ws/images/LwVg4f7a00475124d.png
baseball. Image link: http://photoserver.ws/images/LLGZ4f79ff67a6f55.png
Mario Lover's. Image link: http://photoserver.ws/images/0slb4f79ff6780715.png
Sonic. Image link: http://photoserver.ws/images/tF2e4f79ff66a425d.png
Love Chocolate. Image link: http://photoserver.ws/images/dp674f79ff6798103.png
Barcelona FC. Image link: http://photoserver.ws/images/DD6L4f7a00465d0eb.png
Manchester United. Image link: http://photoserver.ws/images/IHhQ4f7a00474184d.png
Chicago Bull. Image link: http://photoserver.ws/images/FhWD4f7a0257dbd9d.png
Peace. Image link: http://photoserver.ws/images/WmPZ4f7a004760867.png
Mercedez Bens. Image link: http://photoserver.ws/images/IRJD4f7a0257cabf4.png
Volks Wagen. Image link: http://photoserver.ws/images/lpIv4f7a0255a8a05.png