Cara Membuat Link Muncul Setelah Tombol di Klik dengan Javascript

auqriblog - Kalau kamu sering download sesuatu di website mungkin gak bakal asing dengan link yang muncul setelah tombol diklik. Biasanya terdapat di blog-blog download atau web safelink.

atau jika kamu berkunjung ke blog mba Igniel yang beralamat di igniel.com, perhatikan pada bagian komentar blognya. 

Disaat kamu klik profil atau nama yang berkomentar di artikel mba igniel, maka akan muncul teks yang menampilkan URL dari profil pengomentar tersebut.  

Nah di artikel ini kita akan membuat link yang hanya muncul setelah tombol itu di klik, penasaran gimana hasilnya. Coba klik tombol dibawah ini:

➥ LINK YANG DISEMBUNYIKAN

Untuk membuat link muncul setelah di klik seperti pada contoh diatas, berikut langkah-langkahnya cara membuatnya.

Silahkan salin lalu tempel kode javascript dibawah ini diatas tag penutup </body>

<script type="text/javascript">
function showDiv(toggle)
{
document.getElementById(toggle).style.display = 'block';
}
</script>

Lalu simpan template blog kamu.

Setelah itu,, salin kode dibawah ini lalu tempelkan di postingan yang membutuhkan tombol ini didalamnya. 

<input type="button" name="answer" onclick="showDiv('toggle')" value="Tunjukkan"/>
<div id="toggle" style="display:none">Halo. Anda Berhasil</div>

Jika sudah silahkan simpan postingan blog dan liat hasilnya. 

***

Penambahan javascript didalam tulisan ini tidak akan berpengaruh pada beban load, sehingga hal ini dapat membuat blog terasa ringan seperti menggunakan tools css minify dan beautify di blogger. 

Semoga bermanfaat