![](http://2.bp.blogspot.com/-SdTewL_jZAM/UcOyFfhNTfI/AAAAAAAABLM/UPIqUXEFE5M/s1600/Bubbles.gif)
Ini adalah satu lagi dekorasi yang menarik yang perlu ada pada blog iaitu Bubbles Pada Pergerakan Cursor. Pada tutorial yang lepas, CK ada menerangkan bagaimana Hasilkan Sparkle Pada Pergerakan Cursor. Jika diikutkan, kedua-duanya adalah berkait rapat antara satu sama lain cuma yang bezakan hanyalah kodnya saja.
![](http://1.bp.blogspot.com/-M7_r-0sUK6k/Ub6_Pve_LeI/AAAAAAAAA-Q/j2zCPSaVV3I/s1600/BubbleCursorHover.gif)
Tanpa berlengah lagi, jom ikuti langkah-langkah untuk menghasilkannya:
2. Klik "Template"
![](http://2.bp.blogspot.com/-Fzoo2lixtXA/Ub9oHNXom5I/AAAAAAAABAs/P46qehVIhkE/s320/CursorSparkling1.jpg)
3. Klik butang "Edit HTML"
![](http://1.bp.blogspot.com/-9bvxX6WUMVs/Ub9ossAtd0I/AAAAAAAABA0/QzqoEUv3B7Q/s320/CursorSparkling2.jpg)
4. "Copy" kod di bawah:
|
Klik sekali mana-mana bahagian pada Template dalam kotak yang bertanda merah dan pada keyboard, tekan butang "Ctrl+F" (untuk terbitkan kotak Search)
![](http://2.bp.blogspot.com/-YIPcWYQpvRA/Ub9o2txOK4I/AAAAAAAABA8/yw_CaKaJVc0/s320/CursorSparkling3.jpg)
5. Dalam kotak Search, "paste" kod No. 4 tadi dan enter.
Setelah itu, "Copy" kod ini:
<script src='http://yourjavascript.com/01317171162/ck-bubblecursor.js' type='text/javascript'/>
![](http://3.bp.blogspot.com/-rK9B1rBESTs/UcO6REJrtQI/AAAAAAAABLc/lAhKGHzKyRM/s320/CursorBubbles4.jpg)
7. "Save template" dan siap!
![](http://1.bp.blogspot.com/-GO35ux5RXqY/UZ9FUuxOt-I/AAAAAAAAAIc/tHWDgbzjqqA/s320/Tadaaa.png)