Blog ini hanyalah ungkapan akan ketidaksempurnaan seseorang yang haus terhadap ilmu pengetahuan. Hanya blog biasa dan sederhana tanpa
ada sesuatu apapun itu yang membuatnya spesial. Merupakan titik temu antara pola pikir dan rasa penasaran yang kemudian tertumpah
dalam barisan abjad atau angka yang kadang penulispun terjerumus di dalamnya. fvck real dejavu //Tips Trik Blog
[+] Post Title :

Cara Membuat Spoiler


[+] Date : 3/01/2010
[+] Author : Oktri darmadi
[+] Link : http://tipsbelajar-blog.blogspot.com/2010/03/cara-membuat-spoiler.html
[+] Type :
kali ini, saya akan membahas tentang membuat spoiler pada blog.
Spoiler sendiri fungsinya adalah untuk memperkecil postingan, kode script atau tulisan agar tidak makan tempat. Sebenarnya sobat juga bisa menggunakan menu dengan fungsi scroll atau bisa juga dengan menggunakan text area untuk menghemat tempat dalam penulisan kode script atau gambar.

Spoiler ini bisa sobat letakkan di postingan, mungkin sobat gunakan untuk meletakkan kode script yang panjang. Atau bisa juga meletakkan di sidebar, header atau footer blog.

Spoiler:




Letakkan kode script, HTML dan teks anda disini







<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;">

Letakkan kode script, HTML dan teks anda disini

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



Keterangan :

1. Untuk tulisan Open dan Close bisa sobat ganti sesuai keinginan.
2. Width : 55px untuk lebar spoiler.
3. Font-size: 11px untuk besar tulisan pada kotak spoiler.
4. Tulisan Spoiler adalah judul, silahkan ganti sesuai keinginan sobat.

Selamat mencoba ! Happy

Ditulis Oleh : Oktri darmadi ~ Tips Belajar Blog

Anda sedang membaca sebuah artikel yang berjudul Cara Membuat SpoilerMohon maaf apabila konten dari posting yang anda baca sudah rusak atau terjadi kesalahan dalam penulisan. Jika ada pertanyaan yang ingin disampaikan silahkan tulis pada kotak komentar

:: Thank you for visiting ! ::

0 komentar:

Posting Komentar

 
Masuk ke Blog