Berbagi Pintar Blog: Cara Pasang Spoiler / Menyembunyikan Isi KontentInfo Dunia

Estetika dan Kecantikan Gigi S.A.S

Perbaikan dan Restorasi Gigi

Ig @ahligigijember

KLIK ahligigijember.blogspot.com

Mmmm.., buat kawan kawan yang masih bertanya-tanya tentang Spoiler.. mari kita bahas disini bersama-sama karena intinya kita masih belajar bersama tentang dunia perblogeran. hehehehe.. and bagi para master yang udah paham and udah basi yang namanya spoiler,, :) ya.., nyimak aja dech.., :))

Spoiler disini adalah suatu tehnik/cara untuk menyembunyikan seluruh atau sebagian isi dari Content postingan kita, tujuanya apa? Ya.. untuk menghemat space halaman posting dan mengurangi lamanya waktu loading web/blog kita. Misal: Saat kita posting tanpa spoiler loading memakan waktu 45 detik atau lebih, maka jika dengan Spoiler mungkin cukup dengan 30 detik bahkan bisa kurang (tergantung dari isi content). dan biasanya spoiler ini di gunakan jika kontentnya berisi banyak gambar / video yang bikin loading jadi lemmot :))

So.., langsung aja dach, jika mo pasang spoiler kalian tinggal copy code di bawah ini :

<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>

Contoh :

Contoh Spoiler:

Atau :

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><span style="font-weight: bold;"> Contoh Spoiler</span><input value=" Open" style=" margin:5px;padding: 0px; width: 80px; " 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 = ' Buka Dong!!!'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

Tempat untuk menaruh content

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

Contoh :

Contoh Spoiler

Mudah banget kan..!!
Silahkan pilih, mana yang lebih asyik spoilernya.., :)) Selebihnya kalian modif sendiri.. untuk kata open / close kalian bisa ganti dengan selera masing2..

Ok, selamat mencoba..

TAGS: Cara Sembunyikan Isi/Content Posting Dengan Spoiler, cara pasang spoiler di blospot, cara membuat spoiler, cara menyembunyikan content dengan spoiler, spoiler, tutorial membuat, tutorial komputer, belajar ngeblog, cara ngeblog, tips ngeblog, panduan ngeblog, cara bikin spoiler, cara membuat spoiler di blog [...]