14 April 2013

Cara Praktis mudah & cepat membuat Spoiler ( kolom buka, tutup ) Posting

Cara Praktis mudah & cepat membuat Spoiler ( kolom buka, tutup ) Posting

 Sobat Jari Liar kali ini Jari liar mencoba Share, cara membuat kolom buka tutup pada postingan.
Berfungsi untuk meringkas halaman supaya tidak panjang / menempatkan postingan yang Penting untuk dibedakan..Atau lainnya terserah kreasi kita..ok..
 Cara seperti biasanya masuk Blog sobat lalu mulai membuat Posting nya...

==================================================================
Pada teks yang perlu diberi buka tutup..gunakan kode HTML ini...
Dimasukkan Pada halaman HTML Bukan Compose..Ok..
==================================================================

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Judul Spoiler </span></i><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;">

Putra Martapura Blog (Isi Teks Disini)

</div></div></div></div>

==================================================================
Warna Merah ganti teks milik sobat sendiri Ok..
Seperti pengaturan lainnya bisa disesuaikan sendiri..





Judul Spoiler

Tidak ada komentar:

Posting Komentar