بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِاارَّحِيم
Assalamu'alaikum Wr . Wb.
Selamat sore sobat, di sore ini aku pengin posting yang berjudul cara menciptakan spoiler dalam postingan blog. Tombol spoiler atau dapat di sebut tombol buka dan tutup. Biasanya tombol spoiler ini dibentuk dalam postingan blog yang banyak gambarnya, sperti blog tutorial. Karna tombol spoiler ini dapat untuk mempersingkat artikel atau dapat juga menciptakan hemat ruang postingan blog. Kaprikornus apabila artikel blog yang dibentuk dengan gambar yang size nya besar atau memasang instruksi script yang sangat panjang, tidak akan menciptakan loading blog menjadi berat. Kaprikornus postingan dengan gambar yang ukuran nya besar itu harus dipasang tombol spoiler semoga loading blog lebih ringan.
Untuk sahabat blogger yang ingin membuat tombol spoiler di dalam postingan blog silahkan sahabat coppy saja instruksi di bawah ini, dan ketika mau menulis artikel harus pada mode HTML bukan posisi Compose.
Silahkan sahabat coppy instruksi script di bawah ini.
NB: text yang ber warna biru dapat soba ganti sesuka hati.
Untuk yang warna hijau yaitu warna background, dapat sahabat ganti sesuat keinginan.
Dan untuk yang warna orange yaitu isi dari konten yang akan di sembunyikan / di buka dan tutup.
Contoh nya sperti ini.
Nah, mungkin itu saja sob postingan wacana Cara Membuat Spoiler Dalam Postingan Blog
Wassalamu'alaikum Wr . Wb
Assalamu'alaikum Wr . Wb.
Selamat sore sobat, di sore ini aku pengin posting yang berjudul cara menciptakan spoiler dalam postingan blog. Tombol spoiler atau dapat di sebut tombol buka dan tutup. Biasanya tombol spoiler ini dibentuk dalam postingan blog yang banyak gambarnya, sperti blog tutorial. Karna tombol spoiler ini dapat untuk mempersingkat artikel atau dapat juga menciptakan hemat ruang postingan blog. Kaprikornus apabila artikel blog yang dibentuk dengan gambar yang size nya besar atau memasang instruksi script yang sangat panjang, tidak akan menciptakan loading blog menjadi berat. Kaprikornus postingan dengan gambar yang ukuran nya besar itu harus dipasang tombol spoiler semoga loading blog lebih ringan.
Untuk sahabat blogger yang ingin membuat tombol spoiler di dalam postingan blog silahkan sahabat coppy saja instruksi di bawah ini, dan ketika mau menulis artikel harus pada mode HTML bukan posisi Compose.
Silahkan sahabat coppy instruksi 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 ingin tau 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 dapat instruksi script </div></div></div>NB: text yang ber warna biru dapat soba ganti sesuka hati.
Untuk yang warna hijau yaitu warna background, dapat sahabat ganti sesuat keinginan.
Dan untuk yang warna orange yaitu isi dari konten yang akan di sembunyikan / di buka dan tutup.
Contoh nya sperti ini.
Nah, mungkin itu saja sob postingan wacana Cara Membuat Spoiler Dalam Postingan Blog
Wassalamu'alaikum Wr . Wb
