Jumat, 18 Mei 2012

[Widget] Membuat Kursor Animasi Di Blogger

Kali ini saya mau berbagi info dengan para pecinta blooger untuk memperindah blognya, saya akan berikan petunjuk membuat kursor mouse animasi(kalian bisa lihat contohnya seperti kursor mouse di blog saya!)

Cara:
  1. Yang pertama kalian  Log-in Blog dengan Id kalian masing-masing.
    Lalu Klik Template” kemudian Edit HTML
  2. Setelah itu Download Template Lengkap (pokoknya di download saja!)
  3. Kemudian cari kode body{
  • body{ *yang letaknya paling atas
  • body{ *yang diikuti kode css, seperti dibawah ini :
body {
background: $bgcolor;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: lcenter;
 

4. Dan copy paste kode dibawah ini tepat setelah kode body{


cursor: url("http://lh5.ggpht.com/_ILzML2joCeU/TMObfIQBSrI/AAAAAAAAAF4/SCKahWMDZcM/1.gif"),text;


Nb. Kalian bisa mengganti kode yang berwarna merah di atas tersebut dengan kode-kode Icon dibawah ini:
    • http://lh3.ggpht.com/_ILzML2joCeU/TMObmT3iYFI/AAAAAAAAAGU/frODyWCd0as/11.gif
    • http://lh6.ggpht.com/_ILzML2joCeU/TL1YE015vCI/AAAAAAAAABg/ZOzwUi61bdk/q.gif
    • http://lh3.ggpht.com/_ILzML2joCeU/TL1YExoufMI/AAAAAAAAABo/SCJ6iYBnV2o/th_12.gif
    • http://lh5.ggpht.com/_ILzML2joCeU/TMObfUSYIVI/AAAAAAAAAF8/JxwvzhZsdJI/2.gif
    • http://lh5.ggpht.com/_ILzML2joCeU/TMObfZUIFaI/AAAAAAAAAGA/DHajgz9d8os/4.gif
    • http://lh4.ggpht.com/_ILzML2joCeU/TMObfdCjLmI/AAAAAAAAAGE/WOX_jRp_jZw/5.gif
    • http://lh6.ggpht.com/_ILzML2joCeU/TMObfYod0pI/AAAAAAAAAGI/MBaDEVektQM/8.gif
    • http://lh6.ggpht.com/_ILzML2joCeU/TMObmamVGQI/AAAAAAAAAGM/xd4-jc-rlks/9.gif
    • http://lh3.ggpht.com/_ILzML2joCeU/TMObmQn2_FI/AAAAAAAAAGQ/0vs78y-WEwA/10.gif
    • http://lh6.ggpht.com/_ILzML2joCeU/TL1YFIWgCzI/AAAAAAAAABs/aAgQj4XIxDo/th_frog26workinginbackground.gif
    • http://lh5.ggpht.com/_ILzML2joCeU/TL1YEnzVX8I/AAAAAAAAABc/nfoamgtJPvg/11.gif
    • http://lh6.ggpht.com/_ILzML2joCeU/TL1YEznB6WI/AAAAAAAAABk/-LkBFPhZD2g/th_4.gif
    • http://lh5.ggpht.com/_ILzML2joCeU/TMObfIQBSrI/AAAAAAAAAF4/SCKahWMDZcM/1.gif
5. Lalu Simpan Templatedan lihat hasilnya!, Gimana??  bagus kan??[Selamat mencoba!]


Info: http://rtn-alwaysforyou.blogspot.com

9 komentar:

  1. salam kenal ria...n happy blogger

    SEMANGAT BLOGGER yah

    rtn-peaceinheart.blogspot.com

    BalasHapus
    Balasan
    1. loh kok di hapus? maaf ya saya lama balesnya, krna saya bru sempat buka blog.. hehe :D tpi makasih ya atas ucapannya

      salam kenal juga
      salam blogger:)

      Hapus
  2. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  3. wach.... muantap nich infonya.... test ya Mbak Bro..... matur suwun... Bravo girloflive.blogspot.com

    BalasHapus
  4. Balasan
    1. coba lagi mungkin ada kesalahan..

      Hapus