Judul: Berbagi Info Seputar Cara Mudah Membuat dan Memasang Spolier di Blogger Full Update Terbaru
link: Cara Mudah Membuat dan Memasang Spolier di Blogger
Berbagi Cara Mudah Membuat dan Memasang Spolier di Blogger Terbaru dan Terlengkap 2017
Akhirnya bisa posting lagi :D
Sudah tau spoiler kan?? Yang belum tau sya kasih tau.Jadi gini spoiler itu kayak gini
Sekarang yang belum tau,sudah tau kan???
Fungsi spoiler ini adalah untuk memperingan loading pagenya,jadi waktu di buka tidak langsung ngeload semua,biasanya yang dimasukan di spoiler adalah gambar yang berosolusi besar.Selain itu spoiler dapat menghemat space dan page akan lebih rapi.
Nah untuk caranya,masukkan script berikut di HTML.Letakkan sesuai keinginan.
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">judul spoiler:
<input value="BUKA"style="margin: 0px; padding: 0px; width: 60px;
font-size: 12px;" 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 = 'tutup'; }" type="button">
</div>
<div class="alt2" style="border: 2px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">sisipkan gambar atau text yang akan di buat spoiler disini<br>
</div>
</div>
</div>
Untuk menyisipkan gambar gunakan atribut <center><img src="url gambar"></center>
Sudah tau spoiler kan?? Yang belum tau sya kasih tau.Jadi gini spoiler itu kayak gini
Contoh Spoiler:
Fungsi spoiler ini adalah untuk memperingan loading pagenya,jadi waktu di buka tidak langsung ngeload semua,biasanya yang dimasukan di spoiler adalah gambar yang berosolusi besar.Selain itu spoiler dapat menghemat space dan page akan lebih rapi.
Nah untuk caranya,masukkan script berikut di HTML.Letakkan sesuai keinginan.
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">judul spoiler:
<input value="BUKA"style="margin: 0px; padding: 0px; width: 60px;
font-size: 12px;" 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 = 'tutup'; }" type="button">
</div>
<div class="alt2" style="border: 2px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">sisipkan gambar atau text yang akan di buat spoiler disini<br>
</div>
</div>
</div>
Untuk menyisipkan gambar gunakan atribut <center><img src="url gambar"></center>
Itulah sedikit Artikel Cara Mudah Membuat dan Memasang Spolier di Blogger terbaru dari kami
Semoga artikel Cara Mudah Membuat dan Memasang Spolier di Blogger yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai Android Game Reloaded. jangan lupa baca juga artikel-artikel lain dari kami.
Terima kasih Anda baru saja membaca Cara Mudah Membuat dan Memasang Spolier di Blogger