Demo Blog

Cara Membuat Menu Menarik Dengan Spoiler

by Doni Masrul >>> Tutorial

Spoiler adalah sebuah kolom yang bisa dibuka dan ditutup serta ada border atau garis yang membentuk kolom. Fungsinya adalah sama seperti fungsi scroll yang bertujuan untuk menghemat ruang halaman saat memposting gambar atau tulisan yang banyak sehingga terlihat tertata dan rapi.

Caranya adalah :

1. Masuk ke Dasbor -> Tambah Gadget
2. Masukin scrip dibawah ini pada gadget anda

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</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 kode, script, HTML atau Teks anda disini...
<br>
</div>
</div>
</div>

1. Tulisan Open dan Close bisa Anda ganti yang di suka
2. Width : 55px = lebar spoiler
3. Font-size: 11px = besar tulisan pada kotak spoiler
4. Tulisan Spoiler adalah judul,bisa ganti sesuai keinginan Anda
5. Tulisan yang berwarna biru bisa juga Anda ganti sesuai dengan tulisan yang ingin Anda tuliskan pada kolom bagian dalam spoiler.

> purbalingga.co.cc

Related Post :



0 komentar Baca Selengkapnya...

Looking for something?

Use the form below to search the site:

Still not finding what you're looking for? Drop a comment on a post or contact us so we can take care of it!

Doni Masrul'blog

Dapatkan info terbaru via Facebook Silahkan klik LIKE / SUKA

Powered By Blogger Widgets and Komputer dan Internet