Social Icons

Friday, June 28, 2013

cara mengganti tampilan kursor pada blog

hay sobat kali ini saya akan membahas tentang bagaimana cara mengganti tampilan kursor pada blog/web ,berikut ulasanya :

1. login lah ke akun blogger sobat terlebih dahulu
2. Lalu klik "Layout"
cara ganti tampilan kursor

 3. Pilih "add a gadget" lalu pilih "HTML/Java Script" dan paste-kan kode berikut untuk mulai mengubah tampilan kursor yang ada di blog sobat:


a. Kode 1: mengubah kursor tapi tidak mengubah kursor ketika menyorot link

<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMPsO8hO6_fQTP2rvz3geEe1AdpzHkeXQ070WBIUZT-TnE0EBMZ2MCS6HTPW2rY6-grvlDLAoRHb560HRDOnAM1iIdShyT8MWyI_mj3Cyp1FzEznFPWMihLhwQFEGlVJJYjajydGAxPkwP/"), auto;}
</style>

b. Kode 2: mengubah kursor serta tetap berubah walau disorot ke arah link

<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMPsO8hO6_fQTP2rvz3geEe1AdpzHkeXQ070WBIUZT-TnE0EBMZ2MCS6HTPW2rY6-grvlDLAoRHb560HRDOnAM1iIdShyT8MWyI_mj3Cyp1FzEznFPWMihLhwQFEGlVJJYjajydGAxPkwP/"), auto;}
body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMPsO8hO6_fQTP2rvz3geEe1AdpzHkeXQ070WBIUZT-TnE0EBMZ2MCS6HTPW2rY6-grvlDLAoRHb560HRDOnAM1iIdShyT8MWyI_mj3Cyp1FzEznFPWMihLhwQFEGlVJJYjajydGAxPkwP/"), auto;}
</style>

SILAHKAN UNTUK MEMILIH SALAH SATU KODE YANG SOBAT INGINKAN

4. Jika sudah, maka silahkan untuk tekan tombol "SAVE" atau "SIMPAN"

PENTING:

Sobat bisa mengganti link gambar yang telah saya tandai warna biru dengan link gambar kursor sesuai keinginan sobat. Berikut adalah beberapa link gambar kursor koleksi saya:



tampilan kursor 1
Link:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqEbhRrIipFKwdum72JmN915AycTcK4X1vhw-4AGaSin2t345H2YQrU1bfTqJYLRgF-4qlgsA4EFTOddonKgfdYjnJLzAXvlIroHOQmxfNIH7HZugl-Dre6fn_djr0HzDMhsex9gVHylE/s400/bat_banana_t4belajarblogger.png



tampilan kursor 2
Link:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTR1OLKsqKbHfZ-UPaeItnoCmJ0iPKQcdnO4iI9LQIrrEmcDpfSgVvW5V9FR5mC9lVVcAtgUUbBrCAxXR5BdDRGfMvt6RiSDNCek8Uo355hIRxQ2lqVeKZL8OxeyVT7Y4XUs5BTgaIAmU/s400/bird_hair_t4belajarblogger.png



tampilan kursor 3
Link:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaDtVicKbOS84puNClsZHhB8sMZUuTemctUB4E9qm1YaOKO-ohPJSN6ondy-9Mt4YXGagHTeqiUJO7QDz5hzIsb0uz9WjpP023CCrQZl_IDkH7_PSs3AEGYZ5tWhCnplloO4kHMLzgAiE/s400/guitar_banana_t4belajarblogger.png



Untuk selebihnya sobat bisa mencarinya melalui Google... :D

Semoga bermanfaat dan selamat mencoba......

No comments:

Post a Comment