- Beranda
- Komunitas
- Tech
- Templates & Scripts Stuff
Cara membuat spoiler di post entri
![Tsunu](https://s.kaskus.id/user/avatar/default.png)
![Avatar border](https://s.kaskus.id/images/avatarborder/1.gif)
TS
Tsunu
Cara membuat spoiler di post entri
Mungkin para master kaskusker sudah tau sebagian tentang kegunaan spoiler tersebut, jadi ga perlu di jelaskan yaa hehehe
, ya intinya spoiler itu untuk menghemat tempat mau itu untuk dalam pos entri ataupun untuk dalam widget.
Nah kali ini kang heri bakal share tentang cara membuat spoiler di pos entri.
Langsung ja deh kita ke TKP...
Pertama harus punya akun blog, ( ya eyaa kali) #ngaco
Sobat tinggal copy kode spoiler dibawah ini
<div id="spoiler">
<div><input type="button" value="Buka" style="margin:0px;padding:0px;" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div'
[1].getElementsByTagName('div'
[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka Lagi'; }"> </div>
<div style="background: #00ffff; margin: 10px auto;border: 0px solid #000;
padding: 5px;">
<div style="display: none;">
isi spoiler
</div>
Kemudian sobat tinggal masukan ke pos entri, beres deh..
NB : Sebelum memasukan kode spoiler sobat blogger harus di dalam kode entri pos HTML, Lihat gambar di bawah ini.
![Cara membuat spoiler di post entri](https://dl.kaskus.id/2.bp.blogspot.com/-aVttsX-FGIQ/UE2Ij__HgDI/AAAAAAAAAYY/AN2X2taO-3Q/s1600/test+2+.png)
Kemudian kalo sobat blogger sudah memasukan kode spoiler di HTML, kemudian klik lagi Compose nya seperti semula untuk lihat hasil spoilernya berjalan dengan lancar atau tidak.
Mungkin hanya segitu yang saya share dan mungkin karna ilmu saya masih terbatas hehehe, tidak seperti para master-master blogger lainnya. semoga bermanfaat..
MAAF KALO TS-nya NGACO..
![Shakehand2 emoticon-Shakehand2](https://s.kaskus.id/images/smilies/smilies_fbeqyos6i5nk.gif)
![Bingung emoticon-Bingung](https://s.kaskus.id/images/smilies/smilies_fb5ox6p94iii.gif)
![Blue Guy Bata (S) emoticon-Blue Guy Bata (S)](https://s.kaskus.id/images/smilies/s_sm_batamerah.gif)
Nah kali ini kang heri bakal share tentang cara membuat spoiler di pos entri.
Langsung ja deh kita ke TKP...
Pertama harus punya akun blog, ( ya eyaa kali) #ngaco
Sobat tinggal copy kode spoiler dibawah ini
<div id="spoiler">
<div><input type="button" value="Buka" style="margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div'
![Wink emoticon-Wink](https://s.kaskus.id/images/smilies/sumbangan/13.gif)
![Wink emoticon-Wink](https://s.kaskus.id/images/smilies/sumbangan/13.gif)
![Wink emoticon-Wink](https://s.kaskus.id/images/smilies/sumbangan/13.gif)
![Wink emoticon-Wink](https://s.kaskus.id/images/smilies/sumbangan/13.gif)
![Wink emoticon-Wink](https://s.kaskus.id/images/smilies/sumbangan/13.gif)
![Wink emoticon-Wink](https://s.kaskus.id/images/smilies/sumbangan/13.gif)
![Wink emoticon-Wink](https://s.kaskus.id/images/smilies/sumbangan/13.gif)
<div style="background: #00ffff; margin: 10px auto;border: 0px solid #000;
padding: 5px;">
<div style="display: none;">
isi spoiler
</div>
Kemudian sobat tinggal masukan ke pos entri, beres deh..
NB : Sebelum memasukan kode spoiler sobat blogger harus di dalam kode entri pos HTML, Lihat gambar di bawah ini.
![Cara membuat spoiler di post entri](https://dl.kaskus.id/2.bp.blogspot.com/-aVttsX-FGIQ/UE2Ij__HgDI/AAAAAAAAAYY/AN2X2taO-3Q/s1600/test+2+.png)
Kemudian kalo sobat blogger sudah memasukan kode spoiler di HTML, kemudian klik lagi Compose nya seperti semula untuk lihat hasil spoilernya berjalan dengan lancar atau tidak.
Mungkin hanya segitu yang saya share dan mungkin karna ilmu saya masih terbatas hehehe, tidak seperti para master-master blogger lainnya. semoga bermanfaat..
MAAF KALO TS-nya NGACO..
![Shakehand2 emoticon-Shakehand2](https://s.kaskus.id/images/smilies/smilies_fbeqyos6i5nk.gif)
![Bingung emoticon-Bingung](https://s.kaskus.id/images/smilies/smilies_fb5ox6p94iii.gif)
0
7.1K
58
![Guest](https://s.kaskus.id/user/avatar/default.png)
![Avatar border](https://s.kaskus.id/images/avatarborder/1.gif)
Komentar yang asik ya
Tampilkan semua post
![fiyfiy](https://s.kaskus.id/user/avatar/2010/11/08/avatar2245169_1.gif)
![Avatar border](https://s.kaskus.id/images/avatarborder/1.gif)
fiyfiy
#13
coba <div id="spoiler">
<div><input type="button" value="Buka" style="margin:0px;padding:0px;"> </div>
<div style="background: #00ffff; margin: 10px auto;border: 0px solid #000;
padding: 5px;">
<div style="display: none;">
tes![Cara membuat spoiler di post entri](https://s.kaskus.id/b/images/2012/12/29/2245169_20121229121054.jpg)
</div>
<div><input type="button" value="Buka" style="margin:0px;padding:0px;"> </div>
<div style="background: #00ffff; margin: 10px auto;border: 0px solid #000;
padding: 5px;">
<div style="display: none;">
tes
![Cara membuat spoiler di post entri](https://s.kaskus.id/images/2012/12/29/2245169_20121229121054.jpg)
</div>
0