Cari Blog Ini
Mengenai Saya
My Best Friend
Arsip Blog
-
▼
2013
(179)
-
▼
Maret
(83)
- membuat daftar isi perlabel secara otomatis dan se...
- Cara Membuat Screenshoot Blog
- DISABLE KLIK KANAN PADA IMAGE TANPA SCRIPT
- Membuat gambar dengan efek bayangan
- BlogRoll Dan About me
- widget untuk mengetahui pengunjung yang on line
- Tips Supaya Diapprove Idblognetwork
- CARA PING BLOG AGAR BANYAK PENGUNJUNG
- Cara Membuat Background Efek pada Widget di Blog
- Membuat Slider Image Otomatis
- Cara Membuat Tab View Menu Tanpa Edit HTML di Blog...
- Apa yang Harus di Lakukan dengan Blog?
- Mengenal Apa itu Blog?
- How To Change Template Blog Updates
- How To Create A New Blog
- Cara Mempromosikan (Memasarkan) Produk / Usaha Di ...
- Mengatasi Duplikasi Deskripsi Meta | Tutorial Blog
- 6 penyebab pengunjung blog menurun
- 8 hal penting dalam mendesain blog/website
- tips menjadi blogger sukses
- Membuat Blog menjadi rumah iklan
- CARA MENAMBAH ELEMEN DI BAWAH HEADER
- kode warna blog
- Cara Membuat Fungsi Scroll pada Arsip Blog
- Cara Menggunakan Google Translate
- Cara Mengatasi Blog yang Redirect ke RIPWAY.
- cara merubah title blog menjadi title postingan
- cara membuat tab view
- cara memback up template blog
- akhirnya ganti template blog juja!!!
- tips mengedit html blogspot
- highlight pada script/code di postingan
- cara pasang flash di blog
- CARA MENGGANTI TANGGAL POST DENGAN ICON CALENDER
- CARA MENGGANTI "OLDER POST" DENGAN ANGKA
- cara menampilkan "POSTINGAN BERHUBUNGAN"
- Mematikan Klik Kanan pada Mouse
- istilah dalam blog yang perlu diketahui
- macam dan jenis blog
- Cara Membuat Search Engine di Blog dengan Mudah
- label blog dan pengoptimalanya
- cara membuat "LIHAT DAN SEMBUNYIKAN" komentar blog
- cara membuat popular post dengan efek grid tumbnail
- cara menampilkan recent comment disqus di blog
- cara membuat contact form di blog
- cara membuat background posting blog menjadi trans...
- ANIMATION SOCIAL SHARE SPRAYING
- CARA MEMBUAT MENU HORIZONTAL Untuk demo dari m...
- cara membagi header menjadi 2 kolom
- cara membagi postingan blog menjadi 2 kolom kiri d...
- cara membuat kotak pemberitahuan cantik
- Cara Membuat Efek Love Berjatuhan Di Blog
- Pemasangan Efek Bintang Jatuh Pada Cursor di Blogger
- Modifikasi Pages Facebook di Blog Agar Lebih Menarik
- cara pasang musik di blog
- CARA MEMBACKUP TEMPLATE,WIDGET DAN ARTIKEL
- CARA MEMPOSTINGKAN KODE HTML DI POSTINGAN BLOG
- CARA MENGGANTI FONT DAN WARNA TEMPLATE BLOG
- CARA PASANG AVATAR DI KOTAK KOMENTAR BLOG
- CARA MEMBUAT TITTLE BLOG DENGAN WAKTU
- CARA MEMBUAT LOGO DAN BANNER
- CARA MEMBUAT TEMPLATE BLOG ONLINE GRATIS
- CARA MEMBUAT READMORE ANIMASI
- CARA MEMASANG PASANG EMOTION KASKUS DI KOTAK KOMENTAR
- cara membuat search engine di blog
- CARA membuat kolom blogger login
- CARA membuat label animasi
- Membuat gambar dengan efek bayangan
- cara membuat LINK DOWNLOAD
- membuat teks terbalik
- Membuat Efek Kembang Api di Blog
- modifikasi blog agar kecepatan loading maksimal
- cara membuat kotak banner iklan di blog
- cara membuat tabel di blog
- cara mengganti tampilan kursor
- cara membuat teks bergelombang
- cara membuat tek terbalik
- cara membuatnavigasi "BACK " "FORWARD"
- cara membuat title animasi muncul satu persatu
- CARA MEMASANG EMOTION GEASEMONKEY DI KOTAK KOMENTA...
- cara memasang emotion EMO BOY DAN EMO GIRL DI KOTA...
- cara memasang emotion chat pada kotak komentar blog
- cara memasang emotion devil and angel di kotak kom...
-
▼
Maret
(83)
Diberdayakan oleh Blogger.
Label
- BISNIS ONLINE (5)
- Blogging (134)
- hacking (16)
- tips blog (21)
9 Mar 2013
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.://mbeiji.blogspot.com/
Buat sobat yang senang me-modifikasi blog nya dengan sesuatu yang beda dan unik mungkin perlu mencoba animasi yang satu ini. Cara membuatbintang 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
Langganan:
Posting Komentar
(Atom)
0 komentar:
Posting Komentar
anda sopan ,kami segan, Thank's for u coment