Google Translator

English French German Spain Italian Dutch Russian Brazil Japanese Korean Arabic Chinese Simplified

Cara Membuat Cursor Dikelilingi Dengan Text/Tulisan

Contoh gambar :



Langsung ke TKP ok!!


1. Log in ke Blog anda
2. Klik tab layout (Tata Letak)
3. Pada elemen halaman, klik Tambah Gadget(dimana saja), pilih HTML/Javascript.
4. Copy kode script di bawah ini, lalu letakkan/pastekan di gadget yang tadi.

<script>
function cursor_text_circle(){

var msg='www.ichalcyutebeud.co.cc'.split('').reverse().join('');

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

var speed=.3;

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>


5. SIMPAN

=> Warna Merah bisa anda ubah dengan Text/Tulisan/kata-kata kesukaan anda.

SEMOGA BERMANFAAT

15 komentar:

Amy Sularmi Al-Azhar Lampung mengatakan...

Makasih ya...pasti ku praktekan...

new riyad mengatakan...

gw udh ikutin smua cara di atas kok ttp gx bisa ya,apa nya yg salah ya gan??thanks..

Izy mengatakan...

apa ga salah rute nya gan????
go ga ngefek ya.

Putra Kaduela mengatakan...

ko yang aku di bawah ya posisinya ga di pas kursornya

Fuad Fauzi mengatakan...

g ada efek nya g mana in lagi udah itu

ndyvalvoircher mengatakan...

ga ada efek nya..

coba muat ulang gan

yeppy mengatakan...

sukses selalu sobat!

http://mp3triping.blogspot.com mengatakan...

kalo warna yg lain bisa gk..??

Adi Doya mengatakan...

assalam, mkasih cuy langsung jdi tuh.

Btw, Semua muslim pasti pernah membaca Ayat-Ayat Al Qur'an, tapi di antara antum ada yg pernah membaca "Ayat-Ayat Setan" apa belum ? kalo ada yg penasaran kunjungin ajj alamat blog ini http://seremm.blogspot.com/

Anonim mengatakan...

bGMN MEMASUKAN ICON fB SPERTI YG ANDA PUNYA ???
thnks n slm knal ya?

[Gak Bisa Diem Community] mengatakan...

PERTAMAXXXX GANNNN MUANTAPPPP ...

jinkinjeng mengatakan...

mas bro, saya kalo pasang yang begituan tuh rasanya berat banget buat buka blognya, jadi yah makanya gak dipasang deh, tp tuh info bagus buat pengetahuan mengenai blog sob, makasih yah

Viyan Pradita mengatakan...

membuat makin rame blog, tp kadang bikin berat. nice share sob.. \m/

anju faber mengatakan...

Sorry Y
Waktu awQ BuAt kagAQ biSa MaLaH LaRi Lari Dia NGGaQ NgIKuTi KuRsoR Nya Gimana tU Gan

Plisss Share Nya
:)

islah sahrul mengatakan...

Thanks Ya sob

Posting Komentar

Mau komentar??? Silahkan, asal jangan komentar SPAM.

Maaf!!! Komentar yang bernada SPAM akan saya hapusssss.

nO sPam, nO pOrn, Please!!!

 

.+'''''''''''''''''''''''''''''''''''''+.