Cikgu Kacamata


16
Hasilkan Sparkle Pada Pergerakan Cursor


Selain post ini, CK ada membuat post bagaimana Terbitkan Bubbles Pada Pergerakan Cursor dan Membuat Rainbow Pada Link Apabila Cursor Hover. Sebenarnya post ini berkait rapat dengan post tersebut. Kaedah-kaedahnya adalah sama cuma kod saja yang berbeza. Untuk menghasilkan sparkle ini, CK telah memampatkan kod-kod yang panjang menjadi satu baris kod saja supaya kita dapat menjimat banyak ruang dalam template.



Juga, di sini CK ada menyediakan lima (5) warna sparkle untuk dipilih mengikut kesesuaian warna blog. CK harap anda terhibur.

Ikuti kaedah-kaedah di bawah:


1. "More options"

2. Pilih "Template"



3. Klik "Edit HTML"



4. "Copy" kod di bawah:
</head>

Klik sekali mana-mana bahagian pada Template dalam kotak yang bertanda merah dan pada keyboard, tekan butang "Ctrl+F" (untuk terbitkan kotak Search)


5. Dalam kotak Search, "paste" kod No. 4 tadi dan enter.

Pilih warna sparkle yang sesuai dan "Copy" kodnya:

Sparkle Pink:
<script src='http://yourjavascript.com/01213137681/ck-sparklecursorpink.js' type='text/javascript'/>


Sparkle Merah:
<script src='http://yourjavascript.com/21393793161/ck-sparklecursorred.js' type='text/javascript'/>


Sparkle Biru:
<script src='http://yourjavascript.com/72653613311/ck-sparklecursorblue.js' type='text/javascript'/>


Sparkle Lime:
<script src='http://yourjavascript.com/19156213471/ck-sparklecursorlime.js' type='text/javascript'/>


Sparkle Hitam:
<script src='http://yourjavascript.com/27316113146/ck-sparklecursorblack.js' type='text/javascript'/>


6. Kemudian "Paste" kod yang dipilih hanya di atas kod No. 4.


7. "Save template" dan sparkle terhasil!




*Sekiranya anda ingin membuat 'custom color' sparkle anda sendiri, sila tinggalkan komen dengan memberi kod warna pilihan di ruangan komen di bawah. InsyaAllah CK akan buatkan




Sila Share Post CK Ini Sekiranya Anda Suka
Dapatkan Widget Ini!

16 comments:

  1. hai.. salam kenal,
    follower no.161
    done follow sini,
    jom follow teman yea yunk..=)

    http://tengkubutang@blogspot.com/ -->(official)
    http://kucenkucenbelog.blogspot.com/ -->2nd blog

    ReplyDelete
    Replies
    1. Peminat kucing ye. CK dah follow. Thanks ya ;)

      Delete
  2. Mcm2 tutorial CK ni ye. cun2 belaka....

    ReplyDelete
  3. nice post..
    followers 164, follow back ya teman..
    http://homebagus.blogspot.com/

    ReplyDelete
    Replies
    1. Terima kasih sudi supported CK. CK dah follow back :)

      Delete
  4. wah..good sharing..nti next time nak try gak tutorial ni..
    # blogwalking ke sini smbil click iklan nuffnang...
    >> http://firohar.blogspot.com/

    ReplyDelete
    Replies
    1. Thanks ya Firo. CK pun dah follow balik ;)

      Delete
  5. nice tutor...

    salam kenal... :)

    ReplyDelete
  6. perkongsian menarik....pade yang gemo bulih try...

    ReplyDelete