mungkin buat para blogger udah pada tau apa yang dimaksud dengan spoiler apalagi yang sering nongkrong di forum kayak ane.. hhihihi. Sebelumnya kalau ada yang masih belum tahu, apa itu spoiler? Saya akan jelasin singkat saja.
==>> Spoiler adalah tombol yang diguanakan untuk menyingkat tempat atau menyembunyikan konten (teks, foto atau video) dengan klik untuk membuka dan menutup.
contoh :
Judul Spoiler
dengan adanya spoiler kita dapat menghemat tempat. buat para newbie kayak saya masih bingung cara buat spoiler. namun setelah googling akhirnya nemu cara membuat spoiler. lets cekidot..
Cara Membuat Spoiler Pada Postingan Blog :
1. Login ke Blogger
2. Pilih New Post atau Entri Baru seperti membuat postingan biasa
3. Pilihlah pada mode Edit HTML saat membuat postingan
4. Gunakan kode script berikut ini untuk membuat spoiler:
<div style="margin: 5px 20px 20px;">5. Kita dapat mengganti Judul Spoiler sesuai keinginan kita, begitu juga Buka dan Tutup.
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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'; }" type="button">
</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 sob..!!
<br>
</div>
</div>
</div>
6. Klik Publish atau Terbitkan Entri jika sudah selesai.
keep share and smile.. ^_^
0 komentar:
Posting Komentar