Welcome to my world. Be nice here. Thank you.|+Follow | DashBoard|

//I'm Yana Tyrah

Cursor Diikuti Perkataan

0 Cik Comel
tutorial kali ni direquest oleh kawan yaya sendiri iaitu Tykah Lalola. Dia ada tanya yaya macam mana nak buat cursor yg ada nama yaya macam kat bawah ni. s0, maybe dia suka cursor tu jadi kali nie yaya buat tutor untuk dia dan untuk kawan2 yg lain jugak : ) korang boleh teng0k contoh kat bawah ni kalau suka silakan buat.


nampak tak yaya dah bulatkan dengan colour purple tu? haaa' yg tu lah yg yaya cuba maksudkan. s0, jom lah buat kalau dah suka.

1. Sign in blogger > Design > Add Gadget > Html/JavaScript

2. Then, copy code dibawah ni dan paste didalam kotak Html/JavaScript

<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
font-style: normal;
font-weight: normal;
font-family: 'verdana';
color: #FF0080;
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 = "CURSOR SANGAT CANTIK";
var size = 24;
var circleY = 0.75; var circleX = 2;
var letter_spacing = 5;
var diameter = 10;
var rotation = 0.4;
var speed = 0.2;
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. JANGAN SAVE ! tak habis lagi .

4. OREN : tukar dengan font yg korang nak guna. Kalau taktau korang pergi ja dekat Microsoft Office   Word then copy ha font2 dekat situ.
5. MERAH : tukar dengan warna perkataan yg korang nak. 
6. BIRU : replace dengan perkataan yg korang nak. contohnya : Blog Pink .

7. Bila dah tukar semua tu korang boleh terus SAVE ! Next, teng0k hasilnyaa : )

SELAMAT MENCUBA !



Terima Kasih kerana sudi membaca. Setiap komen anda amat dihargai dan akan dibalas sebagai tanda penghargaan

Older Post | Newer Post



This is my blog, my rules, my world. Me Nurliyana Athirah bt Roslin. Still 18 years old I love teddy bear.I officianly taken by Capital S.When you're in my blog, please respect be. Thank you.

Entries About Links





Principals : Yaya Tedy
Assistant : Yana Tyrah
Designer : Yaya Tedy

// Forever Young-One Direction