Cara mudah menciptakan tulisan Mengikuti Kursor Pada Blog

Hallo Guys.. Apa kabar? biar dalam keadan sehat dan berbahagia tentunya. Pada kesempatan kali ini akan aku bagikan bagaimana Cara mudah menciptakan goresan pena mengikuti kursor pada blog.
Membuat tulisan pada blog ini ada sebagian orang yang tidak menyukainya lantaran memperrumit tampilan web blog mereka. Tetapi tidak sedikit pila yang menyukai adanya goresan pena yang terus mengikuti kursor pada blog.


Nah, bila sobat termasuk orang yang menyukai adanya tulisan bergera mengikuti kursor pada blog ini, ikuti tutorial dibawah ini untuk memasangnya.

1. sahabat harus Login terlebih dahulu pada blog sahabat
2. setelah masuk ke dalam blogger, klik sajian Tata Letak pada dasbor blogger.


3. Di dalam sajian Tata Letak, klik Tambahkan Gadget.


4. Seteah itu akan muncul jendela kecil yang berisi banyak widget, di dalam jendela ini, teman pilih saja HTML/Javascript.


5. Letakkan instruksi di bawah ini pada kolom yang telah di sediakan.

<style type='text/css'>#outerCircleText font-style: italic;font-weight: bold;font-family: 'comic sans ms', verdana, arial;color: #a4336a;position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;#outerCircleText div position: relative;#outerCircleText div div position: absolute;top: 0;left: 0;text-align: center;</style>
<script type='text/javascript'>//<![CDATA[;(function()// Your message here (QUOTED STRING)var msg = "Tulis Teks Yang Akan Mengikuti Kursor Di Sini";/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */// Set font's style size for calculating dimensions// Set to number of desired pixels font size (decimal and negative numbers not allowed)var size =20;// Set both to 1 for plain circle, set one of them to 2 for oval// Other numbers & decimals can have interesting effects, keep these low (0 to 3)var circleY = 0.75; var circleX = 2;// The larger this divisor, the smaller the spaces between letters// (decimals allowed, not negative numbers)var letter_spacing = 5;// The larger this multiplier, the bigger the circle/oval// (decimals allowed, not negative numbers, some rounding is applied)var diameter = 15;// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)var rotation = 0.3;// This is not the rotation speed, its the reaction speed, keep low!// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)var speed = 0.2;////////////////////// Stop Editing //////////////////////if (!window.addEventListener && !window.attachEvent )();//]]></script>

6. Tuliskan Teks yang akan mengikuti kursor pada penggalan arahan yang saya beri warna Merah. selain itu, teman bisa juga mengganti warna teks yang akan mengikuti kursor, jenis font dll. silahkan sahabat berkreasi.
7. sehabis semua final di atur, klik Simpan.

Semoga artikel ini mampu membantu teman blogger semua, juka ada petranyaan, kritik dan saran, silahkan teman tuliskan pada kolom komentar yang telah di sediakan di bawah artikel.