Spoiler dalam postingan blog

Spoiler pada umumnya adalah kata yang di gunakan untuk membuat mobil aero dinamis dan bisa mempercepat laju mobil,nah di sini fungsinya Spoiler posting adalah untuk merangkum postingan yang mengandung gambar dan video yang bisa memakan tempat di halaman tersebut...Nah spoiler sendiri di bantu dengan tombol yang bisa menampilkan dan menyembunyikan postingan...
masih bingung kita liat aja contoh di bawah ini

Gadis pegang burung berbulu:

Udah Kliatan kan,begini caranya
1.Masuk blog
2.Buat posting/new entri
3.setelah selesai buat entri masukan script di bawah ini pada HTML Entri

<div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <b>Yamaha Jupiter Z1 warna hijau</b>: <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: 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;"> Letakkan teks atau kode script (gambar atau video) di sini </div> </div> </div>

4.terbitkan dan lihat hasinya
*Ganti sesukamu pada tulisan "Letakkan teks atau kode script (gambar atau video) di sini"


Semoga bermanfaat ,jika ada kesalahan silahkan komentar pada posting ini
Posted by Mas ery

Tweet

Artikel terkait: