Cara Membuat Spoiler Versi Keren

Oke sob, kemaren udah janji kan mau bikin postingan tentang Cara Membuat Spoiler versi keren-nya di artikel sebelumnya: Cara Membuat Spoiler Sederhana :) Nah sekarang kita langsung ke TKP aja. Ini dia langkah-langkah mudah-nya:

• Pertama login ke blogger
• Masuk ke Edit HTML
• Cari kode ]]>

Copy Paste kode berikut tepat diatas kode ]]>

.spoiler{background:#f9f9f9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicPpt9YAMeqJb_2TIzV-trFnt3P8uwdk4hW6sQKHUzvOsWnWaI47Q45pXptTO00VkRiEczFoRUdoM-wcT-zxrQ3GUF_VBor1m2u13HtsIYOveQrC9njJTZ-6ICQR-MiufCBnhpgQt6kh9G/h120/gradient2.php.png) repeat-x;border:1px solid #ddd;padding:3px}.spoirel{font-family:arial;font-size:12px;color:#555;margin-bottom:0;font-weight:bold;text-align:left}

• Klik Simpan Template
• Kemudian Jika ingin membuat spoiler di widget, maka buka Tata Letak/Layout Blogger,
• Klik Tambah Gadget, klik Tambah HTML/Javascript
• Kemudian Copy Paste kode berikut:

Judul Widget AndaTUTUP

'; this.value = 'tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = 'buka'; this.value = 'buka'; }" style="background: #f9f9f9; border: 0px solid #000; color: #8B4513; font-family: arial; font-size: 10px; margin: 0px;font-weight:bold;text-transform:uppercase;float:right;" type="button" value="LIHAT" />

Masukan Kode Widget Anda

Ganti Teks yang berwarna diatas sesuai yang anda inginkan.

Jika ingin membuat spoiler lagi, tinggal copy paste kode diatas, tidak perlu edit html lagi :)

Selamat Mencoba, dan Semoga bermanfaat :)