Tuesday 19 February 2013

Cara Membuat Spoiler Pada Blog

Spoiler Hampir sama gunanya dengan Read More , Cuman sedikit berbeda, spoiler berfungsi untuk menyembunyikan sebagian teks nya , spoiler bisa menyimpan berbagai gambar , teks , dll.



Dalam spoiler ini, dapat digunakan untuk menyembunyikan teks, gambar, maupun video. Pembuatan spoiler dilakukan posisi entri / edit postingan harus dalam bentuk EDIT HTML bukan Compose. Semua harus dalam bentuk script text terlebih dahulu.



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

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Klik Spoiler Berikut</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 kamu (bila belum yakin klik Pratinjau).
6. Lihat hasilnya.

Contoh :
Klik Spoiler Berikut:
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.

0 comments:

Post a Comment

Powered by Blogger.
Free Music Online
Listen Me R-shit