TUTORIAL cara membuat CURSOR di ikuti TULISAN di BLOG

OKE jumpa lagi dengan saya sobat BLOGGER.....
Liat kan CURSOR BLOG saya...
Mau buat seperti ini... kebetulan sobat  BLOGGER.......
Malam ini saya mau SHARE cara membuat CURSOR di ikuti TULISAN di BLOG...
Efek dari TRIK yg saya berikan ini adalah membuat sebuah text mengikuti kemana arah cursor mouse digerakkan di dalam BLOG, dan text itu akan bergerak mengitari CURSOR jika tidak ada aktifitas / di diamkan saja....
gimana keren ga menurut sobat....
Dan yang menarik lagi TEXT itu bisa sobat ganti dengan TEXT yg sobat inginkan, termasuk WARNAnya juga bisa sobat ganti sesuai keinginan sobat...
Mungkin sudah banyak yang tau cara ini tapi saya coba aja SHARE lagi buat sobat BLOGGER yg masih pemula seperti saya ini...
Mudah - mudahan ARTIKEL ini bermanfaat dan bisa membuat BLOG milik sobat makin KEREN....

Sudah siap sobat buat memulainya
Langsung aja ya 
Jangan takut gagal sobat , saya sudah coba dan 100% bekerja dengan baik.

ini langkah langkahnya...
Jika tertarik silahkan di praktekkan sendiri......



1. Pertama LOG IN dulu BLOG milik sobat
2. Pada " DASHBOARD " tampilan BLOG milik sobat
    > Klik TATA LETAK     
    > Klik TAMBAH GADGET
    > Pilih HTML / Java Sript lalu klik tanda +
    > COPY kode dibawah ini dan PASTE semua kode dibawah ini masukkan ke dalam kotak HTML /  Java Script

<style type="text/css">
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #FF0000;
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">
;(function(){
var msg = "SEXY BLOGSPOT";
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;

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>

3. Langkah terakhir setelah sobat PASTE code tadi ke kotak HTML / Java Script.

Sobat Klik SIMPAN dan lihat hasilnya..
Gimana keren dan bermanfaat bukan.......

sobat pasti bingung gimana ganti TEXTdan WARNA nya...
ni saya kasih tau cara gantinya....

Sobat lihat tulisan yang berwarna MERAH dan BIRU pada  code diatas tadi....
yang warna MERAH buat ganti WARNA TEXT
yang warna BIRU  buat ganti TEXT yg mau ditampilkan..

Selamat bagi sobat BLOGGER yg berhasil membuat CURSOR diikuti TULISAN di BLOG.
Jika ada kesulitan tinggallkan saja komentar di ARTIKEL ini dan saya akan segera membalasnya.

Semoga ARTIKEL ini bisa bermanfaat buat sobat BLOGGER semua...
SALAM BLOGGER......

===== SETIAP POSTINGAN AKAN SELALU SAYA SERTAI FOTO SEXY SEBAGAI REFRESH =====

^_^ >>> KREASI-MAZ-BROW.BLOGSPOT.COM <<< ^_^