|
Cara Membuat Spoiler di Postingan Blog |
LEMPOGonline.
Cara Membuat Spoiler di Postingan Blog - Untuk pertama kali saya memposting tentang tutorial blog. Sebenarnya useless banget saya menulis tentang tutorial blog. Karena ya sudah banyak sekali blog-blog beken tentang tutorial yang susah untuk diajak bersaing. Namun, saya buat pengecualian karena yang saya posting ini sempat saya gunakan dalam postingan "
Orang Normal Pasti Dapat Menemukan Kejanggalan Dalam Foto Ini!". Yup, tutorial blog kali ini tentang cara membuat spoiler di postingan blog.
Kita sering melihat spoiler dalam game balap, tapi bukan spoiler itu yang saya maksud. Spoiler yang saya maksud yang seperti di kaskus. Jadi ada tombol bisa membuka dan menutup yang berisikan sesuatu. Kalau di postingan blog, biasanya untuk postingan yang berisikan quiz dan jawaban. Pokoknya kayak gitu dah.
Mau tau cara membuatnya? Check this one out.
1. Log in blogger
2. Buat postingan baru
3. Pilih HTML
4. Paste kode dibawah ini,
<div id="spoiler" style="display: none;">
<a href="https://2.bp.blogspot.com/-3VNragg5FZE/Vr6Gg27g1PI/AAAAAAAABYc/Y0Ari7BENJI/s1600/029853600_1423283720-2Q1-720x390.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="177" src="https://2.bp.blogspot.com/-3VNragg5FZE/Vr6Gg27g1PI/AAAAAAAABYc/Y0Ari7BENJI/s320/029853600_1423283720-2Q1-720x390.jpg" width="320" /></a><br />
Yup, jawabannya adalah, kursinya tidak memiliki papan untuk duduk!!</div>
<button onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}" style="background: red; border: 1px solid blue; color: white; padding: 5px 50px 5px 50px;" title="Klik untuk membuka jawaban" type="button">Klik Untuk Jawabannya</button>
keterangan:
Warna Merah = Isikan kode gambar yang mau kamu isi. Jika tidak ingin berisi gambar dan hanya tulisan saja, hapus dan abaikan saja.
Warna Biru = Isikan tulisan yang mau kamu cantumkan. Jika tidak ingin berisi tulisan dan hanya gambar saja, hapus dan abaikan saja.
Warna Kuning = Isikan untuk title dari spoiler
Warna Hijau = Isikan untuk suruhan terhadap spoiler.
5. Setelah postingan selesai, tinggal publikasikan.
Hasilnya seperti ini,