apakah kalian tertarik untuk membuat kursor dengan teks yang sesuai dengan keinginan kalian??? ayooo....langsung aja kita praktekan, tenang saja jika tidak suka kan bisa dihapus widget nya, oh iya ini hanya tinggal penambahan widget pada blogspot. to the point deh.......
1. Masuk ke Blog 2. Klik Tab Tata Letak 3. Klik Tab Elemen Halaman 4. Klik Tambah Gadget 5. Klik pilhan HTML/JavaScript 6. Pastekan script di bawah ini ke kolom Konten/kolom widget html/javascript yang kalian pilih tadi.
script box:
<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='AZIZ IMAMMUDIN RHAMADHAN'.split('').reverse().join('');
var font='Verdana,Arial'; var size=3; // 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+" size="+size+" color="+color+">";
if (ie) window.pageYOffset=0
// writes the message if (ns){ for (i=0; i < n; i++) document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+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;
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>
7. Silahkan ganti tulisan yang berwarna merah dengan tulisan yang kalian inginkan, ingat tulisan ini adalah teks yang akan menjadi kursor nya. 8. Klik Simpan 9. Selesai
oy ngmng2 teknya kan kebawahan bnget...bisa g dikeatasin lgi..maksudnya ya deket curos mouse biar pengunjung bs liat teksnya..kl kebawahan kan jd g keliatan..hehe
Selamat datang di situs saya, semoga saja kalian bisa mendapatkan apa yang kalian butuhkan diblog saya yang sangat sederhana ini. mohon maaf jika informasi yang disediakan sangat minim, dikarenakan kemampuan saya yang masih kurang, mari saling berbagi. semoga blogger indonesia bisa bersaing dengan blogger internasional lainnya. sukses slalu untuk semua.
Sekilas tentang penulis
Nama saya Aziz Imammudin Rhamadhan, saya seorang mahasiswa yang masih menuntut ilmu di salah satu perguruan tinggi di Bandung, salam kenal.
1 comments:
thanks gan
numpang sedot nich..hehe
oy ngmng2 teknya kan kebawahan bnget...bisa g dikeatasin lgi..maksudnya ya deket curos mouse biar pengunjung bs liat teksnya..kl kebawahan kan jd g keliatan..hehe
Posting Komentar