How to Make Spoiler In Blog

Share

Spoiler is usually used to reduce or shorten the code, post, or any writing not to be too filled pages. This spoiler can install on the side bar, post pages, headers and footers. To make it is not hard, you live copied code below.

Here's an example spoiler.


Spoiler EXAMPLE:




CONTOH SPOILER..






How to make this spoiler is as follows:
1.Copy and paste the code below

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b> Untuk lihat <b>Script</b>: <input value="Lihat" 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 = 'Show'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

Isi kode script, HTML dan teks anda disini

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

2. Next replace the writing and bold black and red.
Width: 55px is the width of spoiler box. Change according to your needs.
font-size: 11px is the font size dalan spoiler box. Can be replaced as needed.
Cover and See can you replace your own
Isi kode script, HTML dan teks anda disini can change it.
Please try...!!


Share

Related Post

Copyright 2011 Looking News - Template by Kautau Dot Com