Nandakrenz.Net

Google+ Facebook Twitter Friendfeed

Gratis berlangganan artikel nandakrenz.net via mail, join sekarang!

Software
Music
Movie
Games
Compt
TeVe
Free Backlink
Exchange
Wallpaper
18+

A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
0-9

Friday, September 3, 2010

Membuat Teks Berputar Mengelilingi Kursor

Do you want to share?

Do you like this story?

Tips & trick membuat teks yang berputar-putar mengelilingi cursor anda di blog. Tulisan yang yang mengikuti cursor yang kita gerak-gerakan kemana saja atau bahkan cursor itu diam. Dengan membuat teks yang berputar mengelilingi cursor membuat blog anda semakin indah dan cantik.

Cara Membuat Teks yang Berputar Mengelilingi Cursor :
1. Login ke blogger
2. Pilih tata letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<script><br />
//mouse<br />
//Circling text trail- Tim Tilton<br />
//Website: http://www.tempermedia.com/<br />
//Visit http://www.dynamicdrive.com for this script and more<br />
function cursor_text_circle(){<br />
// your message here<br />
var msg='<span style="color: rgb(255, 0, 0); font-style: italic;">Membuat Teks yang Berputar Mengelilingi Cursor</span>'.split('').reverse().join('');<br />
<br />
var font='Verdana,Arial';<br />
var size=3; // up to seven<br />
var color='#ff0000';<br />
<br />
// This is not the rotation speed, its the reaction speed, keep low!<br />
// Set this to 1 for just plain rotation w/out drag<br />
var speed=.3;<br />
<br />
// This is the rotation speed, set it negative if you want<br />
// it to spin clockwise<br />
var rotation=-.2;<br />
<br />
// Alter no variables past here!, unless you are good<br />
//---------------------------------------------------<br />
<br />
<br />
var ns=(document.layers);<br />
var ie=(document.all);<br />
var dom=document.getElementById;<br />
msg=msg.split('');<br />
var n=msg.length;<br />
var a=size*13;<br />
var currStep=0;<br />
var ymouse=0;<br />
var xmouse=0;<br />
var props="<font face="+font+" size="+size+" color="+color+">";<br />
<br />
if (ie)<br />
window.pageYOffset=0<br />
<br />
// writes the message<br />
if (ns){<br />
for (i=0; i < n; i++)<br />
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');<br />
}<br />
else if (ie||dom){<br />
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');<br />
for (i=0; i < n; i++)<br />
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');<br />
document.write('</div></div>');<br />
}<br />
(ns)?window.captureEvents(Event.MOUSEMOVE):0;<br />
<br />
function Mouse(evnt){<br />
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position<br />
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position<br />
}<br />
<br />
if (ns||ie||dom)<br />
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;<br />
var y=new Array();<br />
var x=new Array();<br />
var Y=new Array();<br />
var X=new Array();<br />
for (i=0; i < n; i++){<br />
y[i]=0;<br />
x[i]=0;<br />
Y[i]=0;<br />
X[i]=0;<br />
}<br />
<br />
var iecompattest=function(){<br />
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;<br />
}<br />
<br />
var makecircle=function(){ // rotation properties<br />
if (ie) outer.style.top=iecompattest().scrollTop+'px';<br />
currStep-=rotation;<br />
for (i=0; i < n; i++){ // makes the circle<br />
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;<br />
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');<br />
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval<br />
}<br />
}<br />
<br />
var drag=function(){ // makes the resistance<br />
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);<br />
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);<br />
for (var i=1; i < n; i++){<br />
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);<br />
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);<br />
<br />
}<br />
makecircle();<br />
// not rotation speed, leave at zero<br />
setTimeout(function(){drag();},10);<br />
}<br />
if (ns||ie||dom)<br />
if ( typeof window.addEventListener != "undefined" )<br />
window.addEventListener( "load", drag, false );<br />
else if ( typeof window.attachEvent != "undefined" )<br />
window.attachEvent( "onload", drag );<br />
else {<br />
if ( window.onload != null ) {<br />
var oldOnload = window.onload;<br />
window.onload = function ( e ) {<br />
oldOnload( e );<br />
drag();<br />
};<br />
}<br />
else<br />
window.onload = drag;<br />
}<br />
<br />
}<br />
cursor_text_circle();<br />
<br />
</script>

5. Sebelum disimpan, ganti tulisan Membuat Teks yang Berputar Mengelilingi Cursor dengan teks/tulisan yang anda inginkan.

YOU MIGHT ALSO LIKE

2 comments:

JOJO BONGES said...: WADUH KOK NGAK BISA TOH GAN
!!
!!; November 19, 2010 at 1:14 AM
nandakrenz said...: Bisa Gan. di copy s'mua nya gak gan. coba di parse dolo di kotak parse side bar blog saya. Tq 4 comment...; November 19, 2010 at 2:16 PM

Subscribe to: Post Comments (Atom)