Cara Membuat Spoiler

Cara Membuat Spoiler

,
Kali ini, saya akan membahas tentang Cara Membuat Spoiler ? Truz Fungsi Nya Apa Sich OomGoogle,  Makanya Ikuti terus Belum Klar Nie ...
Lanjud 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 ataugambar.

Banyak Para Blogger Slalu Mengunakan Spoiler Ini Untuk Kepentingan Postingan Blog Nya, Seperti Saya Ini Loch 

Spoiler

Contoh : Javascript, Image, Postingan, Dan L L ...
Keterangan :

1. Untuk tulisan Open dan Close bisa anda 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 anda.



SUMBER CODE NYA ;

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


SELAMAT MENCOBA .HAPPY BLOGGING .

0 komentar:

Posting Komentar

 
Design by Game PC | Bloggerized by Free Blogger Templates | Hot Deal