Cara membuat Spoiler di Blog
Cara membuat Spoiler di Blog
Legend of Blog - Kali ini Legend of Blog, akan membahas tentang Bagaimana cara membuat spoiler di blog ? Sebelum masuk ke inti post nya mari simak ini dulu :
Yang perlu sobat Legend of blog ketahui adalah, apa itu spoiler ? Spoiler adalah salah satu script yang biasa di gunakan di forum untuk menampilkan dan menyembunyikan bacaan/text dan lainnya kedalam box. Nanti Heru Purnama bakal kasi conto nya di ahir post.
Lalu bagaimana cara membuat nya Heru ? Nah begini, sebelum sobat Legend of Blog, baca di bawah ya !:
- Kalian perlu masuk blogger.com terlebih dahulu.
- Setelah mengikuti prosedur pertama, buatlah/edit suatu topic.
- Setelah masuk ke halaman pengetikan, akan ada 2 kolom yaitu [Compose][HTML]
- Oleh sobat Legend Of Blog gunakan HTML dan masukan script di bawah ini :
<div id="spoiler" style="display:none">
Masukan text disini.
</div>
<button title="Sobat klik ye" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Show</button>
Note :
Text bewarna biru, silakan ubah text nya sesuka hati.
Text warna merah, itu adalah saat akan meng klik nya.
Komentar
Posting Komentar