Cara membuat Script circling text trial

Cara membuat Script circling text trial dengan kata lain Cara membuat tulisan berjalan mengikuti tikus /mouse/cursor/kursor pada blog
Cara ini juga bisa menambah keindahan pada blog kita namun juga memberikan efek yang mungkin sedikint membebani berat loading blog anda namun sejauh ini pada blog yang saya buat contoh tidak ada pengaruh tentang loading blog artinya tidak ada masalah
Seperti apa si scriptnya ...?
memang scriptnya ini sangat banyak dan banyak sekali namun tak perlu bingung karena cara pemasanganya sangatlah mudah dan gampang yaitu sebagaimana biasa kita musti :
Login dulu ke blog anda
Selanjutnya pada menu dasbord pilih Tata Leta dan lanjut pilih HTML/javscript.selanjutnya copy kode dibawah ini dan pastekan kemudian klik simpan lalu lihatlah hasilnya
 silahkan copy Kode scriptnya :

BACA JUGA : TKW INI MUNGKIN STRES ATAU EDAN LANANGAN

<style type='text/css'>

/* Circle Text Styles */

#outerCircleText {

font-style: italic;

font-weight: bold;

font-family: 'comic sans ms', verdana, arial;

color: #4679BD;/*Ganti warna */

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[

/* Circling text trail- Tim Tilton - Website: http://www.tempermedia.com/ - Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts.

Modified Here for more flexibility and modern browser support

Modifications as first seen in http://www.dynamicdrive.com/forums/

username:jscheuer1 - This notice must remain for legal use

*/

;(function(){

var msg = "Keyword blog uang"; // tulisan keyword blog uang ganti sesuai selera anda

var size = 24;

var circleY = 0.75; var circleX = 2;

var letter_spacing = 5;

var diameter = 10;

var rotation = 0.4;

var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');

var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,

ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],

o = document.createElement('div'), oi = document.createElement('div'),

b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){

e = e || window.event;

ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position

xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position

},

makecircle = function(){ // rotation/positioning

if(init.nopy){

o.style.top = (b || document.body).scrollTop + 'px';

o.style.left = (b || document.body).scrollLeft + 'px';

};

currStep -= rotation;

for (var d, i = n; i > -1; --i){ // makes the circle

d = document.getElementById('iemsg' + i).style;

d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';

d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';

};

},

drag = function(){ // makes the resistance

y[0] = Y[0] += (ymouse - Y[0]) * speed;

x[0] = X[0] += (xmouse - 20 - X[0]) * speed;

for (var i = n; i > 0; --i){

y[i] = Y[i] += (y[i-1] - Y[i]) * speed;

x[i] = X[i] += (x[i-1] - X[i]) * speed;

};

makecircle();

},

init = function(){ // appends message divs, & sets initial values for positioning arrays

if(!isNaN(window.pageYOffset)){

ymouse += window.pageYOffset;

xmouse += window.pageXOffset;

} else init.nopy = true;

for (var d, i = n; i > -1; --i){

d = document.createElement('div'); d.id = 'iemsg' + i;

d.style.height = d.style.width = a + 'px';

d.appendChild(document.createTextNode(msg[i]));

oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;

};

o.appendChild(oi); document.body.appendChild(o);

setInterval(drag, 25);

},

ascroll = function(){

ymouse += window.pageYOffset;

xmouse += window.pageXOffset;

window.removeEventListener('scroll', ascroll, false);

};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){

window.addEventListener('load', init, false);

document.addEventListener('mouseover', mouse, false);

document.addEventListener('mousemove', mouse, false);

if (/Apple/.test(navigator.vendor))

window.addEventListener('scroll', ascroll, false);

}

else if (window.attachEvent){

window.attachEvent('onload', init);

document.attachEvent('onmousemove', mouse);

};

})();

//]]></script>

Nah sebagai contoh hasil script diatas yang pemasangannya lewat tata letak tambah gadget + HTML/java script bisa juga anda lihat disini

Untuk bisa menampilkan Script circling text trial atau tulisan berjalan berputar putar mengikuti mouse hanya pada satu halaman posting saja seperti yang ada di blog ini maka cara pemasangan scriptnya tidak melalui tata letak HTML / javascript namun pada saat pembuatan entri baru penulisanya script tersebut pilihanya pada menu HTML bukan Compose
jadi copy saja script diatas dan pastekan di pilihan HTML entribaru  jangan Compose
selamat mencoba semoga berhasil
BACA JUGA :

Percayakah Anda, ada Rahasia Di Balik Perkataan Anda!