Jenis dan Cara Pemasangan Auto Refresh di Blogger

 

Mungkin saya atau anda pernah berkunjung kesebuah blog atau website di mana kita mendapati blog atau website yang sedang kita baca tersebut melakukan auto refresh/reload berulang-ulang dengan jangka waktu tertentu . Kita sudah dapat memastikan bahwa pemilik blog atau website tersebut memasang auto refresh/reload di templete blognya . Pemasangan auto refresh/reload ini banyak di maksudkan untuk meningkatkan pageview pada blog tersebut , auto refresh ini biasanya di pasang pada tag meta ini menguntungkan pemilik blog tentunya tapi mungkin akan sedikit mengganggu para pengunjung atau pembaca blog tersebut karena blog akan refresh/reload pada jangka waktu tertentu dimana kita sedang membaca blog tersebut.Tidak hanya itu tentunya bagi para pengguna internet yang memiliki bandwith terbatas ini akan sangat mengganggu karna mungkin blog yang sedang di bacanya , akan refresh secara otomatis namun tidak membuaka halaman secara sempurna karena kurangnya bandwith .

Dan adapun Jenis dan Cara Pemasangan Auto Refresh di Blogger adalah:

1. Log in Ke Blogger dasbor dengan account anda.
2. Pilih Opsi lainya >>> Pilih Templete >>>Back Up dulu Templete Anda.
3. Klik Edit HTML .
4. Pilih salah satu kode auto refresh di bawah ini dan letakan setelah kode </head> .

I# Refresh Otomatis dengan delay .

Ini memungkinkan blog kita akan refresh secara otomatis berdasarkan waktu atau rentang 300 detik atau 5 menit. Anda bisa menyesuaikannya dengan keinginan anda.

<meta http-equiv="refresh" content="300"/>

II# Refresh Otomatis ke web lain tanpa delay.

Ini bukan reload, tapi lebih kepada redirect atau reload ke domain lain. Sangat berguna bagi kia yang memiliki blog baru. dalam arti semua yang mengunjungi blog lama kita akan langsung ter-direct ke alamat blog baru kita.

<meta http-equiv="refresh" content="0;URL=http://bambangpage.blogspot.com" />

III# Refresh Otomatis ke web lain dengan delay .

Ini memungkinkan blog kita akan redirect ke blog lain dalam jangka waktu 10 detik .Fungsinya sama dengan jenis no II#.Namun yang membedakannya hanya penggunaan dan disertainya delay atau rentang waktu.

<meta http-equiv="refresh" content="10;URL=http://bambangpage.blogspot.com" />

IV# Refresh Otomatis Tanpa delay .

Ini memungkinkan blog kita akan refresh secara otomatis tanpa delay waktu dan sangat tidak di anjurkan.Mengapa tidak di anjurkan ? karena mungkin kita tidak akan bisa membaca isi blog yang menggunakan trik ini dimana blog akan refresh tanpa jangka waktu (kurang dari 1 seconds blog refresh).Tapi dengan trik ini anda bisa melipatgandakan pengunjung hingga puluhan sampai ratusan kali.Dan tentu saja tidak di anjurkan.

<meta http-equiv="Refresh" content="0" />

