Cara Membuat Gambar Di Posting Blog Buka TUTUP

Spoiler pada blog adalah sebuah format bingkai yang digunakan untuk membingkai atau menyembunyikan teks, gambar, video maupun apa saja agar bisa disembunyikan di blog. Nantinya pengunjung bisa melihat isi spoiler tersebut dengan cara meng-klik tombol buka tutup atau "Show-Hide".
Baca : Cara Agar Blog Tampil DI Google Dan Cara Menjadi Teratas Dalam Pencarian Google
Spoiler ini bermanfaat untuk meringankan loading blog. Jika anda mengupload banyak gambar di postingan, maka anda sebaiknya memasukkan gambar-gambar tersebut ke dalam spoiler agar loadingnya blog menjadi ringan. Selain itu postingan anda akan tampak praktis dan keren.
kebanyakan dari para blogger jika aku amati dalam postingannya masing-masing, jarang sekali ada yang menggunakan cara ini. Yakni menyembunyikan gambar atau sebuah objek dengan menggunakanspoiler buka tutup. Kalaupun ada, hal itu dilakukan semata-mata demi atas nama Loading blog. Karena panjangnya sebuah artikel hingga membuat loading blog atau web menjadi berat saat dibuka, maka dengan solusi atau dengan cara inilah yang digunakannya. Yakni dengan cara membuat tombol/spoiler buka tutup. Namun demikian karena adanya permintaan, maka para mastah menciptakan sebuah script atau kode HTML untuk tombol buka tutup ini.
Info: Tentang Call OF Duty Ghost
Dan saya yang termasuk kedalam golongan blogger yang Nubie dalam hal seperti ini mencoba untuk meneruskan cara memasang tombol/spoiler buka tutup ini. Dibawah ini adalah script atau kode untuk membuat tombol/spoiler buka tutup tersebut, sobat bisa langsung menyalinnya dan kemudian meletakkannya pada halaman mana saja yang hendak Anda pasangi tombol/spoiler buka tutup ini.

Contoh spoiler buka tutup:

Cara Membuat Gambar Di Posting Blog Buka TUTUP Cara Membuat Tombol/Spoiler Buka Tutup Pada Blog

Java-Script Spoiler Buka TUTUP Gambar

<div style="margin-bottom: 2px;">Dihapus Juga GPP <div style="margin-top: 5px; text-align: center;"><input value="Buka" style="margin-top: 5px; width: 60px; font-size: 10px;" 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 style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;"><img src="URL GAMBAR SOBAT" data-lazy-loaded="true" style="display: block;"> Letakan Tulisan Disini </div></div></div><a href="http://seo-webss.blogspot.com/2014/08/blog-post_23.html"
target="_blank">Dapatkan Widget Ini !</a>

__________________________________________________________
Keterangan : Jangan Hapus<a href="http://seo-webss.blogspot.com/2014/08/blog-post_23.html"
target="_blank">Dapatkan Widget Ini !</a>

Karna Itu Adalah Bagian penting Dari Script , Istilahnya Jantungnya Manusia ! Sekian Tutorial Dari Saya Dan Terima Kasih Telah Berkunjung Ke http://seo-webss.blogspot.com/ Dan Intuk Berita Politik Dan Tutorial Blog Anda Bisa Kunjungi anonymous002.blogspot.com

Baca Juga : Cara Bermain Lost Saga Indonesia Dan Cara Memenangkannya !