Diposkan oleh amu ayat on 06:33
Label:

Berjumpa lagi dengan Kodokpinter, kali ini saya akan memberitai eh memberitahu bagaimana cara membuat spoiler di blogger,saya tulis ini karena banyak pertanyaan lewat pesan facebook Setelah postingan saya Cara Membuat Stripe Bar Blogger saya kasih spoiler pada bagian akhirnya. Semua pasti sudah tahu apa itu spoiler kan? Spoiler itu kaya gini contohnya

ini adalah contoh dari spoiler


Diatas tadi adalah contoh spoiler, fungsi utama spoiler adalah mengurangi beban loading page, biasanya yang dimasukin ke dalam spoiler adalah image dengan resolusi besar, jadi dengan spoiler image tidak akan diload secara langsung yang dapat mempercepat waktu loading. Fungsi lainnya tentu dengan spoiler kita dapat menghemat space dan posting terlihat lebih rapi. Sekian dulu basa-basinya, langsung saja kita lihat bagaimana cara membuat spoiler dibawah ini:
caranya mudah sekali, tinggal masukin saja kode html berikut ini



Cara Membuat Spoiler :









<div style="margin: 5px 20px 20px;"  >    < div class="smallfont" style="margin-bottom: 2px;" >  
< b>Judul Spoiler < /b  >   :  < input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /  >    < /div >  
< div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;" >  
< div style="display: none;" >  



Masukkan isi spoiler disini, dapat diisi gambar, kode html, paragraf dan lain2



< /div >  

< /div >  
</div >  






















Mudah sekali bukan?
Semoga bermanfaat ya :)








Jangan lupa juga baca yang ini



Widget by autolovers | kodokpinter

1 komentar:

sherlina halim said...

Pengen yang lebih seru ...
Ayo kunjungi www.asianbet77.com
Buktikan sendiri ..

Real Play = Real Money

- Bonus Promo Red Card pertandingan manapun .
- Bonus Mixparlay .
- Bonus Tangkasnet setiap hari .
- New Produk Sabung Ayam ( minimal bet sangat ringan ) .
- Referal 5 + 1 % ( seumur hidup ) .
- Cash Back up to 10 % .
- Bonus Royalty Rewards setiap bulan .

untuk Informasi lebih jelasnya silahkan hubungi CS kami :
- YM : op1_asianbet77@yahoo.com
- EMAIL : asianbet77@yahoo.com
- WHATSAPP : +63 905 213 7234
- WECHAT : asianbet_77
- SMS CENTER : +63 905 209 8162
- PIN BB : 2B4BB06A / 28339A41

Salam Admin ,
http://asianbet77.com/

Post a Comment

Search