Cara Membuat Tombol Spoiler di Blog

Oleh Unknown

Selasa, 08 Juli 2014

Bagikan :

Tweet

Cah Boedi | Apa itu Tombol Spoiler atau Tombol Show-Hide? Adalah Tombol yang berfungsi untuk menghemat Loading Blog yang di Buat karena diisi dengan Tulisan yang Buanyak, dan dengan Tombol ini Postingan Anda Jauh lebih Rapi. Dan Bagaimana membuatnya? Ikuti Tutorialnya!!!

Tutorial :

• Blogger => Entri Baru => Tulis Artikel yang ingin Agan Tulis Terlebih dahulu
• Klik HTML (Terletak di Pojok Kiri Layar Pengetikan Artikel Anda
• Masukan Kode di Bawah ini

<br /><div><div style="margin: 5px;"> <div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Masukkan Judul </span></i><br/><input value="Show" 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"/> </div> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"> <div style="display: none;"> Isi Spoiler </div></div></div></div>

• Klik Publikasikan

NB : Pada Teks Warna Merah "Masukan Judul" dan Warna Biru "Isi Spoiler/Akan di Tampilkan"

Hasil :

Contoh

Tag : Blogger, Tips