Cara Membuat Spoiler

Buat sobat blogger yang sudah dewa dalam dunia blogging tolong kasih tau kalo ada yang salah dalam postingan ini?? Spoiler sendiri fungsinya adalah untuk memperkecil postingan, kode script atau tulisan agar tidak makan tempat. Sebenarnya sobat juga bisa menggunakan menu dengan fungsi scroll atau bisa juga dengan menggunakan text area untuk menghemat tempat dalam penulisan kode script atau gambar.


Spoiler ini bisa sobat letakkan di postingan, mungkin sobat gunakan untuk meletakkan kode script yang panjang. Atau bisa juga meletakkan di sidebar, header atau footer blog. 


Untuk membuat spoiler, silahkan sobat copy kode script nya dibawah ini :

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

Letakkan kode script, HTML dan teks anda disini

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

Keterangan :

1. Untuk tulisan Open dan Close bisa sobat ganti sesuai keinginan.
2. Width : 55px untuk lebar spoiler.
3. Font-size: 11px untuk besar tulisan pada kotak spoiler.
4. Tulisan Spoiler adalah judul, silahkan ganti sesuai keinginan sobat.

Met mencoba!

Tweet

Tips Blogger

• How to increase Alexa Rank
• Chat Box Important for Your Blog?
• Changing Color When Text in Block
• How To Make Related Post
• 5 Solution to get FreeTraffic
• How to Eliminate Attribution Powered By Blogger
• Anti Copy Paste
• How To Make Old Post to be a New Post
• Admin Spot Backlink Booster 1.0
• SEO On Page Dan SEO Off Page
• T=v1+v2 ,Cara Meningkatkan Traffic Dan Popularity Dengan Cepat Dan Alami
• Trik Jitu Cara Cepat Meningkatkan PageRank
• Cara Membuat Read More Otomatis
• Gratis Domain Dot COM
• Cara Membuat Efek Marquee

Anda sedang membaca artikel tentang Cara Membuat Spoiler dan anda bisa menemukan artikel Cara Membuat Spoiler ini dengan url https://se-dot.blogspot.com/2011/03/buat-sobat-blogger-yang-sudah-dewa.html, anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Membuat Spoiler ini sangat bermanfaat bagi teman-teman anda, namun jangan lupa untuk meletakkan link Cara Membuat Spoiler sumbernya.