Sabtu, 11 Februari 2012

Cara Membuat Spoiler Pada Posting Blog

Contoh:

Masukan konten yang kamu inginkan, bisa berupa Artikel, Video, Gambar, Ataupun Iklan

Spoiler ini bisa di tampilkan pada sidebar maupun di postingan kamu. Nah untuk Membuatnya silahakan ikuti langkah langkah Cara Membuat Spoiler Di Blog :
  1. Log in dulu ke blogger
  2. kemudian klik layout pilih tata letak
  3. klik Elemen halaman dan pilih add HTML/Java Script
  4. Lalu copy paste kode di bawah ini:
<div><div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;"><input value="Show" style="margin: 0px; padding: 0px; width: 60px; " 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

Masukan konten yang kamu inginkan, bisa berupa Artikel, Video, Gambar, Ataupun Iklan


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

5. Kode Masukan konten yang kamu inginkan, bisa berupa Artikel, Video, Gambar, Ataupun Iklan, dapat diganti sesuai keinginan kamu.
7.Tulisan Show dan Hide, Juga bisa kamu rubah sesuai keinginan kamu.

6. Selesai.

Jempolnya ya gan

0 komentar:

Posting Komentar

 

© Copyright Alam Perwira | Born to Glory Template Created By : Alam Perwira and original template by Denzdii | Powered By : Blogger