Cara simple membuat tombol spoiler lihat gambar pada postingan blog dapat mempercepat laoding halaman

Pernahkah anda menjumpai loading blog sangat lambat dan berat ?
Salah satu akibatnya karena ukuran gambar dalam postingan yang berat. Tapi jangan kawatir karena disini akan sosbudpolhuk.blogspot.com bagikan mengenai cara simple membuat tombol spoiler lihat gambar pada postingan blog dapat mempercepat laoding halaman blog.

"tombol spoiler lihat gambar seperti dibawah ini : 

Langkah penerapan di blog :
1. Login Blogger
2. Dashboard klik new pos
3. inget pilih mode HTML bukan Compose
4. Copy kode dibawah ini 

"<br />
<div id="spoiler">
<div>
<input name="button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT'; }" style="font-size: 12px; margin: 5px 0px 20px; padding: 1px; width: 90px;" type="button" value="LIHAT GAMBAR" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 0px 0px 0px 0px; padding: 0px; width: 100%;">
<img 100="" alt="spoiler pada blogspot" class="aligncenter" height="100%;" src="TARUH URL GAMBAR Disini " /> </div>
<div id="hide">
</div>
</div> "

5. Paste pada Postingan masih pada mode html
6. Klik mode compose untuk melihat apakah kode bisa kerja apa tidak
7. Publish

Lihat hasilnya .... !

Semoga bermanfaat buat sahabat blogger ...!

Tweet

Subscribe to receive free email updates: