Kumplan Efek Kursor

   Membuat blog menjadi menarik memang suatu hal yang wajib agar memberi keindahan pada blog. saya akan memberi tips untuk mempercantik blog kalian, tips ini adalah memberi efek pada kursor. silahkan langsung dipraktekkan ya. untuk contoh boleh dilihat pada kursor blog saya ini. script yang saya gunakan adalah javascript yang saya dapat dari teman.
mari kalian langsung lakukan langkah-langkah berikut:

1. masuk ke blogger, kemudia pada dashboar pilih tata letak.
2. setelah itu pilih elemen laman kemudian klik tambah gadget.
3. kemudian pilih html/javascript.
4. buat judul.
5.masukkan script di kolom konten.
6.simpan, dan lihat hasilnya.

pilih script dibawah ini sesuai dengan keinginan kalian, kalian dapat memilih warna dengan script dibawah ini, silahkan pilih salah satu dengan meng-copy isi script kemudian paste pada kolom konten.

BINTANG:

Bintang biru
<script src="http://sites.google.com/site/zyztem33/js/black_star.js" type="text/javascript"></script>


Bintang hijau
<script src="http://sites.google.com/site/zyztem33/js/green_star.js" type="text/javascript"></script>


Bintang merah
<script src="http://sites.google.com/site/zyztem33/js/red_star.js" type="text/javascript"></script>


Bintang putih
<script src="http://sites.google.com/site/zyztem33/js/white_star.js" type="text/javascript"></script>


Bintang ungu
 <script src="http://denisahlan.netau.net/bintang.ungu.js" type="text/javascript"></script> 


Bintang hitam
<script src="http://sites.google.com/site/zyztem33/js/black_star.js" type="text/javascript"></script>


Bintang kuning

<script src="http://sites.google.com/site/zyztem33/js/yellow_star.js" type="text/javascript"></script>

BUBBLE


Berikut Kode Membuat Efek Bubble Pada Kursor Pada Blog nya
<noscript></noscript><!– –><script type=”text/javascript” src=”http://www.freewebs.com/p.js”></script><script type=”text/javascript”>
// <![CDATA[
var colours=new Array("#F781BE", "#F781BE", "#F781BE", "#F781BE", "#F781BE"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=100; // maximum number of bubbles on screen
 var x=ox=400;

var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();
window.onload=function() { if (document.getElementById) {
var rats, div;
for (var i=0; i<bubbles; i++) {
rats=createDiv("3px", "3px");
rats.style.visibility="hidden";
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight=”1px solid “+colours[1];
div=createDiv(“auto”, “auto”);
rats.appendChild(div);
div=div.style;
div.top=”0px”;
div.left=”1px”;
div.right=”1px”;
div.bottom=”0px”
div.borderTop=”1px solid “+colours[0];
div.borderBottom=”1px solid “+colours[2];
div=createDiv(“auto”, “auto”);
rats.appendChild(div);
div=div.style;
div.left=”1px”;
div.right=”1px”;
div.bottom=”1px”;
div.top=”1px”;
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter=”alpha(opacity=50)”;
document.body.appendChild(rats);
bubb[i]=rats.style;
}
set_scroll();
set_width();
bubble();
}}
function bubble() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+”px”;
bubb[c].top=(bubby[c]=y)+”px”;
bubb[c].width=”3px”;
bubb[c].height=”3px”
bubb[c].visibility=”visible”;
bubbs[c]=3;
break;
}
}
for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout(“bubble()”, 40);
}
function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+”px”;
bubb[i].height=bubbs[i]+”px”;
}
bubb[i].top=bubby[i]+”px”;
bubb[i].left=bubbx[i]+”px”;
}
else {
bubb[i].visibility=”hidden”;
bubby[i]=0;
return;
}
}
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sleft;
x=(e)?e.pageX:event.x+sdown; }
window.onresize=set_width;
function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)==”number”) {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600;
}
}
window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)==”number”) {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
function createDiv(height, width) {
var div=document.createElement(“div”);
div.style.position=”absolute”;
div.style.height=height;
div.style.width=width;
div.style.overflow=”hidden”;
return (div);
}
// ]]>
</script>
pemberitahuan : 


  • Kode yang berwarna merah adalah warna Bubble silahkan sobat ganti dengan warna kesukaan sobat.
  • Kode yang berwarna biru adalah jumlah Bubble yang akan kita pasang. Sobat boleh menggantinya mau seberapa banyak Bubble yang akan di tampilkan

setelah kalian masukan salah satu script diatas pada gadget html/javascript jangan lupa di simpan dan lihatlah hasilnya. semoga bermanfaat. dan saya ucapkan terima kasih untuk teman saya semoga berhasil. jika ada pertanyaan, saran dan kritik silahkan diisi pada kolon komentar.
Share:

Related Posts:

Tidak ada komentar:

Posting Komentar

Kirimlah Komentar Sesuai Dengan Topik

Kuplay Protector

Popular Posts

Number of Visitors

187128
Kuplay Comunity & Club. Diberdayakan oleh Blogger.

Blog Archive

Kuplay Translator

Recent Posts

Unordered List

  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Aliquam tincidunt mauris eu risus.
  • Vestibulum auctor dapibus neque.

Pages

Theme Support

Need our help to upload or customize this blogger template? Contact me with details about the theme customization you need.