Apa itu spoiler?
Mungkin kalian sering menjumpai itu ketika sedang BW ke blog teman-teman anda.
Untuk membuat spoiler tersebutr kita membutuhkan beberapa script,tapi mungkin diantara sobat juga pasti sudah banyak yang mengetahuinya,ya kan?
Sedikit celoteh ya,untuk membuat spoiler di blog ternyata tidak semudah ketika kita membuat spoiler di forum-forum tertentu yang biasanya kita cuma perlu menuliskan [spoiler]isi spoiler[/spoiler]
Baiklah mari kita beranjak ke script yang akan kita gunakan untuk membuat spoiler :
<div id="spoiler">
<div><input type="button" value="Buka" style="margin:0px;padding:0px;" 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 Lagi'; }">
</div>
<div style="background: #00ffff; margin: 10px auto;
border: 0px solid #000;
padding: 5px;">
<div style="display: none;">
isi spoiler</div>
Keterangan:
- Tulisan berwarna merah bisa anda ganti dengan kata-kata yang anda inginkan
- Kode berwarna hijau adalah kode warna untuk background. Jika ingin background transparan, anda bisa mengganti kode tersebut dengan tulisan transparent.
- Tulisan yang berwarna hitam bisa anda ganti dengan konten tulisan, gambar ataupun video clip yang ingin diberi spoiler
NOTE: Untuk menggunakan spoiler masuklah pada Mode penulisan HTML
Yowman, ane bookmark dulu dah suatu saat ane butuh nih
BalasHapusoke bray. :)
BalasHapusnyimak sob...
BalasHapusspoiler pada blog merupakan salah satu peranan penting,selain mempercantik blog ia-nya juga dapat menghemat ruang.
nice share sob...
sip,makasi kunjuangannya kang reo.
BalasHapuswih, saya udah pasang spoiler tapi sekarang gak bisa ngilanginnya heeeeeee
BalasHapusmasak sih sob,kan tinggal di hapus aja kode spolernya,.. :)
Hapuscobain aah...
BalasHapusbikin berat gak bro..?
Justru sebaliknya,hehe
BalasHapus. . numpank tampank aja dech. he..86x . .
BalasHapusbayar seribu sis,hehe
BalasHapus