Sponsors
Rabu, 13 November 2013
Membuat Background Blog Flashing Berubah Rubah Warna
Ini tulisan pertama ku sejak pertama tobat dari blogger copas, jadi masih agak kaku penulisannya karena lama ga membuat artikel.. jadi kurang dan salah kata mohon maaf ya sobat :)
Oke, kita akan belajar memasang script untuk membuat blog mu memiliki background flashing alias berubah warna tanpa henti, trik ini murni menggunakan Javascript jadi tidak akan memperlambat blog dan untuk mengerjakan tutorial ini kamu cuma perlu waktu 2 menit karena sangat mudah.
tutorial ini untuk membuat background blog kamu bisa berubah rubah warna secara lembut akan berubah warna dengan sendirinya dan tak berhenti henti.
Jadi, yang akan kita gunakan adalah code javascript tanpa gambar sehingga tidak membuat blog kamu jadi lebih lambat, contohnya bisa kamu lihat pada artikel ini, warnanya berubah rubah secara terus menerus.
1. login ke blogger.com
2. pilih rancangan dan edit HTML
3. pilih add gadget
4. pilih javascript
5. lalu kamu copy dan paste script berikut ini :
<script type="text/javascript">
var r=0; var g=0; var b=0; var flag=0; var t=[]; var o=[]; var d=[];
function hex(a,c) { var hexi = c.toString(16); t[a] = hexi.charAt(0); o[a] = hexi.charAt(1);}
function ran(a,c) { if ( (Math.random()>(2/3) || c==0) && c<255) { c++; d[a]=2; } else {
if ( (Math.random()<=(1/2) || c==255) && c>0) { c--; d[a]=1; } else d[a]=0; }
return c}
function do_it(a,c) { if ( (d[a]==2 && c<255) || c==0) { c++;
d[a]=2; } else { if ( (d[a]==1 && c>0) || c==255) { c--; d[a]=1; } }
if (a==3) { if (d[1]==0 && d[2]==0 && d[3]==0) flag=1; } return c}
function flash() { if (flag==0) { r=ran(1, r); g=ran(2, g); b=ran(3, b); hex(1,r); hex(2,g); hex(3,b); flag=50; } else { r=do_it(1, r); g=do_it(2,g); b=do_it(3,b);
hex(1,r); hex(2,g); hex(3,b); flag-- }
document.body.style.background="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]; setTimeout(flash(),50);}
window.onload = function() { flash();}
</script>
6. save
lihat tampilan blog mu sekarang sudah memiliki background yang berubah rubah warna.
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar