Showing posts with label Script. Show all posts
Showing posts with label Script. Show all posts

Membuat Animasi Bintang Jatuh

        Hello brow?,,  sekarang gue akan ng-share nih..  Caranya buat animasi bintang jatuh pada blog.
langkah"nya nie:
1. Masuk dulu ke blogger
2. Pilih Rancangan
3. Elemen Laman
4. Tambah gadget
5. pilih HTML/JavaScript
6. Copy script di bawah ini:

<div class='widget HTML' id='HTML2'>
<div class='widget-content'>
<script src="http://imtikhan.googlecode.com/files/bintang_merah.js"></script>
</div>

Note: Untuk tulisan yang warna merah ntu bisa loe ganti sesuai dengan warna sesuka loe. seperi:merah, kuning, hijau, Dll.

Sekian postingan gue kali ini.  Terima kasih....

-=Semoga Bermanfaat=-

Membuat Pesan Pembuka dan Penutup pada Blog

        Hay sobat pada postingan kali ini saya akan memberikan trik untuk membuat pesan pembuka dan penutup pada blog kita. Artinya, apabila ada pengunjung yang masuk dan keluar dari blog kita, maka akan terbuka sebuah pesan yang isinya misalnya “Welcome to my website”

Langsung saja, kita ke TKP.

- Masuk ke akun Blogger anda,
- Layout-Edit HTML
- Pada bagian atas cari kode <head>dan masukan script berikut ini dibawahnya ;

Untuk pesan pembuka saja:
<script language='JavaScript'>alert(&quot;Hay?,, Welcome To IsindoDib's Website&quot;);</script>
Untuk pesan pembuka lalu pengunjung akan disuruh untuk memasukkan nama:
<SCRIPT quality='high' type='text/javascript'>
var name = prompt(&quot;Welcome To IsindoDib's Website&quot;, &quot;your name here &quot;);
alert (&quot;welcome to www.istindodib.com I recommend you use Mozilla Firefox browser. &quot;)
//
alert (&quot;I hope you wait until all loading is complete. So that you can enjoy the entire contents of my blog. Be patient ... &quot;)
//
alert (&quot;Enjoy it....!!!!&quot;)
//<![CDATA[//]]>
</SCRIPT>
Untuk pesan penutupnya:
<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert(&#39;Hay.... where are you going! He .. he .. he .. O ya, thank you for visiting!! Next time if there is free time do not forget to play here again ya ..! &#39;);
}
parent.window.onunload=goodbye;
</script>
Nie untuk pesan pembuka dan penutup tapi nanti akan ada animasi sedikit, nie jga gabungan dari script yang di atas tadi:
<SCRIPT quality='high' type='text/javascript'>
var name = prompt("Welcome To IsindoDib's Websitee", "your name here ");
alert("Hi ya "+name)
//
alert ("welcome to gadgeed.blogspot.com We recommend you use Mozilla Firefox browser. ")
//
alert ("I hope you wait until all loading is complete. So that you can enjoy the entire contents of my blog. Be patient ... ")
//
alert ("Sorry a little bit slow, please wait and sit back. ")
//<![CDATA[
scrW=screen.availWidth
scrH=screen.availHeight
for(a=100;a<80;a++){
window.moveTo(scrW/1,0)
window.resizeTo(0,scrH*a/50)
}
for(a=0;a<80;a++){
window.moveTo(0,scrH/1)
window.resizeTo(0,scrH*a/50)
}
for(y=0;y<80;y++){
window.resizeTo(scrW*y/80,scrH)
}
for(a=0;a<80;a++){
window.moveTo(0,0)
window.resizeTo(0,scrH*a/50)
}
for(b=0;b<80;b++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*b/50,0)
}
for(c=0;c<80;c++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(0,scrH*c/50)
}
for(d=0;d<80;d++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*d/50,0)
}
for(e=0;e<80;e++){
window.resizeTo(scrW*e/50,scrH*e/50)
}
for(e=0;e<80;e++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*e/50,scrH*e/50)
}
for(e=0;e<80;e++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(scrW*e/50,scrH*e/50)
}
for(e=0;e<80;e++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*e/50,scrH*e/50)
}
for(e=0;e<80;e++){
window.moveTo(scrW/1,0)
window.moveTo(scrW/1,scrH/1)
window.moveTo(0,scrH/1)
window.moveTo(0,0)
window.resizeTo(scrW*e/50,scrH*e/50)
}
//]]>
//
alert ("Sorry that the 2nd is still a bit slow, we hope you are not angry. Remain seated while drinking sweet coffee or smoking. Or while snacking, also may. Hihihi ... Ehmm .. may be useful later you click Maximize. OK? ")
// goodbye alert
function goodbye(){
alert('Hay.... where are you going! He .. he .. he .. O ya, thank you for visiting!! Next time if there is free time do not forget to play here again ya ..!');
}
parent.window.onunload=goodbye;
//<![CDATA[
//]]>
//<![CDATA[
//]]>
</SCRIPT>

