Kode Javascript dan HTML Sederhana untuk Blog
Setiap blogger pasti akan nemuin kode
Javascript dan HTML di dalam blognya. Karena kedua kode ini
merupakan elemen dasar dalam membuat dan memperkeren blog kita terutama di
Blogger.
Pada kesempatan kali ini HillaH Blogz pengen share beberapa kode Javascript dan HTML sederhana yang sering digunakan oleh blogger lainnya. Mungkin kode-kode ini sederhana tapi bisa sangat berguna untuk memperkeren blog agan.
Silahkan langsung disimak kode-kode di bawah ini, mungkin saja kode ini berguna buat kalian atau memang kalian lagi mencari kode-kode ini. Semoga kode-kodenya bemanfaat dan menambah pengetahuan kita tentang kode Javascript dan HTML.
Kode javascript ini digunakan untuk menonaktifkan klik kanan di blog kalian, jadi pengunjung tidak bisa meng-klik kanan dan melihat source kode blog agan. Cari kode <body> di template blog kalian lalu ganti dengan kode dibawah ini.
Kode ini muncul ketika pengunjung akan meninggalkan atau menutup tab blog kalian. Cara memasangnya sama dengan pesan pembuka, cari kode </head> lalu copy paste kode berikut di bawahnya gan. Tinggal di edit aja kalimat yang di blok warna / highlight sesuai keinginan kalian gan.
Lalu copy dan paste kode di bawah ini buat ngemunculin musik/soundnya gan.
Sekarang hanya menambahkan kode di konten yang ingin di isi tombol buka tutupnya gan. Copy paste kode di bawah ini dan letakan kontenya di tempat yang udah saya kasih tanda.
Konten bisa diisi dengan gambar, teks atau apapun. Untuk edit tulisan di tombolnya ganti Show-Hide sesuai keinginan agan.
Sumber: http://seociyus.blogspot.com/2013/02/kode-javascript-dan-html-sederhana-buat-di-blog.html#ixzz2gf7OPj24
Pada kesempatan kali ini HillaH Blogz pengen share beberapa kode Javascript dan HTML sederhana yang sering digunakan oleh blogger lainnya. Mungkin kode-kode ini sederhana tapi bisa sangat berguna untuk memperkeren blog agan.
Silahkan langsung disimak kode-kode di bawah ini, mungkin saja kode ini berguna buat kalian atau memang kalian lagi mencari kode-kode ini. Semoga kode-kodenya bemanfaat dan menambah pengetahuan kita tentang kode Javascript dan HTML.
Kode Javascript Dan HTML Sederhana Untuk Blog
1. Anti Klik Kanan
Kode javascript ini digunakan untuk menonaktifkan klik kanan di blog kalian, jadi pengunjung tidak bisa meng-klik kanan dan melihat source kode blog agan. Cari kode <body> di template blog kalian lalu ganti dengan kode dibawah ini.
<body oncontextmenu="return false;">
2. Kotak Pesan Peringatan ( Alert Box )
Pesan Pembuka
Kode ini digunakan untuk menampilkan pesan saat pengunjung pertama kali membuka atau mengunjungi blog agan. Cari kode </head> di template blog, lalu copy paste kode di bawah ini tepat di bawahnya gan. Tinggal di edit aja kalimat yang di blok warna sesuai keinginan kalian.<script type="text/javascript">
alert("SELAMAT DATANG DI HillaH Blogz");
</script>
Pesan Penutup
Kode ini muncul ketika pengunjung akan meninggalkan atau menutup tab blog kalian. Cara memasangnya sama dengan pesan pembuka, cari kode </head> lalu copy paste kode berikut di bawahnya gan. Tinggal di edit aja kalimat yang di blok warna / highlight sesuai keinginan kalian gan.
<script type="text/javascript">
window.onbeforeunload=function(){
return confirm("Apakah anda ingin Meninggalkan HillaH Blogz?? Masih Ada Banyak Artikel Yang Menarik dari Blog ini Untuk Di Baca :)");
}
</script>
3.Onmouseover Sound
Kode ini digunakan untuk memberikan backsound musik jika pengunjung mengarahkan atau mengklik mousenya ke text atau gambar. Caranya dengan copast kode di bawah ini ke mode HTML edit post blog kalian.<script language="javascript" type="text/javascript">
function playSound(soundfile) {
document.getElementById("SCsound").innerHTML=
"<embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
}
</script>
<span id="SCsound"></span>
Lalu copy dan paste kode di bawah ini buat ngemunculin musik/soundnya gan.
<a href="#" onmouseover="playSound('URL-FILE-MUSIK/SOUND');">Atau
Mouseover DISINI Buat Dengerin Musik</a>
<a href="#" onclick="playSound('URL-FILE-MUSIK/SOUND');">Klik DISINI Buat Dengerin Musik</a>Tinggal dipilih ingin yang onmouseover atau onclick gan. Lalu ganti URL-FILE-MUSIK/SOUND dengan Url file musik/sound kalian. Silahkan di edit sendiri kalimatnya atau bisa juga diganti dengan gambar.
4.Show Hide Konten / Spoiler
Ini Adalah Kode untuk menampilkan atau menyembunyikan konten, hampir mirip tombol spoiler yang ada di forum-forum. Cara pasangnya mudah, kalian cari kode </head> lalu copy paste kode javascript di bawah ini di atas kode </head>.<script language='javascript' type='text/javascript'>
function showHide() { var ele = document.getElementById("showHideDiv");
if(ele.style.display == "block") { ele.style.display = "none"; }
else { ele.style.display = "block"; } }
</script>
Sekarang hanya menambahkan kode di konten yang ingin di isi tombol buka tutupnya gan. Copy paste kode di bawah ini dan letakan kontenya di tempat yang udah saya kasih tanda.
<form action="" method="post">
<input onclick="return showHide();" type="button" value="Show-Hide" />
</form>
<div id="showHideDiv" style="display: none;">
---------> Konten Disini <---------
</div>
Konten bisa diisi dengan gambar, teks atau apapun. Untuk edit tulisan di tombolnya ganti Show-Hide sesuai keinginan agan.
Sumber: http://seociyus.blogspot.com/2013/02/kode-javascript-dan-html-sederhana-buat-di-blog.html#ixzz2gf7OPj24
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar
Dilarang Berkomentar dengan kata-kata yang mengandung unsur SARA, Kata Kotor, dan Menghina orang lain!!