Membuat Spoiler Buka Tutup di Blog
14 April 2012
Membuat Spoiler Buka Tutup Di Blog - Spoiler biasanya ditemukan di forum - forum, yang berfungsi untuk menyembunyikan gambar, kode , link yang panjang dan besar. Saat tulisan " Show " di klik maka akan terlihat gambar, link, kode yang di sembunyikan. Tujuan memasang spoiler adalah untuk menghemat tempat pada postingan / tulisan.
Ini dia contoh Spoiler :
Ini dia contoh Spoiler :
Jika ingin memasang silahkan ikuti di bawah ini :
Kode Spoiler Text :
<div style="margin: 5px;"><div class="smallfont" style="margin-bottom: 2px;"><input style="margin: 0px; padding: 0px; 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button" value="Show" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; background: #FAFAF7;"><div style="display: none;">Masukan Disini</div></div></div>
*Ganti yang berwarna merah dengan isi spoilermu.
Kode Spoiler Gambar
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><input style="margin: 0px; padding: 0px; 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button" value="Show" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; background: #FAFAF7;">
<div style="display: none;"><img class="aligncenter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhku2UcfK9GMk4Na8yBi2IbziXGFlI8En6LM9FSlX0KJxAjgD5BWYLSgEljrYfwJ2RVUQHAcEVI2pfWNx9oMhNmVRkWhU_DTkMfvLFiYAYtFY4k-wFP3MXNmY6gkljx-kJalbMI02x_XKA/s1600/images.jpg" alt="monyet" width="300" height="280" /></div>
</div>
</div>
*Ganti yang berwarna merah dengan url gambar spoilermu.
Cara memasangnya :
Widget :
1. Login Blogger
2. Masuk ke Tata Letak >> Tambah Widget >> html Javascript
3. Masukan Code Tersebut
Posting :
1. Login Blogger
2. Masuk ke buat posting
3. Taruh kode spoiler di HTML.
4. Terbitkan
Selamat mencoba. Tutorial ini sudah berhasil di coba. apabila tidak bisa mungkin anda salah mencopynya.. - Membuat Spoiler Buka Tutup Di Blog

![]() | Description: Membuat Spoiler Buka Tutup di Blog Rating: 5 Reviewer: 98827 ulasan Item Reviewed: Membuat Spoiler Buka Tutup di Blog |
![]() |
Baca Juga Artikel Ini :
Tutorial Blogger
- Download Template Blog Ringan dan SEO Friendly | Template Habluez Share
- Cara Mendapatkan Uang dari Blog
- Cara Meningkatkan Jumlah Klik PPC
- PPC Lokal Terbaik dan Terpercaya 2012
- Cara Meningkatkan Trafik Pengunjung Blog
- Cara Membuat Komentar Admin Berbeda Dengan Pengunjung Blog
- Judul Artikel Blog yang Banyak Dicari Pengunjung
- Membuat Auto Refresh Di Blog
- Cara Mengalihkan / Redirect Halaman Tidak Ditemukan ke Home Page Blog
- Membuat Bintang di Google Search Untuk Blog
- Cursor Switch Penggubah Cursor Mouse yang dapat dihidup matikan
- Blog Dofollow PageRank PR Tinggi
- Membuat Kolom Widget Di Samping Header Blog
- Cara Membuat Berbagai Macam Border di Blog
- Memasang Iklan Diatas Posting Blog
- Domain .in dan Hosting Gratis
- Memberi Efek Salju Bertaburan Di Blog
- Memberi Kotak Pencarian Search di Blog Tanpa Kode
- Mengukur Berat Dari Loading Blog
- Memasang Bintang Rating Rich Snippet di Google 2
- Memberi Musik AutoPlay Pada Blog
- Cara Membuat Posting Blog Otomatis Masuk Fanspage
- Template SEO Friendly dan Ringan
- Memberi Reply Comment di Komentar Blog