Note: Untuk script yang berwarna biru bisa sobat ganti dengan yang sobat" inginkan

                                                    ..........Selamat Mencoba........
                                                              "Semoga Berhasil"



Membuat Title Blog Berjalan

        Kalau loe bosan dengan title blog yang standar, loe bisa mengganti atau mengubahnya jadi berjalan seperti ini.
Welcome To My Website

        Kalau di blog, tu menggunakan tag Marquee. Untuk membuat title berjalan nie gue menggunakan java script.  Caranya cukup mudah kok. Tinggal Copy & Paste ajah. 

  1. Pergi ke www.blogger.com, login seperti biasa

  2. Buka layout –> Edit HTML

  3. Kemudian beri tanda check pada Expand Widget Templates.

  4. Copy JavaScript berikut dan Letakkan JavaScript nie dibawah </head> atau di atas </body>

  5. Setelah tu simpan template


<script type='text/javascript'>

//<![CDATA[



msg = "JUDUL BLOG";

msg = "PESAN/text yang ingin ditampilkan" + msg;pos = 0;

function scrollMSG() {

document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;

if (pos > msg.length) pos = 0

window.setTimeout("scrollMSG()",130);

}

scrollMSG();

//]]>

</script>

 
Note: Untuk angka yang berwarna biru bisa di ubah juga, itu adalah kecepatan berjalannya title tersebut, semakin 

kecil semakin cepat.

Cara Membuat Animasi Bintang Bertaburan Pada Kursor

        Membuat kursor dengan efek bertaburan bintang pada saat kursor di gerakan tidaklah sulit, karena kita hanya menambahkan gadget html/script saja
contohnya seperti yang sobat liat pada blog ini, langsung aja dech.....
Cara nya :
1. Masuk ke blogger, kemudian pada dasbor pilih RANCANGAN
2. Setelah itu pilih ELEMEN LAMAN kemudian klik TAMBAH GADGET
3. kemudian pilih HTML/JAVA SCRIPT dan masukan script dibawah ini.

        Pilih script dibawah ini yang sesuai dengan keinginan, kamoe dapat memilih warna bintang yang akan keluar nanti, silahkan pilih salah satu script kemudian masukan pada gadget html.javascript nya

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

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


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

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

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

Setelah itu simpan dan lihatlah hasilnya..
..............Good Luck............

...U.P.D.A.T.E...


        Mohon maaf bila ada kegagalan pada Script di atas. Apabila Script di atas tidak memberikan Efek / Gagal, silahkan ganti dengan Script di bawah :
Blog Ini sedang menggunakan Script di bawah dan Alhamdulillah BERHASIL.

 Bintang merah
<script src="http://imtikhan.googlecode.com/files/red_star.js" type="text/javascript"></script>
 Bintang biru
<script src="http://imtikhan.googlecode.com/files/blue_star.js" type="text/javascript"></script>
 Bintang hijau
<script src="http://imtikhan.googlecode.com/files/green_star.js" type="text/javascript"></script>
 Bintang putih
<script src="http://imtikhan.googlecode.com/files/white_star.js" type="text/javascript"></script> 
 Bintang Hitam
<script src="http://imtikhan.googlecode.com/files/black_star.js" type="text/javascript"></script>