Oke sobat sesuai dengan Judul postingan di Atas, yaitu bagaimana cara " Pasang Spoiler di Blog "
Apa itu spoiler, mungkin bagi para kaskuser sudah tidak awan lagi dengan kata Spoiler
yaa.. di dunia kaskus, spoiler merupakan alat bantu kita dalam menghemat space tempat ataupun membantu mempercepat
load dari suatu halaman yang mana user akan mempunyai pilihan nantinya
akan membuka atau tidak tampilan yang di 'simpan / tersembunyi' di bawah
tombol spoiler. Contoh gambaranya admin ambil skrinsut dari kaskus.co.id
________________________________________________________
Bagaimana cara pasang di blognya, berikut admin bakalan bahas step by step :
1. seperti biasa, bagi sobat yang mau posting artikel baru Buka Compose Entry
2. Masuk ke Pilihan edit dalam HTML
pergunakan script seperti di bawah ini :
<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Ini tentang Cara Buat spoiler </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; " 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'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Isi Spoiler ditaruh disini ( bisa gambar, link ataupun teks )
</div></div></div></div>
________________________________________________________
Kode diatas pada prakteknya akan seperti di bawah ini :
Spoiler for : Error
Jika Anda menyukai Artikel di blog ini, Silahkan
klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di baca31.blogspot.com
|
0 Comments
