Kumpulan catatan harian

Rabu, 29 April 2015

Spoiler pada Blogspot

Mungkin di forum terbesar di Indonesia menggunakan spoiler sangat mudah, tetapi di blogspot kita harus menggunakan sedikit kode javascript.

1. Buat element html/Javascript
2. masukan kode berikut

 <a href="#" onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.value = 'Hide Content';}else{ this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Show Content';}" />Show Spoiler</a>  



3. area yang akan dispoiler
 <div style="display: none;">// masukkan konten disini</div>  


Mudah bukan kawan2. Selamat mencoba :)
Share:

1 komentar:

  1. wah gampang banget ternyata gan,,, makasih atas tutorialnya sangat bermanfaat bagi saya

    server bloger

    BalasHapus

Blog Archive