Trik diatas banyak di gunakan oleh para blogger (khususnya no I#) untuk meningkatkan pageview biasanyanya pada blog baru mereka . Dengan trik ini Anda bisa melipat gandakan pengunjung yang berasal dari 1 IP sama.

Selesai dan semoga bermanfaat..

Jika Anda Menyukai Artkel Seperti Di atas,Link back ke artikel ini dengan mengcopy salah satu kode di bawah ini

URL untuk Postingan:

http://bambangpage.blogspot.com/2013/04/Memasang-Auto-Refresh.html

HTML Link Code:

<a href="http://bambangpage.blogspot.com/2013/04/Memasang-Auto-Refresh.html">Jenis dan Cara Pemasangan Auto Refresh di Blogger</a>

BB (forum) link code:

[url=http://bambangpage.blogspot.com/2013/04/Memasang-Auto-Refresh.html]Jenis dan Cara Pemasangan Auto Refresh di Blogger[/url]


Read more

Cara Membuat Recent Post Berjalan di Blog

Recent Post Berjalan

Tutorial Blog | Belajar Blog | Tips Blog - Cara Membuat Recent Post Berjalan di Blog - Recent post atau dalam bahasa indonesianya posting terakhir atau artikel terkini adalah widget yang bisa sobat pasang di blog dengan tujuan memberikan informasi tentang postingan atau artikel terkini.

Recent post biasanya menampilkan sejumlah judul artikel yang belum lama sobat posting dalam deretan ke bawah dan tak jarang juga ada yang bergerak ( animasi ) ke bawah. 

 Kali ini saya akan kasih tahu bagaimana cara memasang recent post di blog. Sobat yang berminat silahkan ikuti tutorial berikut.

1. Log in ke akun blog sobat.
2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
3. Masukkan kode berikut ke dalam konten.

<style type="text/css">
    #rp_plus_img{height:377px;}
    #rp_plus_img li {height:60px;padding:5px;list-style:none;
    background-color:#ffffff;
    border:solid 1px #000000;}
    #rp_plus_img a{color:#00000;}
    #rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
    text-align:justify;
    -moz-border-radius: 5px;}
    #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}
    
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="https://sites.google.com/site/unwanted86/javascript/recentpost.js" type="text/javascript">
</script>
<script type="text/javascript">
    var speed = 1500;
    var pause = 3500;
    $(document).ready(function(){
    rpnewsticker();
    interval = setInterval(rpnewsticker, pause);
    });
    
</script>
<ul id="rp_plus_img"><script>
    var numposts = 5;
    var numchars = 0;
    
</script>     <script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script>     </ul>
<small><a href="http://tutorialbelajarblogger.blogspot.com/2013/01/cara-membuat-recent-post-berjalan-di.html" target="_blank">get this widget here</a></small>

4. Klik save dan lihat hasilnya.

Read more

Trik Membuat Monyet Ngumpet Di Blog

Trik Membuat Widget Monyet Ngumpet di Blog - Pernah jaan-jalan di blog orang, eh g sengaja nemu widget yang sesuatu banget, tuh kamu lihat ajah sendiri diatas gambarnya? sudah tau apa belum?

yah itu adalah "widget monyet ngintip" lucu, unyu-unyu banget dah...

ekekek

Nah bagi kamu yang mau pasang widget ini di blognya bisa pasang kodenya sebagai berikut :

1. Login ke akun blogger anda

2. Klik Template » Edit HTML » Lanjutkan » Centang Expand Template Widget
3. Cari kode </body>, lalu letakan kode dibawah ini tepat diatas kode tadi

<div id='namanyayoyo' style='position:fixed;bottom:50px;left:0;z-index:1'><embed bgcolor='#FFFFFF' height='125' id='mymovie' name='mymovie' quality='high' src='http://www.cute-factor.com/animation/yoyocici/yoyoduo.swf' style='' type='application/x-shockwave-flash' width='50' wmode='transparent'/></div>

contoh langsungnya ada dibawah neh,,lihat saja
coba kamu sorot kursornya ke arah nyemotnya, dia pasti terkejut dan langsung ngumpet...
hehehe
lucu bukan?

Read more

Cara Membuat Zombie Berjalan Di Blogger

Cara Membuat Zombie Berjalan Di Blog - Blogger semakin banyak dukungan penuh untuk mendapatkan pernak-pernik ataupun widget untuk menambah kesan menarik, keren ataupun bagus agar blog anda terlihat sedemikian menariknya, tapi ingat gunakan widget yang anda butuhkan agar tidak terlalu berat blog anda saat dibuka.

Nah kali ini saya mau share gimana agar zombie berjalan pada blog kita.
Langkahnya :
1. Login akun blogger anda.
2. Klik Template » Edit HTML » Lanjutkan » Centang  Expand Template Widget

3. Cari kode </body>, lalu pastekan kode zombie dibawah ini yang kalian suka diatas kode yang telah dicari tadi.

Zombie 1

<marquee direction='right' scrolldelay='160' style='position:fixed; bottom:10px; left:0; width:100%;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKbySymp7Zt524eq5no8WEfTzHJtzNuQ3KmvQTidXX7Z0H2ILTiVom6GimDI0c7GjqHWeTMWdyldKIQFzyGUZsnA-N93vFJscFELv23MZmbXNweOz8IBAZTpb-yjpqOgk0fhqxPihuyzs/s120/zombie-1.gif' tyle="border:0; background:none; padding:0; box-shadow: none;"/></marquee>

Zombie 2

<marquee direction='right' scrolldelay='160' style='position:fixed; bottom:10px; left:0; width:100%;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifBAku8ikzMnPkyIoZqgUXu7JpFdt73fR_mkuCiQETRV79fmKMy3y5JAn3K6ZwPiBOvITm-PomNaqHUefNuD-HaPbKoekHjqb2wzoYX4Y7c4RCvfCeDjWnEogW7VS6CX7X59AW6M_jo5w/s100/zombie-2.gif' style='border:0; background:none; padding:0; box-shadow: none; width:80px;'/></marquee>

Zombie 3

<marquee direction='right' scrolldelay='160' style='position:fixed; bottom:10px; left:0; width:100%;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCLb0Qv6_1GlsLKlfiSZRSGnvLG4TikhCee2e4uwT5OAgUNo46bzM_v4TQi73Bh7xiQuL5-hZWcDkHTwTvlthPIkUxqXNnwlWud8AWN5GRfqVj3NI8h5gpLV-qG79DMibi7KRX70CWVAI/s117/zombie-3.gif' style='border:0; background:none; padding:0; box-shadow: none;'/></marquee>

Zombie 4

<marquee direction='right' scrolldelay='160' style='position:fixed; bottom:10px; left:0; width:100%;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOJHOJR90ulkMkVY_lCYAm_QTmZSllg2luSV4uYi-0YGUx2DO68ILJGml0c21xNs7DLlyBvdlh3CSj94Aqm3xKD4PIp4RzZ37erAN8m1EEtGH_6I1RsbwimCxCt4wojKcvlz2s5St0EEU/s138/zombie-4.gif' style='border:0; background:none; padding:0; box-shadow: none; width:80px;'/></marquee>

Zombie 5

<marquee direction='right' scrolldelay='260' style='position:fixed; bottom:10px; left:0; width:100%;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNUcY4L06eRNAaqxJsaH-hXGgpSfbS-QzkgVgzgypOWlIc-YwdT2vfGNgBlFiEnPCsOjKsM3VuMp20q1MAC-bBSDXA_mXoHnSCojfq0ruRy1MhL9_CCu0flYWzRpaQc3IDSmfFDSVPtwk/s148/zombie-5.gif' style='border:0; background:none; padding:0; box-shadow: none; width:70px;'/></marquee>

Keterangan :
direction='right' : untuk arah zombie berjalan dari kiri ke kanan.
scrolldelay='260' : kecepatan berjalan zombie
bottom:10px; left:0; width:100%; : letak zombie pada layar monitor

Read more

Yahoo messenger emoticons (smiley) di blogger

         Cara membuat/memasang Yahoo! messenger emoticons di kotak komentar Blogger, YM emoticons adalah kumpulan smileys / ikon yang dimiliki oleh yahoo untuk menggambarkan atau mengekspresikan suasana perasaan kita pada saat kita chat sama teman-teman kita, ikon tersebut bisa dalam bentuk gambar yang bergerak maupun tidak, mungkin dari sobat blogger sudah tidak asing lagi dengan emoticons ini bukan? Yahoo emoticons ini bisa kita lihat pada software Yahoo messenger, bagi yang belum punya software YM bisa di download di situsnya Yahoo! biasanya sih online installer sama seperti aplikasi Windows Live Writer saat di-instal minta koneksi internet tapi yang full installer juga ada kok tinggal search aja di mbah Google

 

 

Cara Memasang Yahoo Messenger Emoticons di Kotak Komentar Blogger

Secara default kotak komentar (form comment) Blogger platform tidak dilengkapi dengan emoticons, tapi sobat jangan khawatir dengan sedikit tips dan trik kita bisa mengakalinya dengan memasang dan menambahkan sedikit script yang berisi beberapa kumpulan Yahoo messenger emoticons yang umum dipakai dalam chat.

Langkah-langkahnya adalah :

• Login di Blogger > Template > Edit HTML
• Centang pada Expand Widget Templates
• Cari kode dibawah ini

-----------------------------------------------------------

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>

-----------------------------------------------------------

 

Copy kode dibawah ini kemudian letakkan (paste) diantara kode diatas

---------------------------------------------------------------------------------------------------------------

<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #2b2b2b; padding: 5px; height:86'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))
</b>
</div>

---------------------------------------------------------------------------------------------------------------

Kemudian cari kode </body>

Copy kode dibawah ini dan paste tepat diatas kode </body>

--------------------------------------------------------------------------------------------------

<script src="http://muhammadtasa.googlecode.com/files/smiley.js" type="text/javascript"/><noscript><a href="http://bloggerpeer.blogspot.com" target="_blank"><span style="font-size: x-small;">Add Smilies</span></a></noscript>

--------------------------------------------------------------------------------------------------

Terakhir simpan dan sobat sudah bisa menggunakan emoticon dari Yahoo ini.

Read more

Cara Membuat Tombol Back To Top

Cara membuat/memasang tombol back to top/go top di blogger, tombol back to top adalah sebuah tombol yang berfungsi untuk membuat/mempercepat scrolling dari bawah keatas di sebuah web page ataupun blog page sehingga akan mempermudah reader ataupun visitor untuk kembali´pada bagian atas dari blog/website dengan cepat ketika berada dibagian bawah halaman dengan hanya sekali klik pada tombol back to top tersebut. Sebagai contoh sobat bisa melihat pada bagian kanan bawah dari blog saya ini

 

Fitur back to top yang kita buat/bahas sekarang ini adalah fitur tombol back to top menggunakan jQuery. Efek jQuery ini sedikit lebih lembut dan smooth daripada efek javascript lainnya seperti pada animasi bintang jatuh dari kursor yang menggunakan javascript biasa. Kelebihan nya juga adalah efek back to top ini sangat ringan ketika di loading dan sangat cocok digunakan didalam blog tentunya bagi yang suka me-modifikasi blog-nya dengan sesuatu yang unik, indah dan bermanfaat. Untuk membuat nya silahkan ikuti tips & tricks blogger berikut.

Cara Membuat/Memasang Tombol Back To Top Dengan jQuery di Blogger

 

• Silahkan login di Blogger
• Pilih Template > Edit HTML > klik Expand Widget Template
• Cari kode </body>  (gunakan CTRL+F)
• Copy kode dibawah ini dan Paste tepat diatas kode </body>  (jika kode dibawah sudah ada di template sobat, kode dibawah tidak usah dipasang lagi) 

 --------------------------------------------------------------------------------------------------
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
---------------------------------------------------------------------------------------------------

• Kemudian Copy lagi kode dibawah ini dan kemudian Paste tepat dibawah kode diatas

-------------------------------------------------------------------------------------------------------
<script src='http://bloggerpeer.googlecode.com/files/backtotop.js' type='text/javascript'/>
<!-- Back to top designed by Blogger Peer - bloggerpeer.blogspot.com -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy_D0hulfkf9PxvAyPabH7yfO3_sKPRyvoT4LVGXF78C6MoY2fZU5bYuOlnzoUIifV1CgsbPX4BjiHEGByXaeRizJC-nOvYnhgGyaO-IGxRZPansN0_plyamLC-M1aMfJhPezHCw9ZjMA/s1600/back-to-top.gif'/></a>
--------------------------------------------------------------------------------------------------------


Terakhir simpan template sobat dan tombol back to top sudah bisa dipakai 

Read more

Cara Buat Bintang Jatuh Dari Krusor

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

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

Mudahkan ?
sekian terimakasih

Muhammad Tasa Firdausi Nuzula

Read more