Cara Membuat Spoiler Pada Blog

Tutorial blogger kali ini Koisine Blog akan membahas tentang,
Bagaimana membuat Spoiler pada blog.

Pusing dengan script blog yang panjang dan banyak, apa solusinya ?
Spoiler,, spoiler adalah salah satu solusi untuk mempersingkat script kode blog yang dibuat secara buka tutup dengan tombol.

Spoiler ini juga bisa digunakan dalam penulisan artikel dalam blog atau bisa juga digunakan dalam widget pada blog, apabila terdapat widget yang terlalu banyak maka semua widget tersebut akan disisipkan dengan spoiler dengan fungsi buka tutup.

Copy script yang ada di dalam Spoiler di bawah ini.

Spoiler:

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b>: <input value="Open" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" 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'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

Letakkan kode script, HTML dan teks anda disini

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



Selamat Mencoba.

0 komentar:

Posting Komentar