0 Cara Membuat Spoiler / Tombol Hide Show Pada Postingan Blog

Kreativitas - Hallo Sobat Blogger dalam postingan kali saya akan membagi sedikit ilmu tentang bagaimana cara membuat spoiler / tombol hide show. Sebenarnya cara ini sudah banyak yang tau namun saya masih mempostingnya karna pasti masih ada teman² kita yang belum bisa membuatnya. Kita sering lihat di forum-forum seperti www.kaskus.us , mereka menggunakan spoiler untuk menyembunyikan gambar/teks/video dll untuk menghemat space. Spoiler ternyata bisa juga diterapkan di blog. Cara membuat spoiler di postingan blog sangat mudah. Ok langsung aja ke tkp :D

1. Buka account Blogger anda
2. Buat entri baru, dan pilih Edit HTML.


 3. Masukan kode berikut

<div>
<div style="margin-bottom: 2px;">
<input 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'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div style="border: 0px inset; margin: 0px; padding: 6px;">
<div style="border: 1px dotted #ffffff; display: none;">
Isi Text Anda Disini </div>
</div>
</div>

Lalu klik Compose,


Jika langkah anda benar maka hasilnya akan seperti ini:

Isi Text Anda Disini

Sekian info dari saya dan semoga artikel ini bermanfaat bagi sobat..........!!!

Bagikan Artilel :

Ditulis Oleh : Unknown

Anda sedang membaca artikel Cara Membuat Spoiler / Tombol Hide Show Pada Postingan Blog. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran dapat Anda sampaikan melalui kotak komentar dibawah ini. Bagi Anda yang ingin menyebar-luaskan artikel ini, tolong letakkan link dibawah ini sebagai sumbernya.

<a href="http://kreativitas-mu.blogspot.com/2012/07/cara-membuat-spoiler-tombol-hide-show.html" target="_blank">Cara Membuat Spoiler / Tombol Hide Show Pada Postingan Blog</a>

Artikel Lainya:

Tutorial Blogger

• Cara Mengganti Bullet List Blogger
• Cara Membuat Artikel Terkait Di Bawah Postingan
• Cara Membuat Border di Blog
• Cara Membuat Menu Vertikal di Blog
• Cara menghasilkan Kode Warna HTML dengan Ms Paint
• Cara Menghasilkan Kode Warna HTML dengan Photoshop
• Cara Mengganti Warna Background Blockquote di Blog
• Membuat Link Sumber Otomatis Ketika Di Copy Paste
• Cara Membuat Halaman Pojok Atas Melipat pada Blogger
• Cara Membuat Populer Post Dengan Fungsi Scroll
• Cara Membuat Daftar Isi Blog Otomatis
• Cara memasang lencana profil facebook di blog
• Cara Membuat Blogroll Berjalan Pada Blog
• Cara Membuat Favicon Di Blog
• Cara Membuat Pesan Di Atas Kotak Komentar
• Cara Memasang Google Translate dengan ikon Bendera di Blog
• Cara Membat Search Engine Di Blog
• Cara Membuat Kursor Di Blog
• Kumpulan Efek - Efek Pada Blog ( Lengkap )
• Cara membuat border kotak area tulisan pada posting
• Cara Membuat SMS Gratis Pada Blog
• Cara Membuat Blog
• Cara Membuat Animasi Twitter Terbang Di Blog
• Cara Membuat Efek Gelembung Pada Cursor Blog