Death Info | Tips Blog | Desain Blog - Cara Membuat Cursor Blog Selalu Diikuti Oleh Text,
Mungkin Tutorial ini sudah sangat lama tetapi tidak apa anggap saja tutorial baru karena untuk seorang blogger profesional sudah paham dengan tutorial ini.
Cara Menambahkan Cursor Selalu di ikuti oleh teks tidak susah Banyak cara yang bisa sobat blogger lakukan untuk memperindah blog atau mempercantik blog sobat. Salah satu cara adalah dengan cara menambahkan cursor selalu di ikutin di blog. Cara ini terbukti memberikan kesan dan nuansa yang berbeda pada blog Jika sobat tertarik untuk menciptakan cursor dengan text sendiri.
Berikut ini langkah-langkah Untuk Membuat nya :
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
<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='Tutorial Blog '.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>
|
7. Silahkan ganti tulisan berwarna merah dengan tulisan pilihan anda
8. Klik Simpan
9. Selesai
Selamat mencoba, semoga bermanfaat, dengan Tutorial Cara Membuat Cursor Blog Selalu Diikuti Oleh Teks.
9. Selesai
Selamat mencoba, semoga bermanfaat, dengan Tutorial Cara Membuat Cursor Blog Selalu Diikuti Oleh Teks.
Get More http://prayoga00.blogspot.com
0 Komentar Untuk "Cara Membuat Cursor Blog Selalu Diikuti Oleh Text"
Out Of Topic Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon