Tutorial cara membuat spoiler dalam postingan blog praktis + gambar
Hallo friend kali ini saya akan share tutorial cara membuat spoiler di postingan blog. Sebelumnya sudah pada tau kan spoiler itu yang kaya gimana? ini salah satu screen shoot dari website tetangga :
Nah pasti dah pada tau kan spoiler itu yang kaya gimana? sekarang saya berikan tutorial untuk memasang spoiler ini.
- Masuk ke akun blogger anda disini
- Lalu buat entri baru
- Pilih HTML
- Lalu Copas code nya seperti gambar di atas :
# Anda dapat mengcopy code dibawah disini #
<div style="margin: 5px 20px 20px;"><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 <br></div></div></div>
- Edit text yang berwarna merah sesuai kebutuhan
- Publish postingan Anda, dan lihat hasilnya :)
Semoga tutorial ini bermanfaat yah buat para blogger semua.. Terimakasih..
Subscribe to:
Post Comments
(
Atom
)
katanya copy paste code dibawah ini, kok gw mau copy ga bisa :v
ReplyDeletekalo niat berbagi ilmu jgn stengah2 bro. :3
Kalau untuk copas codenya sudah saya kasihkan link pastebin ? ini linknya : klik disini
Deletekalau untuk copas artikelnya mohon maaf tidak bisa.