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

• @Facebook
• @Twitter
• @Google+

​Dapatkan Widget Ini!