Jumat, 21 September 2012

2 cara mengganti kursor blog

Cara Merubah Kursor di Blog - Merubah kursor pada blog merupakan cara untuk mempercantik blog di blogspot untuk memanjakan pengunjung yang sedang membaca artikel kita dengan tampilan kursor yang unik-unik. Merubah kursor pada blog ini tidak akan memberatkan blog, sehingga anda tidak usah  khawatir dengan loading blog yang lambat. Jika anda tertarik untuk merubah kursor blog anda, silakan likuti tutorial berikut :
CARA PERTAMA!
1. Login ke blogger.
2. Pilih tab rancangan - edit HTML
3. Masukkan kode dibawah ini tepat diatas kode </head>

<style type="text/css"> body{cursor: url("http://i1122.photobucket.com/albums/l524/riyosuke/7updot-ani-1.gif"), auto;} body a:hover{cursor: url("http://i1122.photobucket.com/albums/l524/riyosuke/7updot-ani-1.gif"), auto;} </style>

4. Simpan.

Kode yang berwarna merah adalah url kursor, jadi anda bisa menggantinya dengan salah satu kode url kursor dibawah ini.

Kumpulan Kursor Keren dan Unik :
 : http://i1122.photobucket.com/albums/l524/riyosuke/7updot-ani-1.gif
 : http://i1122.photobucket.com/albums/l524/riyosuke/aliendance-1.gif
 : http://i1122.photobucket.com/albums/l524/riyosuke/bananathumbsup.gif

 : http://i1122.photobucket.com/albums/l524/riyosuke/banghead.gif
 : http://i1122.photobucket.com/albums/l524/riyosuke/bullseye-ani.gif
 : http://i1122.photobucket.com/albums/l524/riyosuke/guitarblackglitter.gif
 : http://i1122.photobucket.com/albums/l524/riyosuke/heartbowarrow1-1.gif
: http://i1122.photobucket.com/albums/l524/riyosuke/monkey-ani.gif
: http://i1122.photobucket.com/albums/l524/riyosuke/tail2.gif




CARA KEDUA!!

Tutorial Mudah Merubah Cursor Untuk Blogspot Baru

1. Klik Tata Letak
Cara Pasang Widget Jam Di Blogger (http://blog.ahmadrifai.net)

2. Klik Tambah Gadget / Add A Gadget
Panduan Pasang Widget Jam Di Blogger (http://blog.ahmadrifai.net)

3. Pilih Gadget Html/JavaScript
Tutorial Pasang Widget Jam Di Blogger (http://blog.ahmadrifai.net)
4. Masukkan kode widget jam yang sudah saya sertakan di bawah
5. Simpan (kamu juga bisa memindahkan letak widget jam tersebut dengan cara menarik gadget tersebut)

Tutorial Mudah Merubah Cursor Untuk Blogspot Lama

1. Klik Menu Rancangan / Design
Panduan Pasang Widget Jam / Clock Di Blogger
2. Klik Tambah Gadget / Add A Gadget
Panduan Pasang Widget Clock Di Blogger (http://blog.ahmadrifai.net)

3. Pilih Gadget Html/JavaScript
Tutorial Pasang Widget Clock Di Blogger (http://blog.ahmadrifai.net)
4. Masukkan kode widget jam yang sudah saya sertakan di bawah
5. Simpan (kamu juga bisa memindahkan letak widget jam tersebut dengan cara menarik gadget tersebut)

Kode Cursor Untuk Blogger Yang Harus Di Pasang

Silakan copy dan paste kode berikut:
<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj3Ewgo_W0mumSgafQozoj7J-4EOGjE18B35HueWIQ5_2ZkfBB7AT_yEeN_PdPfwj22z0ndIeUa8VuK1G1YE7S70Jjkm99x1z6hwF4BvGVrJ3Oz5jFtlmwAbXwmk1vnvBzOg525_M2QnP9/s1600/jasablogsitus-web-id.gif"), auto;}
</style>
Catatan:
Silakan rubah tulisan yang saya beri warna Merah dengan url gambar cursor yang kamu suka.
Jika kamu menggunakan semua kode yang saya tuliskan di sini (tanpa mengganti bagian yang saya beri warna Merah) maka cursornya terlihat seperti ini
 
Update !!!
Agar corsornya berubah secara permanen walaupun diarahkan kelink silakan gunakan kode seperti ini:
<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj3Ewgo_W0mumSgafQozoj7J-4EOGjE18B35HueWIQ5_2ZkfBB7AT_yEeN_PdPfwj22z0ndIeUa8VuK1G1YE7S70Jjkm99x1z6hwF4BvGVrJ3Oz5jFtlmwAbXwmk1vnvBzOg525_M2QnP9/s1600/jasablogsitus-web-id.gif"), auto;}
body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj3Ewgo_W0mumSgafQozoj7J-4EOGjE18B35HueWIQ5_2ZkfBB7AT_yEeN_PdPfwj22z0ndIeUa8VuK1G1YE7S70Jjkm99x1z6hwF4BvGVrJ3Oz5jFtlmwAbXwmk1vnvBzOg525_M2QnP9/s1600/jasablogsitus-web-id.gif"), auto;}
</style>
Catatan : Yang harus dirubah sama dengan yang sudah saya tuliskan di atas
Selamat mencoba!!!

Tidak ada komentar:

Posting Komentar