Cara Mudah Membuat Spoiler pada Blogspot

mungkin para blogger ingin membuat tampilan artikel lebih rinci dan terlihat elegan dapat menggunakan script spoiler ini karena scrip spoiler ini berguna sekali dalam mempersingkat ruang tulis . langsung saja menuju script nya hhe

contoh spoiler :

Contoh Spoiler:

tet teret

cara membuat seperti diatas adalah

pertama buka akun blogger anda

kedua masuk entri baru

ketiga dalam kanvas terlihat edit html dan compose masusuk pada menu edit html lalu kopaskan script dibawah ini

<div style="margin: 5px 20px 20px;">

<div class="smallfont" style="margin-bottom: 2px;">

<b>Contoh 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 = 'View'; }" 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;">

Letakkan teks atau script anda disini

</div>

</div>

</div>

NB: perhatian gantilah huruf yang berwarna diatas sesuai keinginan kita

hijau : untuk nama depan pada spoiler

merah : tombol setelah spoiler di buka

biru : tombol sebelum spoiler dibuka

ungu : isi text atau gambar anda

Title Post: Cara Mudah Membuat Spoiler pada Blogspot
Rating: 100% based on 99998 ratings. 5 user reviews.
Author: bagashp

Terimakasih sudah berkunjung di blog BagZT , Jika ada kritik dan saran silahkan tinggalkan komentar dibawah