Cara membuat spoiler

Spoiler adalah sebuah tombol yang bisa di buka maupun di tutup sesuka kita, spoiler sangat berguna untuk menghemat tempat pada sidebar maupun yang lainnya tinggal bagaimana kita memodifikasinya, fungsi yang lain tentunya sebagai penghias blog anda supaya tampak lebih manis jika di lihat dan supaya orang tidak bosan dengan blog anda yang menyajikan menu maupun tampilan yang apik dan unik sehingga tidak membosankan untuk di lihat.
Untuk membuat spoiler caranya cukup mudah karena tidak memerlukan kode yang amat banyak dan untuk contoh jadi dari spoiler bisa anda lihat di sini pada bagian sidebar dan untuk membuat spoiler untuk komentar bisa anda baca di sini untuk cara membuatnya silahkan copy dan paste saja kode di bawah ini dan letakkan di bagian sidebar blog anda.

<div style="margin: 5px;">
<div class="normalfont" style="margin-bottom: 2px;">
<input 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="-moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; background: red; border: 1px dashes yellow; color: white; font-size: 12px; font-weight: bold; margin: 0px; padding: 5px; width: 100%;" type="button" value="Buka" /></div>
<div class="alt2">
<div style="display: none;">
<div style="background-color: NONE; border: 2px dashes white; color: blue; padding: 10px; text-align: justify;">

Letakkan Kode Maupun Tulisan Anda Di Sini


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


Catatan: Ganti tulisan yang saya cetak merah sesuai keinginan anda dan yang saya cetak biru adalah tempat dimana anda harus meletakkan kode maupun tulisan milik anda

0 Response to "Cara membuat spoiler"

Post a Comment

PERHATIAN !...
*. Baca dulu artikel dan komentar yang ada sebelum Anda menulis komentar
*. Harap berkomentar dengan bijak dan sopan
*. Jika mengajukan pertanyaan, beri centang pada kotak disamping tulisan "Beri tahu saya" untuk mendapatkan jawaban melalui email
*. Dilarang menyertakan "LINK HIDUP", "IKLAN" "SPAM" dalam komentar karena akan dihapus atau dimasukkan ke dalam Comment Spam