Cara Membuat Spoiler Berisi Gambar di Blog

Caranya :

1. Login ke Blogger
2. Pilih New Post atau Entri Baru
3. Kemudian pilih mode HTML (selain Compose) saat membuat entri baru
4. Sisipkan kode script di bawah ini untuk membuat spoiler :
<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: 11px; margin: 5px 0px 20px; padding: 1px; width: 55px;" type="button" value="LIHAT" /></div> <div id="show" style="border: 1px solid white; display: none; margin: 0px 0px 0px 0px; padding: 0px; width: 100%;"> <img alt="spoiler pada blogspot" class="aligncenter" height="250" src=" LINK GAMBAR " width="250" /> </div> <div id="hide"> </div> </div>
5. Ganti tulisan LINK GAMBAR dengan link gambar anda sendiri, misal :
   https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbvsKMWSK6RP57WHY_y8b_REgwkvnIQQk1BrHNOCyYvCV_0B1gzOxogJFfdF5_AdsdiDb3jTI7hJmgyV6oe_ErFqZPKV9FepB1PlTid4TBAzYMbehkyxiQg72Mx0hlb8pr3i8llqZkeRjq/s1600/zombie.gif
6. Kemudian klik Publish atau Publikasikan dan lihat hasilnya
7. Contoh :

Semoga bermanfaat, selamat mencoba...

Related Post:

Blog

• Cara Membuat Daftar Isi Otomatis di Blog
• Cara Membuat Efek Bayangan pada Tepi Blog
• Cara Membuat Menu Tombol Drop Down / ComboBox di Blog
• Cara Membuat Satu Klik Dua Link Terbuka Sekaligus
• Cara Membuat Link Terbuka Tanpa di Klik
• Cara Membuat Bintang Berjatuhan Pada Cursor Blog [dengan coding Google Drive]
• Cara Membuat Bintang Berjatuhan Pada Cursor Blog [dengan coding Google Code]
• Cara Menambahkan Emoticon di Kotak Komentar [google drive]
• Cara Menambahkan Emoticon di Kotak Komentar
• Cara Membuat Breadcrumbs Terindex oleh Google Search Engine
• Cara Memasang Widget Burung Twitter Terbang Keren di Blog [google drive]
• Cara Memasang Widget Burung Twitter Terbang Keren di Blog
• Cara Membuat Tabel Menggunakan CSS
• Cara Menambahkan Widget I Love Indonesia
• Cara Membuat Widget Translate Keren
• Cara Membuat Widget Popular Post Keren [Blogroll]
• Cara Membuat Widget Recent Post Keren [Blogroll]
• Cara Membuat Widget Recent Post Keren [Slide]
• Cara Membuat Buku Tamu Auto Hide Keren Di Blog
• Cara Mengganti Tulisan Older Post, New Post, Home Dengan Gambar Navigasi
• Cara Membuat Spoiler Di Dalam Posting Blog
• Cara Membuat Semua Link Blog Terbuka di Tab Baru
• Cara Membuat Icon Back To Top Keren
• Cara Membuat Sumber Link Otomatis Saat Artikel Di Copy