CARA MEMBUAT SPOILER PADA POSTINGAN BLOG

Saat ini saya akan membagi ilmu kepada semua para blogger..saya akan membuat cara bagaimana membuat spoiler pada blog anda.. sebelum itu spoiler merupakan suatu aplikasi dengan kode html/java script, kegunaannya agar pada postingan yang anda buat tidak terlalu ribet dan sukar untuk di mengert oleh anda sendiri dan para pembaca postingan dan para blogger..tutorial ini pun saya buat karena teman sekelas saya di kampus ingin membuat spoiler agar pada postingan yang di buat tidak terlalu penuh dan dapat di mengerti oleh para pembaca..untuk itu saya akan membuat tutorialnya untuk teman saya yang bernama Adityo. iya juga seorang blogger sama seperti saya..dan kami juga sering bertukar pikiran..

emm....cukup saya berbasa-basi dan berikut ini adalah langkah-langkah membuat spoiler.
langkah pertama adalah..
* buka dan log in blogger anda
* buka postingan anda
* pilih entri baru atau edit entri untuk mengedit postingan yang telah anda buat
sebelumnya.
* setelah itu anda tuliskan kode html ini pada postingan yang anda buat.

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Spoiler</b> Untuk SEE <b>Script</b>: <input value="SEE" style="margin: 0px; padding: 0px; width: 50px; 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 = 'SEE'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
pada bagian ini anda dapat menulis postingan anda,gambar, kode html atau apapun yang bisa anda buat sesuai dengan keinginan anda.
</div>
</div>
</div>

bila kode diatas di jalankan maka akan seperti ini;

Spoiler Untuk SEE Script:

pada bagian ini anda dapat menulis postingan anda,gambar, kode html atau apapun yang bisa anda buat sesuai dengan keinginan anda.

* Langkah yang terakhir adalah anda tinggal menyimpan kode html tadi pada
postingan yang telah anda buat.

untuk catatan para blogger silahkan anda perhatikan..
untuk kode html width dapat anda ganti angkanya sesuai keinginan karena itu adalah lebarnya spoiler, sedangkan untuk kode html font-size itu adalah untuk ukuran tulisan. anda juga dapat mengganti kata SEE dan CLOSE sesuai dengan apa yang anda inginkan..Silahkan anda mencobanya..

salam blogger...