Minggu, 30 Mei 2010

Membuat Spoiler di Blog

Pasti kalian tahu donk apa itu spoiler. [nih spoiler itu adalah sayap yang ada di mobil-mobil keren itu tuh (wong deso)].. hahaha...

spoiler adalah tombol yang berguna untuk menyembunyikan Objek tertentu! misalnya, kamu membuat posting. nah posting itu terlalu panjang buat kamu, kamu ingin mencari sesuatu yang bisa membuat posting kamu lebih pendek.. (ya READ MORE lah) ya mungkin read more bisa untuk mendekan posting tapi ada satu cara lagi bahkan banyak cara untuk memendekan posting. tapi kali ini kita akan membahas satu cara yang mungkin berguna untuk memndekan posting.

Nih contoh
Contoh Spoiler ! :

Nah ini contoh spoiler yang sudah jadi dan di edit
langsung ke tutor nya



1. Login ke Blogger
2. pilih Posting- Entri Baru
3. tulis poting yang ingin kamu share
4. untuk membuat spoilernya kamu membutuhkan script di bawah ini

<div style="margin: 5px 20px 20px;"><div style="margin-bottom: 2px;"><b>[Judul Spoiler] <em>[Judul miring]</em></b> : <input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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><br /><div style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display:none;">[ISI SPOILER]</div></div></div>

5. COPAS script tersebut
6. masukan posting kedalam [ISI SPOILER] (yang berwarna Merah)
7. ganti [Judul Spoiler] dan [Judul miring] dengan yg kamu inginkan (yg berwarna biru)
8. ganti show dan hide (hijau) dengan nama yg kamu mau. misal, Lihat-Tutup, Buka-Tutup
di script ter sebut ada dua show, gantilah kedua-duanya agar tidak selang-seling. kalau kamu hanya mengganti satu doang maka akan Buka-Tutup-Show atau Show-Tutup-Buka. kalo kedua-duanya di ganti maka Buka-Tutup-Buka seperti contoh di atas.
9. Terbinkan ENTRI

selamat mencoba!

Tidak ada komentar:

Posting Komentar

Silahkan Coment !!

Related Posts with Thumbnails

ShoutMix chat widget