Senin, 24 Maret 2014

Cara Membuat Spoiler di Postingan Blog

Kali ini saya akan memberikan Toturial membuat spoiler di postingan Blog spoiler adalah untuk memangkas postingan di Blog Open dan Tutup contohnya lihat gambarnya di bawah ini.
Ok langsung saja pada inti acaranya.
1. Login ke Akun Blogger Anda kemudian langsng ke Enti Baru
2. Ke HTML
  Kemudian copi source code di bawah ini:
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b> for open <b>Script</b>: <input value="Open" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
ISIKAN POSTINGAN DI SINI
</div>
</div>
</div>


Dan hasilnya kira-kira seperti di bawah selamat mencoba...
Spoiler for open Script:
ISIKAN POSTINGAN DI SINI
Sumber :Dhafiq Sagara
Share:

0 komentar:

Posting Komentar

Popular