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

Hantu Di Kampus Kami

Meskipun kecil, sekolah saya adalah yang tertua dan paling terkenal di kota saya. Sekolahku hanya memiliki populasi 300 siswa dan 25 fakultas dan staf anggota, itu bahwa itu bukan sebuah sekolah besar, tetapi hanya sedikit orang mampu untuk menyekolahkan anaknya di sini. Bangunan ini sangat tua tetapi juga sangat elegan. Sepertinya sebuah rumah tahun 1800, dengan taman yang indah di depan dan barisan pohon cemara dari gerbang ke gedung. Sekolah ini juga berhantu. Meski dilarang, sebagian dari guru sering mencerikan kisah sekolah berhantu kepada kami . Pak Eddie mengatakan kepada kami beg ini: " Saat i tu adalah minggu ujian, dan saya bekerja terlambat untuk mencetak semua kertas tes ,kerjaan saya berakhir sekitar tengah malam.. Saat aku berjalan keluar dari kantor, saya dikejutkan oleh seorang anak kecil berjalan melewati saya. Saya pikir itu adalah salah satu siswa kami , jadi saya mengejarnya Dia berhenti di tingkat kelas empat . Dia menatapku dan memberiku seringai , ak...

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: