Membuat Spoiler pada blogspot

Kalo kemarin kita membahas tentang bagaimana cara membuat spoiler pada phpBB sekarang kita akan membuat spoiler di Blogspot dan caranya pun sangat mudah tidak perlu mengedit template kita hanya tinggal memasukan kode pada artikel atau gambar yang akan kita beri spoiler :

<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 = '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="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

"Masukkan isi spoiler yang anda inginkan disini"


</div>
</div>
</div>

Keterangan :
Tulisan warna biru adalah judul dari artikel yang akan kita beri spoiler
Tulisan warna merah adalah isi artikel atau gambar yang akandisembunyikan mengunakan Spoiler
dan berikut contoh hasilnya :

Judul Spoiler:

"Masukkan isi spoiler yang anda inginkan disini"

Sumber: tutorial.wdesain.web.id

Anda baru saja membaca artikel yang berkategori blogger dengan judul Membuat Spoiler pada blogspot . Anda bisa bookmark halaman ini dengan URL http://sisatruk.blogspot.com/2011/11/membuat-spoiler-pada-blogspot.html .

Artikel Terkait blogger

• Cara Cek Page Rank Blog
• Parse HTML Code for Blogger XML Templates
• Parse Kode Iklan Bagaimana Caranya?
• Cara Membuat Scrool Pada Arsip Blog
• Cara Pasang Tombol Share Di Dalam Postingan Blog

Ditulis oleh: Pramudya Ksatria Budiman - Rating : 4.5