Senin, 24 Mei 2010

tulisan mengikuti mouse

1.login ke blogger
2.klik tata letak
3.pilih elemen halaman
4.pilih tambah gadget
5.ganti tulisan diedien orangnya baek terserah anda


<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='diedien orangnya baek'.split('').reverse().join('');

var font='Verdana,Arial';
var size=4; // up to seven
var color='#ff0000';

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;

// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;

// Alter no variables past here!, unless you are good
//---------------------------------------------------


var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" color="+color+" size="+size+">";

if (ie)
window.pageYOffset=0

// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer left="0" top="0" width="+a+" name="nsmsg'+i+'" height="+a+"><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
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>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}

if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}

var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
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
}
}

var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}

}
cursor_text_circle();

</script>

Selasa, 18 Mei 2010

aurora

membuat gambar di pojok



#pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }


Lalu masukkan ke bagian HEAD dan untuk lebh tepatnya biar ga binun taruhlah tepat di atas code :

]]>

Dan sedikit tambahan jika anda ingin mengubah posisi atau tempat ke yang lain, semisal mau anda taruh di bagian pojok kanan bawah atau pojok kanan atas atau pojok kiri atas atau bahkan berada tepat di tengah tengah blog (kalo yg ini ga mungkin dech... sangat menggangu pengunjung blog yang membaca artikel anda jadinya) silahkan anda berfokus pada tulisan :

position:fixed;_position:absolute;bottom:0px; left:0px;

(#) kata bottom : menunjukkan posisi di bawah, jika anda ingin mengubah posisi di atas silahkan ganti kata " bottom " menjadi " top " (tanpa tanda petik) dan nilai 0px; bisa anda sesuikan sendiri (pokoknya di coba2 aja dech... ga meledak, hehehe)

(#) kemudian lihat pada kata left : menunjukkan posisi berada di kiri, jika anda ingin mengubah posisi menjadi di kanan silahkan ganti kata " left " menjadi " right " (tanpa tanda petik) dan nila 0px; bisa nada sesuikan sendiri juga...


Kemudian tahap selanjutnya adalah pemasangan code script pada bagian body blog yaitu caranya copy seluruh code di bawah ini :

SEBELUM ANDA MENCOPY SELURUH CODE DIBAWAH INI MOHON DI BACA DAN DI TELITI, KARENA ADA KATA KATA YANG MUSTI DI IKUTI DAN DI GANTI DI DALAM CODE TERSEBUT...!! (jangan asal comot/copy aja tanpa memperhatikannya)

klo mau lebih jelasnya
Klik Disini