Mengganti Kursor Blogger dengan Animasi


Beruntung ane mengadakan tur ke blog sahabat http://24works.blogspot.com/. Saya menemukan bagaimana cara mengubah kursor pada blogger. Naah, postingan kali-ini ane akan bahas gimana cara merubah kursor pada blogger. Seperti biasa, ane kagak mau banyak basa basi gan.. yuuk kita coba langsung..

Cekebbrroott!!!

Berikut Langkah-langkahnya:


Masuk ke  Blogger, pilih Design -> Edit HTML dan checklist pada  “Expand Widget Templates

Kemudian, cari kode berikut:

</head>

Dan paste kode berikut tepat sebelum-kode </head>:

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/dark_blue_3d_cursor.cur), progress;}</style>

Kemudian klik  Save Template   

Lihat contohnya klik disini gan..


Kamu juga bisa pilih beberapa opsi kursor dibawah…

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/FRUITY_CHERRY_HEART-bdlab.blogspot.com.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/BLOGGER-bdlab.blogspot.com.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/I_LOVE_MY_BLOG.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/BLUE_SNOWFLAKE.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/HARRY_POTTER-GOLDEN_SNITCH.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/FRUITY_LIME_HEART.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/FRUITY_LEMON_HEART.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/FRUITY_KIWI_HEART.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/REALLY_ANGRY_ANIME_SMILEY.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/SORRY_ANIME_SMILEY.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/EVIL_ANIME_SMILEY.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/working.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_GREY_POINTER.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_GREY_HANDWRITING.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_GREEN_LINK.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_GREY_HELP.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_BROWN_POINTER.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_BLUE_POINTER.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_BLACK_POINTER.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/WORLD_OF_WARCRAFT-WOW_POINTER_14.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/PINK_SKULL_CROSSBONES.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/TRANSPARENT_HALO_POINTER.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/HALO-HANDWRITING.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/I_LOVE_DAD.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/I_LOVE_MOM.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/WATERMELON.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/PINK_TRANSPARENT_VALENTINE_BALLOON_HEART.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/COOL_BLUE_OUTER_GLOW_POINTER.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/BREAST_CANCER_PINK_RIBBON.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/MICHAEL_JACKSON.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/COOL_GREEN_POINTER.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/COOL_YELLOW_POINTER.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/COOL_ORANGE_POINTER.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/COOL_PURPLE_POINTER.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/ROCK_ON.cur), progress;}</style>

Naaah.. gimana, mudahkan? Semoga infonya-bermanfaat deh buat semuanya.. hehe.. See u later..

Postingan Terbaru:

About these ads

Tentang Sadam SumUta

Aku menunggu takdir yang berlari kencang menujuku, melihat bagaimana aku saat menerjang mereka dengan ketololanku seperti kata malaikat...

Posted on April 23, 2011, in Blog, Blog Tetangga, Blogging, Blogspot and tagged , . Bookmark the permalink. 18 Komentar.

  1. kk tolong cara penempatanya/beri screenshoot nya, biar saya lebih mengerti

  2. MAU TANYA….??? HEHEHEHe
    itu… gambar helikopternya dapet dari mana?? mau pasang juga dong??

  3. .kagak jadi nih, tang laen” jadi, kog yang ini gk jadi sendiri??

  4. wuih mantap nih gan

  5. bisa untuk wordpress ga mas?

  6. apa ada yang tinggal tambah gadget…

  7. kalau bikin spiderman ngedanz itu gmana gan?
    mohon jawabanya ya !! di tunggu low.

  8. sip gan….. tararengkyu

  9. lengkap banget nih kursornya.. makasih yah infonya..

  10. banyak sekali yah widget blogspot.. jadi binggung nih mau pasang yang mana.

  11. medpem2012asrinajmi

    cara masukin lagu berbentuk swf gimana ya? aku ga bisa2 ampe sekarang. can you help me now?

  12. gan minta.. lagu di blog agan.. pliss… judulnya..

  13. kenapa ya kok klw pas mau save ada tulisan gini
    Kesalahan saat mengurai XML, baris 625, kolom 13: Open quote is expected for attribute “{1}” associated with an element type “type”.

  14. kursornya bagus bagus ..
    izin seddot ya gan …

  15. thanks banyak ya gan..atas artikel kursornya

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Logout / Ubah )

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d bloggers like this: