Skip to main content
WARIM

follow us

Cara Membuat Spoiler Dalam Postingan Blog

Tombol spoiler di postingan blog, tombol buka tutup

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ‏اارَّحِيم

Assalamu'alaikum Wr . Wb.

Selamat sore sobat, di sore ini saya pengin posting yang berjudul cara membuat spoiler dalam postingan blog. Tombol spoiler atau bisa di sebut tombol buka dan tutup. Biasanya tombol spoiler ini dibuat dalam postingan blog yang banyak gambarnya, sperti blog tutorial. Karna tombol spoiler ini bisa untuk mempersingkat artikel atau bisa juga membuat irit ruang postingan blog. 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. Jadi postingan dengan gambar yang ukuran nya besar itu harus dipasang tombol spoiler supaya loading blog lebih ringan.

Untuk sobat blogger 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 di bawah ini.



<div id="spoiler"> <div><input type="button" value="coba di buka sob" 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 = 'abis di buka di tutup lagi yah sob'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1] .getElementsByTagName('div')[0] .style.display = 'none'; this.innerText = ''; this.value = 'kalo masih penasaran di buka Lagi sob'; }"> </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 biru bisa soba ganti sesuka hati.
Untuk yang warna hijau adalah warna background, bisa sobat ganti sesuat keinginan.
Dan untuk yang warna orange adalah isi dari konten yang akan di sembunyikan / di buka dan tutup.

Contoh nya sperti ini.

Nah, mungkin itu saja sob postingan tentang Cara Membuat Spoiler Dalam Postingan Blog

Wassalamu'alaikum Wr . Wb

You Might Also Like:

Buka Komentar