Senin, 02 April 2012
Cursor merupakan anak panah / penunjuk pada komputer , web dan lainya yang berfungsi untuk melakukan perintah dari mouse. kali ini kita akan membahas cara mengganti kursor blog.
<style type="text/css">
body{cursor: url("http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png"), auto;}
</style>
Kode yang berwarna biru adalah link gambar kursor, bisa diganti dengan link dibawah atau upload gambar kursor atau cari link gambar kursor tersebut.
body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIQGQ4_gDMIHKGaoOFEBK5UixKMV54ZVpSmhfLU87qtAFC3UMBhZcAp-e7WEcaO3f_EESyCMzaJMbDM8uhZduTQfl1QF64J6kgk7awUIlXyRdYS2cZsLtif1njqtmg4ZUdofe6LbOn8dLR/s1600/jasablogsitus-web-id.gif"), auto;}
langsung saja mari kita ikuti step demi step tutorial ini
1.Loggin blog
2.Masuk ke rancangan
3.Pilih tata letak
4.Tambah Gadget / Widget
5.Pilih HTML/Javascript
6. Copy pastekan code dibawah ini
<style type="text/css">
body{cursor: url("http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png"), auto;}
</style>
Kode yang berwarna biru adalah link gambar kursor, bisa diganti dengan link dibawah atau upload gambar kursor atau cari link gambar kursor tersebut.
http://i1200.photobucket.com/albums/bb321/aNyA_zdej28/FBML%20Vocaloid/C-GUMI.png
http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png
http://i44.photobucket.com/albums/f13/LONG65/Element2.gif
http://i1013.photobucket.com/albums/af252/oneuglycoffin/PhotoshopEdits/cuppycakecursor.png
TAMBAHAN!!!!
Agar kursornya berubah secara permanen walaupun diarahkan ke link, silahkan copy kode yang ada dibawah ini :
<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIQGQ4_gDMIHKGaoOFEBK5UixKMV54ZVpSmhfLU87qtAFC3UMBhZcAp-e7WEcaO3f_EESyCMzaJMbDM8uhZduTQfl1QF64J6kgk7awUIlXyRdYS2cZsLtif1njqtmg4ZUdofe6LbOn8dLR/s1600/jasablogsitus-web-id.gif"), auto;}body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIQGQ4_gDMIHKGaoOFEBK5UixKMV54ZVpSmhfLU87qtAFC3UMBhZcAp-e7WEcaO3f_EESyCMzaJMbDM8uhZduTQfl1QF64J6kgk7awUIlXyRdYS2cZsLtif1njqtmg4ZUdofe6LbOn8dLR/s1600/jasablogsitus-web-id.gif"), auto;}
</style>
Nahhh udah selesai kan. Cuma itu aja kok caranya, Selamat mencoba... :D
Langganan:
Posting Komentar
(Atom)
0 komentar:
Posting Komentar