Cara Membuat Tombol Spoiler Keren

Cara Membuat Tombol Spoiler Keren - jika anda seorang blogger pasti tahu apa itu Tombol Spoiler. Tombol Spoiler adalah tombol yang digunakan untuk menyingkat ruang pada postingan blog kita baik itu foto, video ataupun teks. Baik jika anda sudah tahu apa itu fungsinya. Untuk Demo bisa diliat dibawah.

Judul Spoiler:

Untuk cara membuatnya :

• Login Ke Blogger
• Pilih New Post 
• Gunakan mode HTML bukan compose
• Copy kode dibawah ini

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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 class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">Letakkan teks atau kode script (gambar atau video) di sini <br></div></div></div>

•  Jika sudah silahkan klik preview / pratinjau dan lihat hasilnya

Itulah artikel tentang Cara Membuat Tombol Spoiler Keren begitu mudah bukan. Cara diatas dapat anda terapkan di blog anda masing-masing. Jika ada masalah atau pertanyaan silahkan berkomentar.

Share on: Facebook Twitter Google+ Linkedin Technorati Digg LintasMe

Related Articles :