News Update :

Membuat Cursor Diikuti Text

Ketika saya blogwalking ke beberapa site para sobat, saya banyak menemukan cursor yang selalu diikuti oleh text. Saya berfikir bagaimana cara membuatnya. Akhirnya saya menemukan jawaban tersebut di salah satu site SMU negeri di Pekanbaru [ di sini ].
visit n learn
Tetapi setelah saya perhatikan ternyata kita hanya bisa memilih salah satu dari script yang telah diciptakan yang mempunyai text berbeda. Adapun text-text tersebut adalah "Selamat Menikmati Blog Ini", "Welcome", "Selamat Datang Di Blog Ini", "Selamat Datang" dan "Enjoy Stay Here".

Kemudian saya berfikir lagi, bagaimana misalnya saya tidak ingin menggunakan text yang telah diciptkan tersebut..? Dan bagaimana caranya agar saya bisa menciptakan text yang akan saya ciptakan sendiri..? Dan akhirnya terbuka juga rahasianya, dan sayapun sekarang bisa membuat cursor yang diikuti text yang saya inginkan.

Jika sobat tertarik untuk menciptakan cursor dengan text sendiri, silahkan ikuti langkah-langkah berikut ini :

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='pingin belajar'.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

Saya sangat berterimakasih pada site "smekanfive" Pekanbaru yang telah memberi saya inspirasi dan akhirnya membuat saya berfikir bagaimana cara mengutak-atik script tersebut.

Selamat mencoba, semoga bermanfaat
Share this Article on :

7 komentar:

Rudi Notoningrat mengatakan...

info bagus tetapi menurut saya java script bisa bikin lelet sehingga blog kita susah di akses
http://www.rudinotoningrat.com
http://www.meragasukma.info

Ari Arif mengatakan...

http://centralvimaxaslioriginal.blogspot.com/

Ari Arif mengatakan...

http://agenperangsangpermenkaret.blogspot.com/2013/10/obat-perangsang-permen-karet-sex-love.html

Ari Arif mengatakan...

Www.klinikPembesarpenis.Com
Pusat Obat Kuat Sex Pria - Obat Alat Pembesar Penis - Alat Bantu Sex Pria Dan Wanita - Obat Pelangsing Badan Herbal, Dll...


Tersedia Juga :

Obat Kuat Sex Pria.
Obat Pembesar Penis.
Alat Pembesar Penis.
Minyak Pembesar Penis.
Alat Bantu Sex Pria.
Alat Bantu Sex Wanita.
Obat Pelangsing Badan.
Obat Penggemuk Badan.
Obat Penyubur Sperma.
Selaput Dara Buatan.
Pembesar Payudara.
Kesehatan Kecantikan.
Obat Pelangsing Tubuh ABC Acai Berry.

Kepuasan Customer Adalah Perioritas Bagi Kami, Terima Kasih
Selamat Berbelanja.

Bose Vimax mengatakan...

obat pembesar penisvimaxvimax aslivimax originalvimax canadaagen vimaxobat vimaxpembesar penisagen vimaxagen vimax aslivimaxvimax aslivimax originalvimax canadaalat pembesar penispembesar penisobat kuatobat pelangsing badanobat pembesar penisobat pengental spermaobat penggemuk badanobat penghapus tattoobat peninggi badanobat perangsang wanitapembesar payudaraalat bantu sex priaalat bantu sex wanitaobat pembesar penisvimaxobat pembesar penisvimaxobat pembesar penisvimaxobat pembesar penisvimax

Hardian Andi mengatakan...

Gabung bersama Club SEX Yoo
====> Club SEX Bebas Untuk Semua Usia

risqi shop mengatakan...

obat pasutri joos

OBAT KUAT SEX
OBAT PEMBESAR PENIS
OBAT PERANGSANG WANITA
ALAT BANTU SEX WANITA
ALAT BANTU SEX PRIA
OBAT KESEHATAN DAN KOSMETIK

Poskan Komentar

 

© Copyright belajar Ngeblog 2010 -2011 | Design by Herdiansyah Hamzah | Published by Borneo Templates | Powered by Blogger.com.