Kumpulan Kode JavaScript Siap Pakai Untuk Blog

blogger templates
1. Menonaktifkan Klik Kanan Pada Mouse
Tambah kode javascript dibawah ini pada dokumen HTML anda :
<body oncontextmenu=’return false;’>
Sekedar tambahan, selain fungsi oncontextmenu ada juga fungsi lain yang sering digunakan yaitu onkeydown, onclick, dan onmousedown. Silahkan dicoba dan di otak-atik sendiri untuk mengetahui masing-masing fungsi tersebut.
2. Script untuk mencegah tindakan copy paste
Apabila anda menginginkan website anda terlindungi dari tindakan copy paste konten atau sekedar ingin mencegah seseorang agar tidak mudah melihat source html dari website anda. Berikut source kodenya:
<script language=”JavaScript”>
var message=”Maaf, gak boleh klik kanan sob!!”;
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function(“alert(message);return false”)
Bila ada seseorang yang mengakses website anda, akan tampil kotak peringatan saat mouse di klik kanan yang menampilkan alert box “Maaf, gak boleh klik kanan sob!!” .
3. Menampilkan PopUp Window
PopUp Window banyak di gunakan situs-situs advertiser sepeti z*d guna menampilkan keterangan iklanya. Biasanya PopUp Window muncul ketika visitor mengeklik banner atau gambar. Berikut source kodenya:
<html>
<head>
<title> </title>
<script>
function popUp(URL) {
day = new Date();
id = day.getTime();
eval(“page” + id + ” = window.open(URL, ‘” + id + “‘,
‘toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=250,height=250,left =
304,top = 150.5′);”);
}
</script>
</head>
<body>
<a href=”javascript:popUp(‘popup.html’)”>popup</a>
</body>
</html>
Perhatikan pada tag : <a href=”javascript:popUp(‘popup.html’)”>popup</a>
Pada saat mouse mengklik kata : popup, javascript akan memanggil fungsi popUp() dengan membawa
link popup.html. Window popup akan muncul dengan menampilan halaman popup.html. Karenanya kita
siapkan file popup.html,. Berikut source kodenya :
<html>
<head>
<title>popup</title>
</head>
<body>
Halaman PopUp
</body>
</html>
Kita dapat mengatur properties dari window popup yang akan dimunculkan dengan mengatur setting
properties pada fungsi popup(). Standar window popup yg sering digunakan adalah men-setting semua
properties menjadi 0 (disable), kecuali ukuran width untuk lebar popup & height untuk tinggi popup.
Semua setting tersebut dapat kita atur sesuai kebutuhan.
4. Buka Window Baru Pada Saat Menutup Window
Script di bawah ini bisa di bilang cukup jahil juga apabila di pasang pada website/blog , karena saat halaman di tutup/close dengan mengklik tanda x maka yang terjadi akan di tampilkan halaman lain lagi. Berikut source kodenya:
<html>
<head>
<title> </title>
<script>
<!– Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval(“page” + id + ” = window.open(URL, ‘” + id + “‘,
‘toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=250,height=250,left =
304,top = 150.5′);”);
}
// End –>
</script>
</ head >
<body onunload=”javascript:popUp(‘popup.html’)”>
Tutup halaman web ini maka akan terbuka window baru secara otomatis
</ body >
</html>
Perhatikan pada tag < BODY BGCOLOR=”#FFFFFF” onunload=”javascript:popUp(‘popup.html’) ” >
properties : onunload inilah yang akan memanggil fungsi javascript untuk membuka halaman popup.html pada saat window browser utama ditutup. Oleh karena itu anda harus menyiapkan file popup.html , bisa diambil dari source file popup.html di atas.
5. Pembatasan Input Textbox Hanya Numerik
Script ini di gunakan apabila kita hanya menginginkan penginputan suatu form di batasi oleh numeric atau angka saja. Misalnya kita membuat form input untuk No. Telp, kita bisa menggunakan script ini. Berikut source kodenya:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
</head>
<body>
<form name=”form1″ method=”post” action=”">
<input name=”periode” type=”text” id=”periode” size=”15″ maxlength=”15″ onKeypress=”if
(event.keyCode < 48 || event.keyCode > 57) event.returnValue = false;”>
</form>
</body>
</html>
Properties onKeyPress dengan kondisi diatas akan membatasi berfungsinya tombol di keyboard sebatas
numerik (angka) saja yang bisa diinput. Kita juga dapat mengubah kondisi tersebut sesuai keinginan kita
dengan mengganti atau menambahkan kode. Untuk kasus diatas, numeric (angka) pada tombol keyboard
adalah diantara kode 48 sampai kode 57. Selengkapnya  (http://rmhh.co.uk/ascii.html).
6. Counter Karakter Pada TextArea

Apabila anda pernah mengunjungi sebuah situs yang menyediakan layanan sms gratis misalnya, dalam form inputan text pesan di batasi hanya 160 karakter. Berikut source kodenya:
<head>
<title</title>
<meta http-equiv=’Content-Type’ content=’text/html; charset=iso-8859-1′>
<script>
function CountMax()
{
var wert,max;
max = 100
wert = max-(document.form1.question.value.length);
if (wert < 0) {
alert(“Maaf, batas maksimum pengisian adalah ” + max + ” karakter!”);
document.form1.question.value = document.form1.question.value.substring(0,max);
wert = max-(document.form1.question.value.length);
document.form1.rv_counter.value = wert;
} else {
document.form1.rv_counter.value = max-(document.form1.question.value.length);
}
}
</script>
</head>
<body >
<form name=”form1″ method=”post” action=”">
<textarea name=”question” cols=”60″ rows=”3″ id=”question” OnFocus=”CountMax();”
OnClick=”CountMax();” ONCHANGE=”CountMax();” onKeydown=”CountMax();”
onKeyup=”CountMax();” wrap=”virtual”></textarea>
<font face=”Arial, Helvetica, sans-serif, Bookman Old Style, Comic Sans MS” size=”2″>sisa
<input name=”rv_counter” type=”TEXT” size=”3″ maxlength=”3″ value=”100readonly></form>
</body>
</html>
Kumpulan javascript buat Anda yang suka otak atik blog mungkin javascript di bawah ini bisa bermanfaat buat anda, cara memasangX pun mudah sekali anda hanya perlu




  1. Log in ke blog anda
  2. Klik Rancangan / Layout
  3. KLik Tambah gadget
  4. Klik Html / Javascript
Dan Pastekan kode nya di kolom bagian bawah

A. Text Alert ( peringatan saat buka blog )

<body onLoad="alert('SELAMAT DATANG Jangan lupa isi Buku Tamu ya!!!');"></body>

B. Text Alert Saat Mau keluar Blog

<body onUnLoad="alert('Kapan2 mampir Lagi ya');"></body>

C. Teks alert pada Link ( saat kita klik link maka akan ada peringatan muncul )

<a href="http://sin1aja.blogspot.com"onClick="alert('Siapa...silahkan masuk'); return true">JUDUL LINK</a>

D. Teks jalan bolak balik Lambat ( santai )

<marquee bgcolor=red behavior=alternate scrolldelay=280>Kata2 anda disini</marquee>

E. Teks jalan ke bawah

<marquee bgcolor=yellow direction=down>Kata2 anda disini</marquee>

F. Teks jalan bolak balik

<marquee bgcolor=blue behavior=alternate>Kata2 anda disini</marquee>

G. Teks jalan ke kanan

<marquee bgcolor=green direction=right>Kata2 anda disini</marquee>

H. Teks jalan ke kiri

<marquee bgcolor=olive direction=left>Kata2 anda disini</marquee>

I. Teks jalan ke atas

<marquee bgcolor=red font color=olive direction=up>Kata2 anda disini</marquee>

J. Script Anti cOpy Paste

<script type="text/javascript">
//form tags to omit in NS6+:
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script>


K. Script Anti klik kanan

<script language=JavaScript>
<!--
//For full source code, visit http://www.dynamicdrive.com

var message="ganti tulisan ini dengan pesan Anda";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>

Perhatikan pada properties TextArea tsb, setiap kali kita mengetikkan karakter atau angka di TextArea,
maka fungsi javascript CountMax akan selalu menghitung jumlah karakter atau angka yang terisi pada
TextArea. Setiap hitungan akan langsung secara otomatis mengisi kolom TextBox (rv_counter)
dibawahnya. Pengisian tsb berupa pengurangan maksimal input keyboard yg didefinisikan dgn variable
max=100 oleh tiap ketikan input keyboard yang kita lakukan. Pada saat jumlah inputan keyboard sama
dengan atau lebih besar dari variable max=100, maka fungsi alert akan ter-eksekusi.
Demikian share kali ini semoga bisa di ambil manfaatnya. Terimakasih.

6 Responses to "Kumpulan Kode JavaScript Siap Pakai Untuk Blog"

  1. Kalo mau masang music Player pada blog kunjungi aja di SCM music player

    Berikut Langkah-Langkahnya :

    1. Buka Situs SCM Music Player. Di www.scmplayer.net
    2. Pilih Skin Yang anda inginkan. (Dengan memberi Tanda di kolom bulatan)
    3. Klik "Next"
    4. Pilih "Manual Playlist"
    Pada Kolom Song Title (Judul Lagu) Ketik Judul Lagu.
    Pada Kolom Song URL (Alamat Lagu) Copy dan Pastekan ke kolom tersebut. Song URL didapat
    dari bebagai situs yang menyediakan lagu-lagu gratis.
    5. Klik "Next"
    6. Pada :
    - Auto play Klik pada kotak untuk menandai (Agar Music dimainkan secara otomatis ketika
    masuk ke blog anda).
    - Shuffle Playback (Memainkan music secara acak) dalam hal ini saya kosongkan saja, tapi anda
    dapat memilih,sesuai dengan keinginan anda.
    - Default Volume (Standar pengaturan Volume) sesuai keinginan anda.
    - Repeat Mode (Mode Pengulangan) Pilih Repeat Playlist
    - Placement of Player Bar Pilih Top untuk menampilkan bar player di atas Blog.
    - Show Playlist By Default dalam hal ini kosongkan saja.
    7. Klik "Done"
    8. Copy Seluruh Code Script.

    Langkah Terakhir cara memasukkan Code Script ke Blog :

    1. Masuk ke Dashbor Blog Anda
    2. Pilih Rancangan/Desain - Elemen Halaman
    3. Tambah Gadget
    4. Pilih HTML/Javascript
    5. Masukkan (Paste) code Script ke halaman kosong.
    6. Klik "Simpan"
    Selamat Mencoba ya terima kasih atas kunjunganya pada blog saya

    ReplyDelete
  2. Makasih atas Artikelnya yach, Bagus banget nich..

    ReplyDelete

Ads 468x60px

Social Icons

Social Icons