if (window.jstiming) window.jstiming.load.tick('headEnd');
Minal 'Aidin wal Faizin
Mampukah setiap tahun bertambah baik?
Sebuah tantangan bagi siapapun. Jadikan Idul fitri sebagai mement yang indah dan tepat untuk setiap kali merubah diri menjadi pribadi yang jauh lebih baik, lebih peduli, jauh dari korupsi, jauh dari iri hati dan dengki... dan tentu saja ... jauh lebih lebih berharga dimata Allah dan dan sesama.

Cara Membuat Spoiler

Dalam postingan kali ini EFA akan memposting artikel tentang  Cara Membuat Spoiler di blog. selain berguna untuk mempercantik blog, Spoiler sangat menghemat tempat. didalam spolier bisa dipasang foto, link sahabat dan lain sebagainya.  spoiler juga bisa dipasang dimana-mana baik dipostingan atau diwidget. sobat blogger mania cukup mengcopy paste kode berikut ini dan letakan ditempat yang sobat blogger mania inginkan.
inilah kodenya:

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b>: <input value="Lihat Dong" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" 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 = 'Lihat Dong'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

 kode script, HTML dan teks sobat blogger mania disini

<br>
</div>
</div>
</div> 

Keterangan :
1. Untuk tulisan Lihat Dong dan Tutup bisa sobat blogger mania ganti sesuai keinginan.
2. Width : 55px untuk lebar spoiler.
3. Font-size: 11px untuk ukuran tulisan pada kotak spoiler.
4. Tulisan Spoiler adalah judul, silahkan ganti sesuai keinginan sobat
5. Selamat Mencoba...... Semoga Berhasil


Anda Comment, EFA menuju Blog/website Sobat...
 

The Owner of Education For All Blog hanyalah seorang Blogger pemula namun bila sobat blogger mania berminat untuk melihat tutorial lainya bergaya magazine blog silahkan. Akses melalui link di bawah ini :





» Selamat Berkreasi - E F A «


1comments:

  1. Mantap gan...ini yang aku cari. tapi jangan lupa backlinknya ya gan......

    ReplyDelete

Terimakasih Atas Komentar Anda dan EFA akan segera menuju Blog anda...

NextPrev