Thursday, May 26, 2016

Membuat Spoiler di Blogger


Kali ini MB akan kasih tau cara buat Spoiler di Blogger, mungkin sebagian dari sobat sudah tahu apa sih spoiler itu, tapi kalau MB tidak menjelaskannya kasihan bagi yang belum tahu, Spoiler adalah tombol yang diguanakan untuk menyingkat tempat atau menyembunyikan konten (teks, foto atau ) dengan buka tutup. sebagai contohnnya nanti lihat di terakhir postingan. tapi sebagain orang pasti udah tau dengan spoiler . Spoiler bisa juga dibuat di blog, lebih khusus dipostingan. Biasanya digunakan untuk membuat penasaran si pembaca dengan menyembunyikan terlebih dahulu. Untuk melihatnya dengan mengklik tombol spoiler itu. Sudah mengertikan apa itu Spoiler? Ya sudah MB akan kasih tahu cara membuatnya.

Seperti biasa Sobat Login ke BloggerBuatlah Entri baru atau PostingPilih menu HTML di sebelah Compose pada saat postingCopy dan Pastekan 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;">
Letakkan teks atau kode script (gambar atau ) di sini<br>
</div>
</div>
</div> Ganti Judul Spoiler dengan Judul sobat, begitu juga kata Buka & Tutup.
Contoh: Gimana? Selamat Mencoba!

No comments:

Post a Comment