Langsung ke konten utama

Cara Tambah Gaya untuk kursor mouse di Blogger

1.Login ke dashboard blogger Anda -> Tata Letak> Elemen Halaman

2.Klik pada 'Tambah Gadget' di sidebar.

3.Pilih 'HTML / Javascript' dan tambahkan salah satu kode yang diberikan di bawah ini dan klik save.






 
<script language="javascript">

 // ENTER TEXT BELOW.  CAN *NOT* INCLUDE NORMAL HTML CODE.
 var text=' ENTER YOUR TEXT HERE.... ';

 var delay=40; // SPEED OF TRAIL
 var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)
 var Yoff=-30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)
 var txtw=14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
 var beghtml='<font color="#00436e"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.
 var endhtml='</b></font>'; // END HTML CODE.  MOSTLY USED IF ABOVE SETTING IS USED.

 //********** NO NEED TO EDIT BELOW HERE **********\\

 ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)?  true : false;
 ie4 = (document.all && !document.getElementById)?  true : false;
 ie5 = (document.all && document.getElementById)?  true : false;
 ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )?  true: false;
 var txtA=new Array();
 text=text.split('');
 var x1=0;
 var y1=-1000;
 var t='';

 for(i=1;i<=text.length;i++){
 t+=(ns4)?  '<layer left="0" top="-100" width="'+txtw+'" name="txt'+i+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
 t+=beghtml+text[i-1]+endhtml;
 t+=(ns4)?  '</layer>' : '</div>';
 }
 document.write(t);

 function moveid(id,x,y){
 if(ns4)id.moveTo(x,y);
 else{
 id.style.left=x+'px';
 id.style.top=y+'px';
 }}

 function animate(evt){
 x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
 y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
 }

 function getidleft(id){
 if(ns4)return id.left;
 else return parseInt(id.style.left);
 }

 function getidtop(id){
 if(ns4)return id.top;
 else return parseInt(id.style.top);
 }

 function getwindowwidth(){
 if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
 else return window.innerWidth+pageXOffset;
 }

 function movetxts(){
 for(i=text.length;i>1;i=i-1){
 if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
 moveid(txtA[i-1],0,-1000);
 moveid(txtA[i],0,-1000);
 }else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
 }
 moveid(txtA[1],x1,y1);
 }

 window.onload=function(){

 if(ns4)document.captureEvents(Event.MOUSEMOVE);
 document.onmousemove=animate;
 setInterval('movetxts()',delay);
 }
 </script> 





Anda selesai.Refresh situs Anda untuk melihat efek.
 
Style Mouse cursor

Komentar

Postingan populer dari blog ini

Cara Menghapus Komentar Blogger

Jika Anda ingin menghapus sebuah komentar, pertama pastikan bahwa Anda login ke account Blogger yang benar (administrator dari blog atau penulis komentar). Lalu pergi ke blog dan menemukan halaman mana komentar terdaftar.Kemudian ke komentar, Anda akan melihat ikon tempat sampah, seperti ini:

Forex

Apa itu Forex? Jika Anda pernah bepergian ke negara lain, biasanya Anda harus menemukan stan penukaran mata uang di bandara, dan kemudian menukar uang yang Anda miliki ke dalam mata uang negara yang Anda kunjungi. Anda pergi ke counter dan melihat layar menampilkan nilai tukar yang berbeda untuk mata uang yang berbeda. Anda menemukan “yen Jepang” dan berpikir , “WOW satu dolar saya! Senilai ¥ 100?! Dan aku punya sepuluh dolar! Aku akan menjadi kaya!” (Kegembiraan ini cepat hilang ketika Anda berhenti di sebuah toko di bandara untuk membeli sekaleng soda dan tiba-tiba setengah uang anda hilang.) Ketika Anda melakukan ini, Anda pada dasarnya sudah berpartisipasi dalam pasar forex! Anda telah menukar satu mata uang ke mata uang yang lain. Atau dalam istilah forex trading, dengan asumsi Andaorang Amerika mengunjungi Jepang, Anda telah menjual dolar dan membeli yen. Sebelum Anda terbang kembali ke rumah, Anda berhenti di stan pertukaran mata uang untuk menukar yen dan perhatikan nilai tuka...