4.6( 8864)

Cara Membuat Spoiler Pada Postingan Blog Mudah Simpel

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.

Cara Membuat Spoiler Pada Postingan
Contoh Postingan Dalam Blog dan Forum Kaskus



Cara Membuat Spoiler Pada Postingan Blog

Pertama-tama bagi anda yang masih bingung apa itu spoiler bisa melihat contoh dibawah ini :

Contoh Spoiler Dalam Postingan
 

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. Semoga info bagaimana cara membuat spoiler pada postingan blog sederhana dan mudah diatas bisa bermanfaat buat kita semua.

1 comments:

  1. Terima kasih artikelnya cukup membantu saya yang masih blogger pemula

    Cerdas Terpelajar

    BalasHapus