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
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
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 :
Tutorial
- How to Find Good Article Writers
- Cara Menghapus Widget Yang Tak Bisa di Hapus
- Cara Menyingkat Postingan (Read More)
- Cara Pasang Buku Tamu Facebook di Blog
- Pasang Kotak Komentar Facebook di Blogger
- Show atau Hide Widget Followers
- Membuat Postingan Blog Menjadi Update Status Facebook Dan Twitter Secara Otomatis
- Bikin Kursor Lucu
- Gambar di Samping Judul Posting
- Membuat Tombol Maximize dan Minimize Pada Widget Blog
0 komentar
Bagaimana Pendapat Anda?