Home » » Cara Membuat Spoiler Tombol

Cara Membuat Spoiler Tombol

Unknown | 22.04 | 0 komentar

Apa itu spoiler nda??? Spoiler yaitu suatu tombol atau script yang dapat menyembunyikan suatu teks, gambar, kode, atau yang lain sehingga bisa menyingkat atau menghemat tempat posting. Bisa juga untuk memperindah tampilan sehingga konten kita tidak langsung terbuka seperti tulisan ini. Lebih jelasnya silahkan sobat lihat contoh dibawah ini.
Buka Gambar Dibawah ini hati2..........



Atau
Buka Gambar Ini:






Mau tahu gimana cara buatnya sob? Langsung aja kita pelajari.
Kita ambil aja script dibawah 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'}">Buka/Tutup</button>



Kemudian letakkan script tersebut dalam notepad, simpan dengan nama apa saja yang penting inget. Nah sekarang silahkan posting sesuatu pada mode HTML, copas script yang udah diambil tadi dalam posting isi sesuai keinginan ente pada warna merah dan sesuaikan. Ntah itu gambar atau teks atau terserah.
Mudah kan?? Sekian tentang Cara Membuat Spoiler Tombol. Semoga bermanfaat. Keep Spirit
Share this article :

14 0 komentar:

Posting Komentar

Tinggalkan Jejak Dengan Berkomentar ya! Terimakasih

Daftar Kategori


close
cbox
 
Alamat: Talun | Ngebel | Ponorogo
Copyright © 2011. PUISI DAN PENDIDIKAN - All Rights Reserved
Template Modify by Cah Ngebel
Proudly powered by Blogger