Cara Memasang spoiler gambar

Spoiler adalah cara untuk menyembunyikan seluruh atau sebagian isi dari posting, dengan tujuan untuk menghemat space halaman posting. Biasanya yang disembunyikan dalam spoiler adalah berupa gambar.

Cara memasang spoiler

1. Buat postingan baru add new post, dan pilih mode HTML (seperti ditunjukkan pada gambar)
2. Masukkan kode berikut ini

<div id="spoiler">
<div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" 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 LAGI'; }" name="button" type="button" value="buka dunk" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">
<div style="color: #000000; background: none repeat scroll 0% 0% #ebf3fb; border: 1px solid #aaccee; padding: 7px; margin: 0px;">
<p style="text-align: justify;">

Teks yang akan disembunyikan di spoiler, semoga tips ini membantu

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

hasilnya akan seperti ini :

Teks yang akan disembunyikan di spoiler, semoga tips ini membantu

Jika ingin menyisipkan gambar ke dalam spoiler, kita hanya perlu memasukkan kode ini, dan meletakkannya di bagian berwarna merah pada kode di atas

<img src="http://alamat_gambar.jpg" alt="gambarA" width="300" height="400" />

jika ingin mengubah tulisan spoiler == tulisan  “buka dunk”, bisa mengedit pada bagian coding berwarna biru

Artikel Terkait Nufray:

Tips

• Cara Mudah Mendapatkan BackLink Gratis dari EDU
• Setting Template SEO Friendly Blogger
• cara meningkatkan traffic pengunjung
• Makna Ping - Packet Internet Gropher
• Cara sederhana Terindeks MSN, Yahoo, Google
• Cara Sederhana Membuat Postingan Otomatis
• Free Software Membuat Kwitansi
• Cara merubah Google.co.id jadi Google.com
• Cara Mendaftarkan Blog ke Search Engine
• Auto Back Link Generate Nufray
• Memposting Blog Otomatis di Facebook
• Membuat Scroll Pada Related Post
• Cara Memasang Musik Otomatis
• Cara Sederhana Memasang Komentar Facebook
• Cara Membuat Readmore atau Baca Selengkapnya otomatis
• Backlink Squidoo
• Cara Submit Artikel ke Social Bookmark Stumbleupon
• Faktor Penentu Kenaikkan Pagerank
• Cara Mendaapatkan Sitelink Google
• Cara Membuat Blog Blogspot
• Cara Merubah noFollow menjadi doFollow
• Macam-Macam Kode Warna
• Cara Menambah Gadget di Header
• Cara Menyembunyikan dan Menampilkan Widget

Blogspot

• Cara Mudah Mendapatkan BackLink Gratis dari EDU
• Membuat Scroll Pada Related Post
• Cara Memasang Musik Otomatis
• Cara Sederhana Memasang Komentar Facebook
• Membuat Blogroll Banner Otomatis
• Cara Membuat Readmore atau Baca Selengkapnya otomatis
• Backlink Squidoo
• Cara Submit Artikel ke Social Bookmark Stumbleupon
• Faktor Penentu Kenaikkan Pagerank
• Macam-Macam Kode Warna
• Cara Menambah Gadget di Header
• Cara Menyembunyikan dan Menampilkan Widget
• Pengertian Search Engine Optimization (SEO)
• Memasang tombol print di postingan blog
• Cara Menu Navigasi Bercabang
• Cara Membuat Postingan Seperti Koran
• Cara Memasang Favicon Blog
• Cara Membuat ShoutBox/Buku Tamu Melayang
• Membuat Recent Post Thumbail
• Cara Mudah Membuat Search Blog

Blog

• Cara Mudah Mendapatkan BackLink Gratis dari EDU
• Setting Template SEO Friendly Blogger
• cara meningkatkan traffic pengunjung
• Makna Ping - Packet Internet Gropher
• Cara Membuat Widget link Exchange Otomatis
• Tips Menjerat Robot Google
• Cara Mendapatkan 100 Backlink Gratis Setiap Hari
• Backlink Squidoo
• Cara Submit Artikel ke Social Bookmark Stumbleupon
• Faktor Penentu Kenaikkan Pagerank
• Cara Mendaapatkan Sitelink Google
• Cara Memasang Favicon Blog
• Cara Membuat ShoutBox/Buku Tamu Melayang
• Membuat Recent Post Thumbail
• Cara Mudah Membuat Search Blog