Cara memberi Spoiler

Posted by

Halooo friend kali ini saya akan membahas blog tutorial tentang Cara memberi spoiler Saya dulu berpikir..Gimana ya biar gadget saya tidak memakan tempat di blog ??Dan lalu saya melihat orang yang memberi blognya spoiler,, itu lho tombol untuk menyembunyikan widget atau postingan..




Seperti ini :  






Tertarik ??


Berikut Langkah cara membuat spoiler :


Cara memberi spoiler langkah ke :1 adalah Login Blogger
Cara memberi spoiler langkah ke : 2 adalah Lalu tinggal pilih kalau di postingan Beri kode berikut di edit html, kalou di element laman


 kasih di HTML/JAVA SCRIPT :







   
<div id="spoiler"><div><input value="Open" style="margin: 5px; padding: 0px; font-size: 11px; font-weight:bold;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Open'; }" type="button"><div id="show" style="border: 1px solid white; margin: 5px; padding: 2px; display: none; width: 98%;">Bisa Diganti Tulisan Atau gambar</div><div id="hide"></div></div></div>


Setelah selesai simpan..


SELAMAT MENCOBA...

Bila Kurang jelas tentang postingan cara memberi spoiler ini tolong tanya/ komen.,.,


Carel
FOLLOW and JOIN to Get Update!

Social Media Widget SM Widgets




Demo Blog NJW V2 Updated at: 6:26 PM

3 Komentar:

  1. Bro saya terbantu sekali nih makasih ya. Kalau mau tukeran link mapir bro hehehehe kasih tahu saya ya

    ReplyDelete

SUARAKAN SUARAMU