Oodlebit

Cara membuat kotak spoiler sow buka tutup di blog

Cara membuat kotak spoiler sow bisa buka dan tutup ini mungkin tujuannya untuk menyimpan gamabr atau artikel yang sengaja disembunyikan atau untuk menghemat halaman blog agar tidak terlihat puanjang banget artikelnya , kotak seperti ini pernah atau sering kita jumpai di forum forum tapi ternyata bukan hanya di forum saja kotak spoiler ini bisa diterpkan namun ternyata di blog juga bisa dipasang kotak spoiler sow yang bisa buka dan tutup seperti di forum - forum

BACA JUGA : Percayakah Anda, ada Rahasia Di Balik Perkataan Anda!

Cara pemasangannyapun sangat mudah yaitu sebagaimana biasa kita Login dahulu ke blog kemudian pilih entri baru dalam penulisan ini kita pilih HTML jangan compose
setelah anda pilih HTML Selanjutnya silahkan cpoy script dibawah ini dan pastekan di entri baru HTML dan publikasikan selanjutnya silahkan lihat hasilnya

adapun scripnya silahkan anda copy di bawah ini

<div id="spoiler">
<br />
<div style="margin: 5px 20px 20px;">
<br />
<div class="smallfont" style="margin-bottom: 2px;">
<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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 75px;" type="button" value="Show" /></div>
<br />
<div class="alt2" style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(225, 228, 242) none repeat scroll 0% 0%; border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

Taruh disini tulisan atau gambar yang akan anda sembunyikan


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

Contoh hasilo script tersebut bisa anda lihat disini


Demikianlah cara membuat kotak spoiler buka tutup di blog semoga bermanfaat bagi para sahabat blog yang membutuhkanya
Berbagi itu indah indahnya berbagi dengan membagi artikel ini keteman teman anda di sosial media seperti Facebook, twitter, dan lainnya maka anda sudah melakukan kebaikan yang akan , atau mungkin bermanfaat bagi teman atau sahabat anda. dan mohon bantuanya untuk berkomentar yang relevan dan jangan melakukan sepam demi kebaikan dan terjamin keindahan dalam persahabatan


0 Response to "Cara membuat kotak spoiler sow buka tutup di blog"

Post a Comment

Silahkan berkomentar yang relevan dan jangan melakukan SPAM atau meninggalkan link hidup demi kebaikan dan terjamin keindahan dalam persahabatan.