INILAH CARA MEMASANG SPOILER AUTO DI POST BLOG ALA KASKUS

Spoiler merupakan tabel yang bisa diisi dengan berbagai macam konten kayak gambar , video , tulisan , dll. Spoiler dapat disembunyikan dan dapat di tampilkan. Spoiler yang saya bagi terinspirasi dari kaskus dan yang saya buat ini hampir sama kayak kaskus. 

Berikut langkah-langkahnya untuk membuat spoiler :

• Login dulu di blogger
• Buat entri atau post baru
• Copy code ini 

<div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> TEKS UNTUK SPOILER NYA <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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Show" /> </div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> LETAKAN SESUATU DISINI </div> </div> </div>

• Paste kan di HTML jangan di compose

• Keterangan :

1. Ganti " LETAKAN SESUATU DISINI " dengan text atau url gambar atau url video ( pastikan untuk gambar dan video gunakan url )
2. Ganti " TEKS UNTUK SPOILER NYA " dengan text yang ada di samping tulisan show.

Berikut contoh nya :

Contoh gambar : 

Contoh Video : 

Sedikit keterangan dari saya :

1. Untuk menambahkan text tinggal tulis text nya.
2. Untuk menambahkan gambar gunakan code ini : <a href="http://2.bp.blogspot.com/-ty_Yvy20iL8/U2sY17ij0hI/AAAAAAAABzk/d4g4sgg6YBY/s1600/our-brain.jpg" imageanchor="1"><img border="0" src="http://2.bp.blogspot.com/-ty_Yvy20iL8/U2sY17ij0hI/AAAAAAAABzk/d4g4sgg6YBY/s320/our-brain.jpg" /></a>
3. Ganti warna merah dengan url gambar.
4. Untuk menambahkan video anda buka youtube terlebih dahulu lalu di bwah video ada tulisan " Bagi " lalu klik " Sematkan " Setelah itu copy codenya. Lalu paste kan di url konten spoiler tadi.

Bagaimana gampang bukan untuk membuat spoiler seperti kaskus di postingan blog. Untuk mencobanya setelah anda buat spoiler nya klik pratinjau untuk melihat hasil nya. Semoga bermanfaat & selamat mencoba.

Share :

Tweet

✚

Related Post