Kumpulan JavaScript Unik Untuk Blog

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.
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 AlertTeks Alert Saat Masuk Blog

<script>window.onload=alert('SELAMAT DATANG Jangan lupa isi Buku Tamu ya!!!');</script>

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
  Kata2 anda disini
  
  <marquee bgcolor="red" direction="left" scrolldelay="50">Kata2 anda disini</marquee>
  
  Teks jalan bolak balik
  Kata2 anda disini
  
  <marquee bgcolor="red" behavior="alternate" scrolldelay="50">Kata2 anda disini</marquee>
- - direction :
  - bgcolor (Warna latar belakang teks)
  - scrolldelay (Kecepatan gerak teks)
  - behavior (Gerakan teks
  Copyrights Script
  
  Script Anti Copy-Paste
  
  Taruh script ini diatas </Head>
  
  Me-Nonaktifkan Klik Kanan
  
  Taruh script ini diatas </Head>
  
  Title Bar Effect
  
  Efek Teks Berganti
  
  Taruh script ini diatas </Head>
  
  Efek Teks Berkelanjutan
  
  Taruh script ini diatas </Head>
  
  Link Hover
  
  Script Link Bekerlip
  Taruh script ini diatas </Head>
  
  Contoh : [ Dekatkan Mouse Pada Teks Ini ]
  
  Pilihan Gambar Blink :
  
  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMzfawU2bQYLOoExJrlCAX-HnF5jNbBaqg2vQh4K4FmAUYVN3B77qxjPkRghemx11VLsvLQ3BEbQifcUGAi1YZ6CZbRd2nHDwVyXSexKRC07P1wMg9_4FJLHwzEzdkQ2QpNIh6QNHYkaU/s1600/BlinkStar.gif
  
  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqIcXdxkO5vNa-qjgBt1Fj6hlHBDCGXwS_g89AOT2OCeOSbWBSIM4xY4poQDUN8CtIOreDZJIblGQt9hPTl0atMnJAitQTcRLs2U9tUwIhpuveWesmYapS8lMreWaGeIv3Z_DUijF9H2s/s1600/str4.gif
  
  Miscelenous
  
  Script Google Translate
  
  Contoh :
  
  Select Language▼
  
  Animated Window Opener
  
  Cara Penggunaan:
  Gunakan kode onclick="openwindow('URL Tujuan')" pada setiap elemen HTML link yang ingin dibuka dengan efek animasi ini. Ganti URL Tujuan dengan link URL yang ingin dituju.
  
  Script Ucapan Selamat Sesuai Waktu
  
  Taruh script ini diatas </Head>
  
  Script Mouse Hover Berganti Gambar
  Taruh script ini pada tag img
  Contoh :
  Dekatkan kursor pada gambar >>
  
  Kode HTML :
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg32cJh4ZLtvNjNHyAR3HAo27iTPu6l-trYg6fVfUQWXqhsgB14MLMfHGYX_Frm4gXZ7OSNhAKfde7FdZYEfskP-JbtbyKK5KtHWslxdAY0bzuJGIfvj1V-jGAhL0fyizphBSVM6Sdf7742/s1600/Minion-Hello-icon.png" onMouseOver="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAatt8p9vIoFYgh4KQb_AfVvfqfV6PLAiBYLxpc44sveKIfQJbUXZtXZWpU44gZWfxZiWOk8K2MlFo5KjFnqBCItsJMJA3zGmF0r-u1fL2iZ5JUrTUQPdQKyOtRN4zSzVSoehL26-oQWr5/s1600/Minion-Kungfu-icon.png'" onMouseOut="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg32cJh4ZLtvNjNHyAR3HAo27iTPu6l-trYg6fVfUQWXqhsgB14MLMfHGYX_Frm4gXZ7OSNhAKfde7FdZYEfskP-JbtbyKK5KtHWslxdAY0bzuJGIfvj1V-jGAhL0fyizphBSVM6Sdf7742/s1600/Minion-Hello-icon.png'"/>
  
  Script Redirect Ctrl+U Button
  Script ini berfungsi untuk mengarahkan pengunjung blog ke suatu halaman blog apabila pengunjung menekan tombol keyboard CTRL + U, kombinasi tombol ini pada browser berfungsi untuk melihat kode sumber HTML blog atau website. Salah satu trik untuk mematikan fungsi kombinasi tombol ini yaitu menggunakan script berikut ini.
  
  Contoh :
  Coba tekan tombol keyboard Ctrl + U pada keyboard sobat, setelah ditekan sobat akan diarahkan ke halaman kontak monosbit. Apabila tidak menggunakan script ini sobat akan melihat kode sumber HTML blog monosbit. Untuk bisa membedakannya coba buka halaman situs lain kemudian tekan tombol keyboard Ctrl + U.
  
  Silakan sobat ganti URL http://monosbit.blogspot.co.id/p/blog-page.html dengan link URL yang sobat inginkan.
  
  .: Semoga Bermanfaat :.

;'

Kumpulan JavaScript Unik Untuk Blog

Share this