cara membuat posting spoiler

Dalam kesempatan ini saya akan membagi informasi cara membuat tombol buka tutup istilah tren dalam dunia blog atau web adalah spoiler, mungkin istilah tersebut sudah tidak asing lagi
. Spoiler adalah script atau kode baris perintah yang dapat menampilkan dan menyembunyikan tombol bila di klik akan terbuka menu baru. Pada umumnya tujuan dari pembuatan spoiler digunakan untuk menyembunyikan isi posting yang akan di panjang atau berupa script video dan gambar yang terlalu memakan tempat sehingga dapat menghemat. Cara membuat spoiler tidak begitu rumit, anda hanya cukup memasukkan kode di bawah ini di setiap halaman posting. Lansung lihat contoh dibawah.
kode html:
Disini tempat anda meletakkan teks atau kode script gambar dan video anda
Untuk memasukkan tombol spoiler kedalam postingan anda silahkan copy kode script berikut:
kode HTML:
<br /> <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;"> Disini tempat anda meletakkan teks atau kode script gambar dan video anda </div> </div> </div>
*untuk kode html atau widget yang tidak keluar dalam posting biasanya harus diparse kan dulu.. untuk memparse kode widget bisa di SINI

Tidak ada komentar:

Poskan Komentar