Tutorial Kumplit Cara Membuat teks yang mengelilingi corsur



Tutorial-Kumplit.com Cursor | Cara membuat teks mengelilingi corsurTutorial Kumplit Cara Membuat teks yang mengelilingi corsur - Ada berbagai macam cara untuk menghias blog kita namun kebanyakan hanya mementingkan tampilan blog nya tanpa menghias yang lain , nah kali ini saya akan berbagi cara menghias corsur blog kita supaya tampilan blog kita lebih unik dan lebih menarik lagi.

Kadang hal ini juga dapat membuat pengunjung blog kita menjadi tertarik untuk mengunjungi blog kita yang unik dan menarik, asalkan menghias blog nya tidak terlalu berlebihan.

Basa basi sedikit untuk yang mau langsung ke tutorial nya silahkan bisa lewati tulisan ini , membuat pengunjung merasa nyaman berkunjung ke blog kita adalah hal yang sangat penting, pengunjung yang merasa nyaman akan selalu mengunjungi blog kita, tapi jangan lupa untuk terus mengupdate posting karena biasanya pengunjung selalu mencari informasi terbaru yang ada dan mungkin pengunjung akan pergi jika mengetahui blog yang dia kunjungi sudah tidak hidup atau update.

nah kali ini langsung saja kita menuju tema kali ini yaitu | Cara membuat teks mengelilingi corsur , sebenarnya sangat mudah untuk membuatnya silahkan langsung saja simak baik-baik.
 
Tutorial Cara Membuat teks yang mengelilingi corsur
1. Login ke blog anda
2. Pilih Tata Letal kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML dibawah ini:


<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tutorial-kumplit.com/
//Visit http://www.tutorial-kumplit.com for this script and more
function cursor_text_circle(){
// your message here
var msg='Tutorial-Kumplit.com Cursor'.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;

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>


Catatan : ganti tulisan Tutorial-Kumplit.com Cursor dengan tulisan yang di inginkan.
 
cukup simpel dan mudah caranya, tapi jika ada hal yang kurang di mengerti dan di pahami jangan sungkan untuk bertanya dengan meninggalkan komentar anda, atau hubungi kontak yang tersedia dibawah.

Share This Article



Post Comment

1 Komentar untuk " Tutorial Kumplit Cara Membuat teks yang mengelilingi corsur "

  1. Mantep bener nih tutornya tutorial kumplit emang oke, nante kalo saya ke warnet boleh saya coba ya tutor di atas :D

    BalasHapus

Silakan Anda mengirim kritik, saran, atau pertanyaan ke :

E-mail:
Facebook:

Syarat dan ketentuan berkomentar :
1. Dilarang menghina siapa pun
2. Dilarang berkomentar sampah. Contoh : Promosi produk
3. Jangan menggunakan link hidup
Maaf bila saya belum bisa membalas komentar atau mengunjungi situs Anda. Terima kasih atas kunjungan atau komentar Anda di blog sederhana ini. Salam kami www.tutorial-kumplit.com...
Konversi Kode Emoticon Folllow

Back to Top