Cara pasang spoiler di blog

Judul Spoiler:

Tuliskan Teks Anda di Sini atau kode script gambar/video !

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>

 

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>

    5.Selesai !

Itu lah sedikit ilmu yang saya punya semoga teman teman bias memanfaat kanya dan berguna, Salam Sukses