Cara membuat spoiler dalam postingan blog.
Tombol spoiler atau biasa di sebut tombol buka dan tutup atau tombol hide. Biasanya tombol spoiler
ini dibuat dalam postingan blog yang banyak gambarnya, artikel, atau kode / program javascript tertentu. Jadi apabila artikel blog yang dibuat dengan
gambar yang size nya besar atau memasang kode script yang sangat panjang, tidak
akan membuat loading blog menjadi berat. Intinya dengan membuat spoiler untuk menyimpan / menyembunyikan isi postingan akan mengurangi loading blog.
Untuk kalian yang ingin membuat tombol spoiler di dalam postingan blog silahkan sobat coppy saja kode di bawah ini, dan saat mau menulis artikel harus pada mode HTML bukan posisi Compose.
Untuk kalian yang ingin membuat tombol spoiler di dalam postingan blog silahkan sobat coppy saja kode di bawah ini, dan saat mau menulis artikel harus pada mode HTML bukan posisi Compose.
Silahkan sobat coppy kode script tombol spoiler di dalam postingan
blog di bawah ini.
<div
id="spoiler"> <div><input type="button" value="Buka Disini"
style="margin:0px; padding:0px;"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 Lagi'; }"> </div> <div
style="background:#00ffff; margin:10px auto; border: 0px solid #000;
padding: 5px;"> <div style="display: none;"> isi
spoiler/isi gambar, dan bisa kode script
</div></div></div>
NB:
Text yang ber warna merah bisa diganti sesuai keinginan.
Untuk yang warna biru adalah warna background,
Dan untuk yang warna hijau adalah isi dari konten yang akan di sembunyikan / di buka dan tutup.
Contoh penggunaan tombol spoiler di dalam postingan blog adalah seperti ini.
Untuk yang warna biru adalah warna background,
Dan untuk yang warna hijau adalah isi dari konten yang akan di sembunyikan / di buka dan tutup.
Contoh penggunaan tombol spoiler di dalam postingan blog adalah seperti ini.
0 Comments
