Judul Spoiler:
Bismillahirohmanirrohim
Assalamualaikum
warahmatullahi wabarakatuh
Teman teman kali ini
Maulana9.blogspot.com atau dunia internet ingin berbagi cara memasang spoiler
atau buka tutup pada postingan blog seperti ini biasanya ditemukan di forum
forum tujuanya untuk menghemat tempat atau untuk memperindah tampilan blog, spoiler
sahabatnya scrool. Untuk membuat spoiler tidak lah sulit , ini hanya tinggal …
Cara Membuat Spoiler di
Postingan Blog
1.Login ke akun blogger anda
2.Pilih Entri Baru/New Post
3.Lalu pilih mode Edit HTML
4.Copy paste kode di bawah ini lalu taruh pada mode Edit HTML
<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;">
Tuliskan Teks Anda di Sini atau kode script gambar/video ! <br>
</div>
</div>
</div>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Tuliskan Teks Anda di Sini atau kode script gambar/video ! <br>
</div>
</div>
</div>
Sekarang anda lihat hasilnya,
Jika yang diatas adalah Cara Membuat Spoiler di Postingan Blog sekarang
Cara Membuat Spoiler di Widget cara nya tidak jauh
berbeda hanyalah tempatnya yang berbeda, belajar Cara Membuat Spoiler di Widget dan Cara Membuat Spoiler di
Postingan Blog sangat lah mudah bagi para blogger yang
sudah lama terjun di dunia internet apa lagi dia yang sudah ahli dalam blogger,
tapi bagi pemula pun sangat mudah , begini cara nya,
1. Login ke Akun Blogger anda
2.
Masuk
ke menu tata letak
3.
Klik
tambah widget lalu pilih HTML javascript
4.
Copy
Paste kode di bawah ini
<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;">
Tuliskan Teks Anda di Sini atau kode script gambar/video ! <br>
</div>
</div>
</div>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Tuliskan Teks Anda di Sini atau kode script gambar/video ! <br>
</div>
</div>
</div>
5.Selesai !
Itu lah sedikit ilmu yang saya punya semoga teman teman bias memanfaat
kanya dan berguna, Salam Sukses
