Selamat datang di Baltazar-Artikel.Blogspot.Com

Cara Membuat Spoiler (Hide) di Blogger

Monday, 1 April 20130 comments



Cara Membuat Spoiler dan Hide di Blogspot :

Hai ..... Jumpa lagi di Baltazar-Artikel. Di awal bulan April 2013 ini saya akan bagikan Tutorial mengenai cara Membuat Spoiler di Blogspot.

Apa itu Spoiler ?

Spoiler adalah sebuah cara untuk menyembunyikan postingan kita di blog agar tidak terlalu panjang saat kita membuka sebuah postingan dan dapat kita tampilkan dengan mengklik tombol yang diberikan. Spoiler juga berguna untuk menghemat tempat postingan.

Oke... Tidak usah panjang lebar. Berikut Script dan contoh Spoiler.

Cara Membuat Spoiler ::

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan teks atau kode script (gambar atau video), link di sini  <br>
</div>
</div>
</div>





Berikut cara membuatnya :
1. Login ke Akun Blogspot Sobat
2. Buat Postingan Baru.
3. Pilih Metode HTML (bukan Compose), hal ini untuk menerapkan Spoiler di Blog Sobat. Jika memakai mode Compose, Code Script tidak akan berfungsi.
4. Copy Paste Script di atas ke Postingan Sobat yang akan dipasang Spoiler.
5. Lihat hasilnya diatas.
6. Selesai


Share this article :

Post a Comment

Subscribe via RSS Feed If you enjoyed this article just click here, or subscribe to receive more great content just like it.

IKLAN

 
Support : Cara Gampang | Creating Website | Johny Template | Mas Templatea | Pusat Promosi
Copyright © 2011. ARTIKEL: Musik | Software | Game | Gratis | Semua Gratis - All Rights Reserved
Template Created by Creating Website Modify by CaraGampang.Com
Proudly powered by Blogger