Cursor Nama Melayang.



Assalamualaikum , nih tuto Fyqa yang first . Rasa takut pulak . Takut ada yang tak paham pulak Fyqa buat. Tuto nih Sofia tanya dekat shoubox Fyqa . tak sangka pulak dia nak tanya and minta ajarkan . So Fyqa edit and cepat - cepat buat untuk kamu sayngg :D uke , jum start !

First , hangpa copy code kat bawa nih k.
Hangpa boleh copy and edit atas notepad dulu k.
Pastuu klik Dashboiard > Design > Add A Gadget > HTML/JavaScript .
Pastuu baru copy masuk HTML/JavaScript.

<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
font-style: normal;
font-weight: normal;
font-family: 'trebuchet';
color:#800080 ;
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 = "NAMA";
var size = 20;
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>

Ctrl+C utk copy


Dah siap copy and edit kan , yang Fyqa highlight warna purple (font-family) and biru (color) tuu hangpa boleh tuka dengan yang hangpa suka uke. Nama pulak suka hati hangpa nak letak apa pown. Kalau yang kod atas tuu ikut yang mcm Fyqa taw . So dah siap . kalau tak jadi bagitaw Fyqa k. Kalau jadi hadiahkan comment taw utk Fyqa :D Fyqa sedia berkhidmat utk anda :D
Comments
24 Comments

24 Doakan Fyqa Kurus :):

Ms. Aini said... Best Blogger Tips[Hit You Back !]Best Blogger Templates

fyqa, mende ni nk copy paste kat mn?
ehmmm..xpaham..=(

Anak Munsyi said... Best Blogger Tips[Hit You Back !]Best Blogger Templates

@ain Mula2 dashboard > design > add a gadget > html/javascript . copy paste masuk html?javascript tuu :)

Intan suraya said... Best Blogger Tips[Hit You Back !]Best Blogger Templates

kak fyqa..kalo nak tukar warne die cam ne yerk??

Anak Munsyi said... Best Blogger Tips[Hit You Back !]Best Blogger Templates

@Intan sue'raya
akak dah highlight kat situu , adik tengok k dekat ats2 jugak . nak warna pulak klik dekat tuto akak ad kod warna .

Intan suraya said... Best Blogger Tips[Hit You Back !]Best Blogger Templates

thanks ye akak..:D

Anak Munsyi said... Best Blogger Tips[Hit You Back !]Best Blogger Templates

@Intan sue'raya
welkam babe (:

Tyraa Lee said... Best Blogger Tips[Hit You Back !]Best Blogger Templates

i can't copy this laa . :'(

Anak Munsyi said... Best Blogger Tips[Hit You Back !]Best Blogger Templates

@TyRaRaRa :P
tyra , knp plak tak bole copy ? tekan ctrl + c for copy sebab fyqa buat disabled right click (:

Tyraa Lee said... Best Blogger Tips[Hit You Back !]Best Blogger Templates

okay . :)

SayangSal said... Best Blogger Tips[Hit You Back !]Best Blogger Templates

TERIMA KASIH FYQA...AKAK DAH IKUT TOTURIAL FYQA...AKAK PUN ANAK2 MUNSYI....1998...:)

Wanie Ibrah said... Best Blogger Tips[Hit You Back !]Best Blogger Templates

thx yea kkk fyqa!!!

Anak Munsyi said... Best Blogger Tips[Hit You Back !]Best Blogger Templates

@SayangSal
anak munsyi jugak ? wahh , hebat ! hehe , same2 akak (:

Anak Munsyi said... Best Blogger Tips[Hit You Back !]Best Blogger Templates

@Lisha Vs Wanie
welkam dear (:

afif_az said... Best Blogger Tips[Hit You Back !]Best Blogger Templates

cne nk ubah name kiteee??

afif_az said... Best Blogger Tips[Hit You Back !]Best Blogger Templates

asal cursor lawa yg da sedia ade kt blog afif ttbe ilang bile afif buat name2 mlyang tu???grrrrrrrrrrrrr....help me plezz..

Anak Munsyi said... Best Blogger Tips[Hit You Back !]Best Blogger Templates

@afif_az
sowie baru nak balas . lol , afif jgn kacau lar kod cursor afif tuu . just tambah kod cursor melayang nih ja dekat page html yang baru :)

Anonymous said... Best Blogger Tips[Hit You Back !]Best Blogger Templates

Kenapa tak jadi ? Hmmmmm ,

Anak Munsyi said... Best Blogger Tips[Hit You Back !]Best Blogger Templates

@nurulfatin hakimah
fyqa buat dulu jadi ja . highlight kod tuu pastuu paste dlm html , tuka ap yang patot pastuu save jew lar.

Anonymous said... Best Blogger Tips[Hit You Back !]Best Blogger Templates

Dah buat tapi tak jadi plak , hmm . Tape nanti fatin try lagi :D Thanks yeahh :)

Anak Munsyi said... Best Blogger Tips[Hit You Back !]Best Blogger Templates

@nurulfatin hakimah
ta ap2 . slow2 k . welkam hunn (:

Anonymous said... Best Blogger Tips[Hit You Back !]Best Blogger Templates

Hee e, fatin try banyak banyak jadi lahh :D

Anak Munsyi said... Best Blogger Tips[Hit You Back !]Best Blogger Templates

@nurulfatin hakimah
hee , gud girl (: slalo lar dtg blog fyqa ea (:

Miss chocolate said... Best Blogger Tips[Hit You Back !]Best Blogger Templates

Knp x boleyy nk copy ? (:

Anak Munsyi said... Best Blogger Tips[Hit You Back !]Best Blogger Templates

@Miss chocolate
Nak copy guna ctrl + c . Sebab fyqa dah buat disabled right klik.