JavaScript for Bloggers
Kumpulan beberapa kode HTML dan Javascript hasil blogwalking kemudian saya rangkum pada postingan artikel di MonosBit, yaaa barangkali ada tertarik buat digunakan di blog atau website sobat. Beberapa kode HTML dan Javascript sudah diberi keterangan untuk cara pemasangan serta contoh dari penggunaanya. Oke sob... tinggal copy-paste aja deh, jangan lupa komentarnya yaa.
Background Effect
- Script Efek Daun Berguguran
<script src="http://sites.google.com/site/monosbit/monosbit_daungugur.js"></script>
Taruh script ini dibawah <body> pada kode HTML Template blog atau bisa juga dipasang di kotak postingan gadget sebagai widget blog. - Script Efek Faling Love Heart
<script src="http://sites.google.com/site/monosbit/monosbit_LoveHeart.js"></script>
Taruh script ini dibawah <body> pada kode HTML Template blog atau bisa juga dipasang di kotak postingan gadget sebagai widget blog. - Script Efek Color Star
<script src="http://sites.google.com/site/monosbit/monosbit_ColoredStars.js"></script>
Taruh script ini dibawah <body> pada kode HTML Template blog atau bisa juga dipasang di kotak postingan gadget sebagai widget blog. - Script Efek Salju Kecil
<script src="http://sites.google.com/site/monosbit/monosbit_snow.js"></script>
Taruh script ini dibawah <body> pada kode HTML Template blog atau bisa juga dipasang di kotak postingan gadget sebagai widget blog. - Script Efek Salju Besar
<script src="http://sites.google.com/site/monosbit/monosbit_snowstorm.js"></script>
Taruh script ini dibawah <body> pada kode HTML Template blog atau bisa juga dipasang di kotak postingan gadget sebagai widget blog.
Cursor Effect
- Script Efek Bintang
<script src="http://sites.google.com/site/monosbit/monosbit_bintang.js"></script>
Script ini menampilkan efek bintang berjatuhan pada saat mouse digerakan di halaman blog atau website. Taruh script ini dibawah<body> pada kode HTML Template blog atau bisa juga dipasang di kotak postingan gadget sebagai widget blog. - Script Efek Pelangi Pada Mouseover Teks Link
<script src="http://sites.google.com/site/monosbit/monosbit_rainbow.js"></script>
Contoh :
[ Dekatkan Mouse Pada Teks Ini ]
Cara Penggunaan Script :
<a href="link.html" onmouseover="doRainbow(this);"onmouseout="stopRainbow();">Test Program</a>
Perhatikan kode yang berwarna biru, taruh kode tersebut pada teks link yang ingin dibuat efek pelangi.Taruh script ini dibawah <body> pada kode HTML Template blog atau bisa juga dipasang di kotak postingan gadget sebagai widget blog.
Welcome Alert
- Teks Alert Saat Masuk Blog
<script>window.onload=alert('SELAMAT DATANG Jangan lupa isi Buku Tamu ya!!!');</script>Taruh script ini dibawah <body> pada kode HTML Template blog atau bisa juga dipasang di kotak postingan gadget sebagai widget blog. - Text Alert Saat Mau keluar Blog
<script type="text/javascript">window.onbeforeunload = function() {return "Sampai Jumpa Lagi !";};</script>Taruh script ini di bawah <body> pada kode HTML Template blog atau bisa juga di kotak postingan gadget blog. - Teks alert pada Link (saat link di-klik maka akan ada peringatan muncul)
onclick="alert('Siapa...silahkan masuk'); return true"Taruh script ini didalam tag <a>Link</a> pada kode HTML atau pada tag HTML lain yang ingin diberi efek peringatan ketika akan di-klik.
Contoh :
<a href="http://monosbit.blogspot.com"onclick="alert('Siapa...silahkan masuk'); return true">JUDUL LINK</a>
Marquee Effect (Efek Teks Berjalan)
- Teks jalan dari kanan ke kiri
<marquee bgcolor="red" direction="left" scrolldelay="50">Kata2 anda disini</marquee>
- Teks jalan bolak balik
<marquee bgcolor="red" behavior="alternate" scrolldelay="50">Kata2 anda disini</marquee>
- direction :- direction="left" (Arah dari Kanan ke Kiri)
- direction="right" (Arah dari Kiri ke Kanan)
- direction="up" (Arah dari Bawah ke Atas)
- direction="down" (Arah dari Atas ke Bawah)
- scrolldelay (Kecepatan gerak teks)
- behavior (Gerakan teks)
SEMOGA BERMANFAAT YA
Author AlfianHackCYber
0 komentar:
Posting Komentar