Cara membuat Efek bintang jatuh pada Cursor di blog

By -
Cara membuat efek bintang jatuh dari cursor di blog, animasi bintang jatuh adalah sebuah animasi kursor yang berupa bintang bertaburan yang jatuh dari cursor atau mouse ketika digerakkan, hal ini sangat menarik untuk dipasang di sebuah blog atau website karena animasi nya yang indah dan unik sehingga akan menarik visitor blog untuk betah tinggal lama-lama untuk membaca blog sobat
Cara Buat Bintang Jatuh dari Kursor
Buat sobat yang senang me-modifikasi blog nya dengan sesuatu yang beda dan unik mungkin perlu mencoba animasi bintang jatuh yang satu ini. Cara membuat bintang jatuh ini juga tidak susah-susah amat dan sobat tidak perlu meng-edit kode yang ada di template, cukup hanya copy paste kode-kode yang akan saya berikan dibawah nanti ke edit html pada bagian add gadget dan juga untuk mengganti warna bintang nya pun sobat bisa rubah sesuai dengan warna background template blog sobat dengan bantuan Colorpic software, tertarik? silahkan ikuti tutorial blogger dibawah ini

Pemasangan Efek Bintang Jatuh Pada Cursor di Blogger

  • Login di Blogger
  • Pilih Design > Add gadget > HTML/Javascript
  • Masukkan kode dibawah ini ke kolom HTML/Javascript
<script type='text/javascript'>
// <![CDATA[
var colour="#52D8ED";
var sparkles=100;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
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;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>
Cari kode yang berwarna merah diatas dan gantilah sesuai dengan kode warna keinginan sobat
Terakhir simpan dan efek bintang jatuh dari cursor sudah dapat sobat lihat

Popular posts from this blog

Cara Mengatasi E31 Canon MP258

By -
Pengertian Error E 31 Penyakit ini tidak hanya di alami oleh mp 258 tapi bisa terjadi juga pada mp sejenisnya seperti MP 287 atau MP 237.  jenis error ini di sebabkan oleh port usb pada printer yang tidak beres. mengalami short atau sudah rusak parah. tanda yang muncul di komputer adalah USB not reorganized. printer untuk copy bisa akan tetapi untuk melakukan printing dari komputer ke Printer tidak dapat berjalan. Cara mengatasi USB not reorganized Hal yang perlu di lakukan untuk menangani masalah ini antara lain : 1. ganti kabel USB priter ke CPU bisa jadi kabel yang di gunakan sudah saatnya ganti. kemungkinana karena sering tertekuk atau tergulung berulang ulang sehingga kabel putus di dalam. ganti dngan yang baru. jika sudah cek di device and printer dan coba untuk print. 2. pindah ke PC lain. Jika cara pertama gagal maka coba untuk pindah di pc atau laptop lain. bisa saja komputer yang di pakai untuk mencoba mengalami error pada port usb. sebelum ...
Read more

Cara Mengukur Trimpot

By -
Image
Trimpot adalah sejenis resistor yang nilai hambatannya bisa dirubah dan karena sifatnya yang fleksibel sering dipergunakan sebagai media penahan dalam mengatur besarnya masukkan di dalam rangkaian elektronik. Dahulu kala trimpot menjadi komponen yang akan selalu ada di dalam rangkaian elektronik contoh di rangkaian penerima televisi dalam hal ini ada pada bagian pengaturan sistem vertikal dan horizontal serta level video output untuk ke CRT . Contoh gambarnya bisa dilihat dibawah ini : Sekarang mungkin sudah semakin jarang rangkaian penerima televisi menggunakan trimpot manual karena sudah tergantikan dengan sistem trimpot digital begitu pula pada rangkaian elektronik lain misalnya rangkaian penerimaan radio. Apabila ada mungkin hanya 1 buah biasanya berada pada bagian pengaturan tegangan output sistem power supply televisi dan satu contoh lagi ada pada bagian pengaturan frekuensi untuk sistem stereo radio Fm. Trimpot dengan potensio adalah hampir sama secara f...
Read more

Persamaan Transistor Amplifier

By -
Transistor di dalam amplifier biasanya mempunyai kode atau type yang berbeda-beda , karena memang menyesusaikan dengan model rangkaian serta voltase yang dipergunakan. Transistor memang mempunyai ketentuan sampai batas mana bisa bertahan dengan supply tegangan yang diterimanya. Dari sekian banyak type transistor yang biasa dipergunakan pada amplifier biasanya ada yang serupa/ sama atau model sepasang. Contoh model serupa adalah pada amplifier 60 Watt dimana menggunakan transistor 2SD313 sebanyak 2 buah untuk final versi mono , 4 buah untuk final versi stereo. Untuk versi sepasang ada pada amplifier OCL biasanya menggunakan transistor Tip 31 dan Tip 32 , ada kalanya kita menemui atau ingin mengganti transistor yang bersangkutan supaya amplifier bisa lebih kuat. Untuk ini bisa kita gunakan type persamaannya. Dari sekian banyak kita coba berikan beberapa yang kita tahu , diantaranya : 1 2SD313 -Tip 31- Tip 41-2SC2580-2SC2581-  2N3055 - 2SC2922 -MJ15003 2 2S...
Read more