Mengganti cursor pada blog
| Pada postingan kali ini saya akan share tentang cara merubah cursor
mouse standart (icon panah) menjadi beraneka macam cursor pada blog.
Tampilan cursor mouse bisa saja dirubah menurut selera anda, dapat anda
pilih macam-macam jenis cursor yang akan saya sajikan pada postingan
sekarang ini.
Pasti anda akan senang dengan memiliki beraneka cursor untuk diterapkan pada blog anda. Ok sekarang saya akan mulai bagaimana cara merubah cursor pada blog anda.
1. Log in ke Blogger
2. Tata Letak => Elemen Laman
3. Tambah Gedget
4. Pilih HTML/JavaScript
5. Masukkan kode di bawah ini ke dalam HTML/JavaScript
<style type="text/css">body {cursor:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiweZIl5ZV2Ir14dXe-ooilLeprXdEGxZpaRcrPk-LuqIJF3ZS-5VVPv9uEXErSL6XI0YTZAzI7YsjzAk1Zp_OcbKnUX79gmHkEv6U5wvWkKUt_kJIGMiJY7qC7ObTJtwuu_njulRnoqa0/s128/Teori%20Ngeblog%20CURSOR%209.gif"),default}</style>
6. Simpan template dan lihat hasilnya
Berikut macam-macam cursor yang bisa anda gunakan :
http://cursor.com/images/10a.gif
http://cursor.com/images/11a.gif
http://cursor.com/images/12a.gif
http://cursor.com/index_07.gif
http://cursor.com/images/19a.gif
http://cursor.com/images/20a.gif
http://cursor.com/images/25a.gif
http://cursor.com/images/33a.gif
http://cursor.com/images/40a.gif
http://cursor.com/images/85a.gif
http://cursor.com/images/103a.gif
http://cursor.com/images/199a.gif
http://cursor.com/images/6385a.gif
http://cursor.com/images/6459a.gif
http://cursor.com/images/8150a.gif
http://cursor.com/images/103a.gif
http://cursor.com/images/10a.gif
http://cursor.com/images/11a.gif
http://cursor.com/images/12a.gif
http://cursor.com/images/199a.gif
http://cursor.com/images/19a.gif
http://cursor.com/images/20a.gif
http://cursor.com/images/25a.gif
http://cursor.com/images/33a.gif
http://cursor.com/images/40a.gif
http://cursor.com/images/6459a.gif
http://cursor.com/images/85a.gif
http://cursor.com/images/bat1.gif
http://cursor.com/images/bat2.gif
http://cursor.com/images/bat3.gif
http://cursor.com/images/bee.gif
http://cursor.com/images/bluebub.gif
http://cursor.com/images/bluebullet.gif
http://cursor.com/images/candyheart.gif
http://cursor.com/images/carnation1.gif
http://cursor.com/images/css_all-scroll.gif
http://cursor.com/images/css_col-resize.gif
http://cursor.com/images/css_default.gif
http://cursor.com/images/css_eresize.gif
http://cursor.com/images/css_hand.gif
http://cursor.com/images/css_help.gif
http://cursor.com/images/css_move.gif
http://cursor.com/images/css_neresize.gif
http://cursor.com/images/css_no-drop.gif
http://cursor.com/images/css_not-allowed.gif
http://cursor.com/images/css_nwresize.gif
http://cursor.com/images/css_progress.gif
http://cursor.com/images/css_row-resize.gif
http://cursor.com/images/css_seresize.gif
http://cursor.com/images/css_sresize.gif
http://cursor.com/images/css_swresize.gif
http://cursor.com/images/css_text.gif
http://cursor.com/images/css_url.gif
http://cursor.com/images/css_vertical-text.gif
http://cursor.com/images/css_wait.gif
http://cursor.com/images/css_wresize.gif
http://cursor.com/images/cursor.gif
http://cursor.com/images/egg1.gif
http://cursor.com/images/egg2.gif
http://cursor.com/images/egg3.gif
http://cursor.com/images/fairya.gif
http://cursor.com/images/flower1.gif
http://cursor.com/images/freda.gif
http://cursor.com/images/greensmall.gif
http://cursor.com/images/heart1.gif
http://cursor.com/images/heart3.gif
http://cursor.com/images/mienetR2ArrowBl.cur
http://cursor.com/images/redrosea.gif
http://cursor.com/images/speedingsanta.gif
http://cursor.com/images/swirl.gif
http://cursor.com/images/valentine1.gif
http://cursor.com/images/wolf.gif
http://cursor.com/images/yellowsmall.gif
1. Log in ke Blogger
2. Tata Letak => Elemen Laman
3. Tambah Gedget
4. Pilih HTML/JavaScript
5. Masukkan kode di bawah ini ke dalam HTML/JavaScript
<style type="text/css">body {cursor:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiweZIl5ZV2Ir14dXe-ooilLeprXdEGxZpaRcrPk-LuqIJF3ZS-5VVPv9uEXErSL6XI0YTZAzI7YsjzAk1Zp_OcbKnUX79gmHkEv6U5wvWkKUt_kJIGMiJY7qC7ObTJtwuu_njulRnoqa0/s128/Teori%20Ngeblog%20CURSOR%209.gif"),default}</style>
6. Simpan template dan lihat hasilnya
Berikut macam-macam cursor yang bisa anda gunakan :
http://cursor.com/images/10a.gif
http://cursor.com/images/11a.gif
http://cursor.com/images/12a.gif
http://cursor.com/index_07.gif
http://cursor.com/images/19a.gif
http://cursor.com/images/20a.gif
http://cursor.com/images/25a.gif
http://cursor.com/images/33a.gif
http://cursor.com/images/40a.gif
http://cursor.com/images/85a.gif
http://cursor.com/images/103a.gif
http://cursor.com/images/199a.gif
http://cursor.com/images/6385a.gif
http://cursor.com/images/6459a.gif
http://cursor.com/images/8150a.gif
http://cursor.com/images/103a.gif
http://cursor.com/images/10a.gif
http://cursor.com/images/11a.gif
http://cursor.com/images/12a.gif
http://cursor.com/images/199a.gif
http://cursor.com/images/19a.gif
http://cursor.com/images/20a.gif
http://cursor.com/images/25a.gif
http://cursor.com/images/33a.gif
http://cursor.com/images/40a.gif
http://cursor.com/images/6459a.gif
http://cursor.com/images/85a.gif
http://cursor.com/images/bat1.gif
http://cursor.com/images/bat2.gif
http://cursor.com/images/bat3.gif
http://cursor.com/images/bee.gif
http://cursor.com/images/bluebub.gif
http://cursor.com/images/bluebullet.gif
http://cursor.com/images/candyheart.gif
http://cursor.com/images/carnation1.gif
http://cursor.com/images/css_all-scroll.gif
http://cursor.com/images/css_col-resize.gif
http://cursor.com/images/css_default.gif
http://cursor.com/images/css_eresize.gif
http://cursor.com/images/css_hand.gif
http://cursor.com/images/css_help.gif
http://cursor.com/images/css_move.gif
http://cursor.com/images/css_neresize.gif
http://cursor.com/images/css_no-drop.gif
http://cursor.com/images/css_not-allowed.gif
http://cursor.com/images/css_nwresize.gif
http://cursor.com/images/css_progress.gif
http://cursor.com/images/css_row-resize.gif
http://cursor.com/images/css_seresize.gif
http://cursor.com/images/css_sresize.gif
http://cursor.com/images/css_swresize.gif
http://cursor.com/images/css_text.gif
http://cursor.com/images/css_url.gif
http://cursor.com/images/css_vertical-text.gif
http://cursor.com/images/css_wait.gif
http://cursor.com/images/css_wresize.gif
http://cursor.com/images/cursor.gif
http://cursor.com/images/egg1.gif
http://cursor.com/images/egg2.gif
http://cursor.com/images/egg3.gif
http://cursor.com/images/fairya.gif
http://cursor.com/images/flower1.gif
http://cursor.com/images/freda.gif
http://cursor.com/images/greensmall.gif
http://cursor.com/images/heart1.gif
http://cursor.com/images/heart3.gif
http://cursor.com/images/mienetR2ArrowBl.cur
http://cursor.com/images/redrosea.gif
http://cursor.com/images/speedingsanta.gif
http://cursor.com/images/swirl.gif
http://cursor.com/images/valentine1.gif
http://cursor.com/images/wolf.gif
http://cursor.com/images/yellowsmall.gif
Semoga artikel tentang cara merubah cursor mouse pada blog bisa bermanfaat untuk anda, selamat mencoba dengan cursor pilihan anda.
Tidak ada komentar:
Posting Komentar
Makasih Commentnya