Cara Membuat Spoiler Di Blog

pasti sobat semua uda pada tahu kan apa itu Spoiler,...!!! kalo blum,..ni aku kasih bayangin sedikit.
spoiler adalah Button/Tombol  yang dapat digunakan untuk mempersingkat postingan blog, karena spoiler akan menyembunyikan sebagian dari postingan dan bagian itu hanya dapat ditampilkan jika tombol spoiler diklik, dan dapat disembunyikan kembali jika tombol spoiler diklik lagi. Dengan begini, postingan kita tidak terlalu memakan tempat pada blog. seperti menyembunyikan teks, gambar, maupun video. 
okey,....tanpa panjang lebar,.....adapun langkah-langkahnya :

1. Tentunya anda sudah buka blog anda bukan.
2. Masuk Entri Baru atau New Post ( postingan biasa )
3. Pilihlah pada mode Edit HTML saat anda ingin Membuat Spoiler pada psotingan anda
4. Copy script berikut:
Click here:

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Click here</b>: <input value="View" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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 = 'Hidden'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'View'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan teks / gambar atau script anda disini
<br />
</div>
</div>
</div>

5. Kalau sudah yakin, Terbitkan Postingan anda (bila belum yakin klik Pratinjau).
6. Lihat hasilnya.
_____________________________________________________________________________
 Catatan: 
1. Tulisan berwarna Merah adalah judul dari spoiler itu (yang terletak di sebelah kiri tombol View / Hidden). Anda dapat menggantinya sesuai keinginan anda.
2. Tulisan berwarna Biru adalah kata yang terdapat pada tombol spoiler. Anda dapat menggantinya sesuai keinginan.
3. Tulisan berwarna Ungu Gantilah dengan Tulisan / Script Gambar atau Video Anda Sesuai keinginan anda kawan.
4. Lakukan ini saat anda ingin melakukan menyembunyikan yang anda inginkan.
______________________
Selamat mencoba...

Recommended Posts :

0 komentar:

Posting Komentar - Kembali ke Konten

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Terimah kasih sudah berkunjung di blog sekedar-online,....semoga artikelnya bermanfaat.

 

Alexa Site Info

Teman

About Me

Foto saya
sekedar online aja,...my profile no Comment. liat aja di facebook, saya kira uda jelas.