13 Mei 2013

Cara Membuat Spoiler Pada Postingan Blog

Sebelum sobat membaca lebih jauh artikel ini, lebih baik bobat ketahui dulu apa itu Spoiler. Spoiler adalah cara untuk menyembunyikan teks,video,gambar,maupun script dengan tujuan untuk menghemat ruang postingan. Selain itu Spoiler juga dapat mempercepat loading pada suatu website ataupun blog. Nah, postingan saya kali ini akan membahas tentang Cara Membuat Spoiler Pada Postingan Blog. Penasaran bagaimana cara membuatnya? Silahkan baca dengan seksama tutorial yang saya tulis di bawah ini :
Cara Membuat Spoiler Pada Postingan Blog :
1. Login ke blogger
2. Kemudian tulis postingan baru
3. Ganti tab Compose dengan tab HTML
4. Masukan kode di bawah ini

<div id="spoiler" style="display:none">

konten yang disembunyikan

</div>
<button title="Klik untuk melihat/menyembunyikan" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Open/Close</button> 

5. Ganti kode yang berwarna merah dengan konten yang akan sobat sembunyikan.
6. Kode yang berwarna biru bisa sobat ganti sesuai selera sobat.

Tidak ada komentar:

Posting Komentar