Minggu, 29 Januari 2012

Cara Membuat Spoiler di Blog

tersebut dan gantilah dengan kode berikut:
Spoiler merupakan suatu teknik untuk menyembunyikan teks yang panjang, gambar, atau video. Spoiler dapat pula kita terapkan dalam membuat suatu artikel di Blogger. Dengan membuat spoiler ini kita dapat menghemat tempat atau ruang di halaman posting.
Cara Membuat Spoiler di Blog
Berikut cara membuat spoiler dihalaman postingan :
Cara Membuat Spoiler di Blog

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Baca Selengkapnya</b>: <input 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Lihat" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

Letakkan konten Anda di sini.

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

  • Untuk tulisan Baca Selengkapnya merupakan judul spoiler, Anda dapat menggantinya sesuai keinginan.
  • Tulisan Lihat, Buka dan Tutup dapat diubah sesuai keinginan Anda.
  • width: 55px; menunjukkan lebar spoiler.
  • font-size: 11px; menunjukkan ukuran huruf dalam spoiler.
  • Ganti tulisan Letakkan konten Anda di sini dengan konten yang ingin Anda masukkan ke spoiler.
  • Bila Ingin Memasukan Gambar di dalam Spoiler anda tinggal mengganti tulisan Letakkan konten Anda di sini  dengan kode berikut <img src="URL-Gambar-Anda"/>.
 kodenya diletakkan di edit HTML , lihat gambar berikut



| Free Bussines? |

Tidak ada komentar:

Posting Komentar