Elu yang biasa nongkrong di forum mungkin sudah nggak asing lagi dengan spoiler. Yaitu teknik menyembunyikan gambar/teks/video dll untuk menghemat space. Spoiler ternyata bisa juga diterapkan di blog. Cara membuat spoiler di postingan blog atau di widget pada sidebar (baik berbasis blogger/blogspot maupun wordpress).
Contohnya :
caranya gampang sekali bung...
langsung tanpa basa-basi yg basi lagi...
ini dia scripnya
<center><div><div style="margin: 15px;">
<div style="margin-bottom: 2px;"
class="bigfont"><input style="margin: 0px;
padding: 0px; width: 110px;
" value="LIAT" 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 = 'UDAH'; } else {
this.parentNode.parentNode.getElementsByTagName('div')
[1].getElementsByTagName('div')
[0].style.display = 'none'; this.innerText = '';
this.value = 'LIAT'; }" type="button"/>
</div>
<div style="border: 0px inset ;
margin: 0px; padding: 0px;" class="alt2">
<div style="display: none;">
PASANG SCRIPT/TULISAN ANDA DISINI
</div></div></div></div>
</center>
Ket :
- Ganti angka yang tercetak BIRU sesuai kebutuhan, semakin gede angkanya, semakin panjang tombolnya.
- Ganti kata yang tercetak MERAH sesuai kebutuhan, misalnya "SHOW" n "HIDE" apa "TAMPILKAN" n "SEMBUNYIKAN" suka-suka elu lah.
- Isi dengan tulisan atau gambar atau video atau script yg laennya
- Jika spoiler berisi gambar, anda upload dulu dengan blogspot atau pengupload macam photobucket, tinypic, dll, lalu ganti 'isi spoiler' dengan kode HTML gambar yang sudah diupload.
- Jika spoiler berisi video, ganti 'isi spoiler' dengan embed kode video.
0 komentar:
Poskan Komentar