Membuat Spoiler - Spoiler berbentuk Kotak kecil yang bisa menampung ( text,video,foto dan script ). maanfaat kita membuat spoiler ini adalah kita dapat menghemat ruang saat ingin membuat artikel / postingan. Selain Menghemat Ruang pada Postingan, Membuat Spoiler juga akan membuat para pengunjung penasaran apa yang ada didalam spoiler tersebut.
"Tau Forum Kaskus?"
saya yakin tau, forum kaskus adalah forum terbesar saat ini. setiap Thread yang mereka buat, pasti ada spoiler-nya ( Kotak kecil ) contoh seperti ini
Judul Spoiler:
Nah, bagi kamu yang ingin membuat Spoiler seperti itu, caranya cukup mudah.
MEMASUKAN SPOILER
1. Buat Artikel / Laman
2. Letakkan Kode dibawah ini di "HTML" bukan "Compose"
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Judul Spoiler</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" />
</div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
ISI dengan ( Text, Foto, Video, dan lailainnya disni ).
</div>
</div>
</div>
<div class="smallfont" style="margin-bottom: 2px;">
<b>Judul Spoiler</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" />
</div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
ISI dengan ( Text, Foto, Video, dan lailainnya disni ).
</div>
</div>
</div>
3. Tulisan berwarna "hijau" isi sesuka kamu misalkan photo,video,text,script dan lain-lain.
CARA PENGGUNAAN
Jika Spoilernya sudah diletakkan, kemudian kita akan mengisi Spoiler tersebut seperti ini :
Contoh Mengisi Gambar.
Maka Hasilnya akan seperti ini.
Judul Spoiler:
Caranya sangat mudah bukan? jika masih ada keraguan silahkan berkomentar. saya akan menjawabnya
Terimakasih sudah berkunjung.
Wah keren gan coba ah
ReplyDeleteThx infonya ya. kalau buat scrool otomatis blog ke bawah dan ke atas gmn ya gan?tw g?jadi misalny udah di halaman page mau ke atas tnggl pnct gambar gtu langsung ke atas dan jika udah diatas mau liat bgn bwah sm tnggl klik aj.tw g?
ReplyDeletebisa gan, next artikel yaaa
Delete