Cara Membuat Spoiler Pada Blog

tidak ada komentar


Spoiler Blog
Apa itu Spoiler ?
Spoiler adalah posting konten (teks, foto atau video) tersembunyi yang bisa dilihat jika pembaca meng-klik tombol. Pembaca juga bisa menyembunyikan kembali posting dengan menekan ulang tombol tersebut. Sementara fungsi spoiler itu sendiri adalah untuk menghemat space (tinggi) posting, mempercepat loading halaman, dan menghemat kuota pembaca…lalu bagaimana cara membuatnya..? silahkan anda simak artikel dibawah ini:

Bagi sebagian Anda tentunya sudah familiar dengan kata-kata spoiler, apalagi pengguna forum-forum . Spoiler berguna untuk menyembunyikan sebagian atau seluruh postingan, untuk menghemat space halaman posting. Spoiler bisa digunakan untuk menyembunyikan teks, gambar, kode html atau yang lainnya.
Bagi pengguna kaskus, tentunya berbeda kode antara kaskus dan web/blog. Langsung caranya. dan Pastikan ketika anda menulis postingan, dalam mode HTML, copy kode dibawah ini :


<div style="margin-top: 10px;"><div class="smallfont" style="margin-bottom: 2px;"><i><b>Contoh spoiler teks</b></i>: <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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Show" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">Isi Spoiler</div></div></div>
Contoh spoiler teks:
Isi Spoiler

Apabila ingin menggunakan gambar, maka ganti teks dengan kode gambar.
Contoh kode gambar :

<div style="text-align: center;">
<img src=" http://3.bp.blogspot.com/-OX94cRLwtgs/Vh-bpCNP7SI/AAAAAAAAAoI/8QxmGCnqPLc/s1600/muhammad.jpg" />
</div>

Contoh spoiler Gambar:

Contoh spoiler Video:

SELAMAT MENCOBA..
IKLAN SPNSOR DARI ADNOW
loading...

"Pembaca yang terhormat, setelah membaca Konten silahkan berikan saran dan memberikan umpan balik yang bersifat membangun, Silakan Tulis Komentar yang Relevan dengan Bahasa yang Sopan. Komentar anda mengilhami saya untuk terus ngeblog. Pendapat anda jauh lebih berharga bagiku. Terima kasih".