Minggu, 04 Desember 2011

Membuat Spoiler | Cara Membuat Spoiler pada Blog | Fungsi spoiler pada blog

Spoiler sendiri fungsinya adalah untuk memperkecil postingan, kode script atau tulisan agar tidak makan tempat. Sebenarnya sobat juga bisa menggunakan menu dengan fungsi scroll atau bisa juga dengan menggunakan text area untuk menghemat tempat dalam penulisan kode script atau gambar. Oke langsung Saja

"Letakan script dibawah ini pada postingan sobat"
KODE
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<img border="0"

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIgNYmm7gE_LmmVxYxgu9NF3LLTzrlZ7Aht5wRIWU34eixfxkSQiAVybFguXBSd24D5bKPosXh2sIAl-LZpiHuzso1gz60I0IW38nzlIQbZNE0-i3fwy2vobuiNQwhKDeQOkAevbyVPnea/s1600/category_icon_holidays.png" /><span

style="font-size: x-small;"><b>KODE</b></span><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: 7px groove #0000FF; margin: 0px; padding: 6px;">
<br />
<div style="display: none;">

Letakkan kode script, HTML dan teks anda disini


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


Keterangan :

1. Untuk tulisan Open dan Close bisa sobat ganti sesuai keinginan.
2. Width : 55px untuk lebar spoiler.
3. Font-size: 11px untuk besar tulisan pada kotak spoiler.
4. Tulisan KODE adalah judul, silahkan ganti sesuai keinginan sobat.

Contoh:
KODE

Selamat mencoba.. Semoga berhasilKomentar Anda Sangat Bermanfaat Bagi Perkembangan Blog InI