Cara Membuat Spoiler Pada Blog

Postingan kali ini tutorial cara membuat spoiler pada blog. Apa spoiler itu? Lihat contoh berikut! Klik tab berikut!

DISINI LETAK KONTENT ANDA

<div><div style="margin: 20px; margin-top:5px"><div style="margin-bottom: 2px;" class="smallfont"><input style="margin: 0px; padding: 5px; width: auto; " value="Show" 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 = 'Hidden'; }else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }"type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;">
DISINI LETAK KONTENT ANDA</div></div></div></div></div>

Teks yang berwarna biru bisa anda ganti katanya sesuai selera misalnya seperti contoh diatas, begitu pula dengan kontentnya bisa diisi dengan banner, buku tamu, link teman dan lain lain! Untuk background warnanya bisa lihat kodenya diblog ini diatas dekat home ada kode warna nya

• Jangan lupa simpan dan simpan lagi!
• Lihat hasilnya!

Semoga bermanfaat!

Membuat Background Pada Link Ketka Di sorot

supaya blog kita lebih manarik dan keren kita buat setiap link memiliki gambar..!
sebagai DEMO dapat kamu lihat disini
dan langsung saja kita buat

cari code a:hover biar lebih cepat tekan CTRL + C kemudian tambahkan code berikut

{background-image:url(link gambar)}

sehingga menjadi seperti ini :

a:hover {background-image:url(link gambar)}

dan selamat mencoba semoga bermanfaat..!