Pada postingan kali ini akan dijabarkan tentang membuat spoiler, adapun wujud dari spoiler ini adalah kolom tersembunyi yang bisa difungsika dengan cara membuka konten serta menutup konten yang ada dalam spoiler tersebut.
Tujuan dari membuat spoiler ini adalah, untuk memperkecil muatan dalam ruang blog kita. Serta dapat mempercepat loading blog kita, karena spoiler dapat menunda loading item-item seperti Gambar serta video yang memiliki kapasitas yang besar hingga spoiler tersebut dibuka.
Berikut ini contoh dari spoiler :
Nah...jika tertarik untuk menggunakannya, silakan copy code dibawah ini :
Jika anda mengerti tentang html, silakan ganti code-code yang berwarna merah sesuai selera anda.
Semoga bisa bermanfaat
Terima Kasih
Tujuan dari membuat spoiler ini adalah, untuk memperkecil muatan dalam ruang blog kita. Serta dapat mempercepat loading blog kita, karena spoiler dapat menunda loading item-item seperti Gambar serta video yang memiliki kapasitas yang besar hingga spoiler tersebut dibuka.
Berikut ini contoh dari spoiler :
Contoh Spoiler :
<center><div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i>
<span style="font-weight: bold;">Contoh Spoiler : </span></i>
<input value="Klik Disini" style="margin: 0px; padding: 0px;
width: 200px; font-size: 10px;" 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 Lagi Dong'; }
else { this.parentNode.parentNode.getElementsByTagName('div')
[1].getElementsByTagName('div')
[0].style.display = 'none'; this.innerText = ''; this.value = 'Klik disini'; }"
type="button"/> </div>
<div class="alt2" style="border: 0px inset ; margin: 0px; padding: 0px;">
<div style="display: none;">
simpan file gambar/video/dll disini
</div></div></div></div></center>
Semoga bisa bermanfaat
Terima Kasih
amankan pertamax....... kok spoilernya g sama y ama punya q, wah keren nih
ReplyDeletesangat di sarankan bagi blog yg agak berat loadingnya untuk menggunakan spoiler
ReplyDeleteThanx sobat atas responnya...
ReplyDeleteiya nich kemaren baru merasakannya...kl spoiler sangat membantu program diet blog saya, maklum kemaren sempat jadi gendut banget....
Thanx sobat....
wah, mantab nih... tak sedot sob... sruuuuuuuuuuut... :D
ReplyDeleteoiyah, klo cara masukin file SWF scriptnya apah yah sob?? ada yg tw gag ??? :-?
MASQULIN.BLOGSPOT.COM
@ Arief : Langsung saja lihat disini sob...
ReplyDeleteCara Pasang Flash di BLog
Langsung saya coba soob...thanks atas infona.
ReplyDeleteThanx sob...silakan di coba....
ReplyDeleteThanx semua...
makasih atas sharingnya, sudah pakde praktekkan, sekarang blog pakde terasa lebih longgar ( emang masih sepi)
ReplyDeleteterima kasih pakde, smoga slalu bisa bermanfaat artikel di blog ini...sukses selalu buat kita semua...
ReplyDeletesukses follow nmr 94, mw nanya nih sob klo buat spoiler tp sekalian ada scrollnya gmana caranya sob, mohon pencerahan di guestbook saya, ditunggu follow baliknya...
ReplyDeleteakan lebih praktis dan akan membuat loading blog lebih ringan jika di pasang spoiler pada postingan yang banyak menggunakan gambar atau pada kotak komentar dan widget di sidebar
ReplyDelete