35 Membuat Spoiler

Membuat Spoiler

Spoiler biasanya digunakan untuk menyembunyikan teks atau gambar pada suatu halaman posting.
Spoiler juga bisa digunakan sebagai tempat link tek, link banner, Award dan lain-lain sesuai keingginan kita. Dengan kita menyimpan link tek, link banner, Award, gambar dan teks lainnya kedalam spoiler maka akan menghemat ruang dan juga space pada blog kita.

Berikut Contoh nya:

"Klik Spoiler dibawah ini untuk melihatnya"

↨Marcellino↨
↨Marcellino Agataha↨
↨Marcell.tk↨

Sangat simple dan menghemat tempat bukan....???

Untuk membuat spoiler seperti diatas berikut scriptnya:

<div style="text-align: justify;">
<span style="color: rgb(0, 0, 0);"><center><div id="spoiler"><div><input style="margin: 10px; padding: 0px; width: 100px;" value="Link Teks" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Hide Link!'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Link Teks'; }" type="button">
<div id="show" style="border-style: solid; border-width: 1px; margin: 0px; padding: 4px; display: none; width: 100%;">
<span style="color: rgb(0, 0, 0);"><span style="font-weight: bold;">
<span style="color: rgb(255, 0, 0);" >
<a href="http://marcellinoagatha.blogspot.com/" target="_blank">â�¨Marcellino�¨</a>
<a href="http://marcellinoagatha.blogspot.com/" target="_blank">�Marcellino Agataha�</a>
<a href="http://marcell.tk/" target="_blank">â�¨Marcell.tk�¨</a>
</span></div>

Ganti teks berwarna merah diatas dengan link atau gambar yang anda inginkan dan Judulnya "Link Teks" dengan nama yang anda inginkan dan siap di posting.

Bila ingin anda letakkan di SideBar bisa anda copy script diatas dan letakkan di HTML/java script pada template anda

Selamat Mencoba

Read more