Cara Membuat Spoiler Pada Postingan Blog

Cara Membuat Spoiler Pada Postingan Blog - Cara Membuat Spoiler Pada Postingan di Blogpot mudah terbaru 2013 kali ini kami hadirkan setelah lama banget tidak pernah postingan seputar tutorial atau tips ringan blogger. Spoiler biasanya digunakan didalam forum atau postingan sebuah blog dengan tujuan menyembunyikan konten asli sebelum ditekan tombol buka (show/hide). Gunanya dari sebuah spoiler seh menurutku sekedar mempercantik tampilan saja namun tidak berpengaruh terhadap loading blog.
Pertama-tama bagi anda yang masih bingung apa itu spoiler bisa melihat contoh dibawah ini :

Contoh Spoiler Dalam Postingan

Konten Tersembunyi dalam spoiler
Show/hide

Kode Membuat Spoiler Dalam Postingan
Bagaimana cara membuat spoiler seperti diatas langkahnya sangat mudah dengan menggunakan kode html :

Judul Spoiler
<div id=�spoiler� style=�display:none�>
Teks/gambar yang ingin dimasukan ke spoiler
</div>
<button title=�Click to show/hide content� type=�button� onclick=�if(document.getElementById(�spoiler�) .style.display==�none�) {document.getElementById(�spoiler�) .style.display=�}else{document.getElementById(�spoiler�) .style.display=�none�}�>Show/hide</button>

Cara menggunakannya cukup masukan tulisan anda ke dalam teks berwarna merah tersebut lalu masukan kodenya kedalam postingan blog anda dalam mode HTML.

Demikian Artikel tentang Cara Membuat Spoiler Pada Postingan Blog