Terima Kasih Telah Berkunjung ^^

Cara Memasang Spoiler di Blog

Sebelumnya ane jelasin dulu maksud spoiler itu seperti apa. Spoiler berfungsi untuk menyembunyikan teks, gambar maupun widget dalam blog sehingga blog para sobat terasa lebih enteng (emang iya ya? :/). Karena spoiler juga membantu kita mengurangi waktu load saat membuka blog. Coba sobat bayangin, gimana beratnya blog sobat yang berisi berbagai widget beserta gambar-gambar yang ukurannya MAHA besar (Lebay). Oke berikut cara memasang spoiler di blog.
1. Sobat Login ke dalam Blogger terlebih dahulu (ya iyalah).
2. Sobat menuju ke rancangan lalu pilih elemen laman.
3. Selanjutnya sobat pilih tambah gadget > lalu pilih HTML/Java Script.
4. Nah...disitu sobat masukkan kode script berikut:

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b>: <input value="Open" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

Di sini script yang ingin disembunyikan

<br>
</div>
</div>
</div>

Nah tulisan yang warna biru tuh buat script widget/gambar/apalah yang ingin sobat blogger sembunyikan.Seperti ini deh contohnya
Spoiler 

Coba ya??? ^^



Mudah bukan??? Selamat mencoba ya ^^

Tidak ada komentar :

Posting Komentar