Membuat Spoiler Pada Postingan

Spoiler adalh suatu kotak yang berfungsi menyembunyikan suatu tulisan, gambar atau bahan lainnya di dalam postingan. Knapa disembunyikan ? bisa jadi itu untuk mempersempit ruang atau menghemat halaman agar tidak terlalu penuh. untuk contohnya seperti berikut :

oke, lansung saja kita bahas cara membuat spoiler di postingan :

• Yang pertama jelas kita login dulu
• copy semua kode berikut

Copy Code Script

<div id="spoiler"><br /> <div style="margin: 5px 20px 20px;"> background:#00000<br /> <div class="smallfont" style="margin-bottom: 2px;"><br /> <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;"><br /> <div style="display: none;"><br /> Tulis artikel di atau masukan gambar sini! <br /> </div><br /> </div><br /> </div>

• Pastekan semua kode tersebut di lokasi postingan anda, dan ganti tulisan "tulis artikel atau masukan gambar " dengan apa yang anda inginkan
• sekian dulu,. terima kasih.

Share this :

• Digg
• Linkedin
• Stumbleupon
• Delicious
• Tumblr
• BufferApp
• Pocket
• Evernote