Home » » Cara Mudah Membuat Spoiler Di Blog

Cara Mudah Membuat Spoiler Di Blog

Written By Anto TRD on Jumat, 05 Februari 2010 | 02.37

Mungkin ini postingan yang kesekian kali yang membahas tetang cara membuat SPOILER pada blog. Tapi mungkin ada sebagian orang yang belum tahu makanya saya posting di blog saya. Apa sich yang dimaksud dengan SPOILER? spoiler itu fungsinya hampir sama dengan fungsi read more. Tapi bedanya kalau spoiler menyembunyikan langsung foto atau teks secara langsung yang akan muncul seperti attachment.

Sekarang ada cara mudah membuat spoiler yang lebih bagus, caranya tinggal Copy Paste aja skrip berikut ke postingan blog anda. Download dulu ya skrip nya di sini atau copy paste kode di bawah ini:


<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><b>JUDUL SPOILER <em>[Klik Show]</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 class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display:none;">[ISI SPOILER]</div></div></div>
Keterangan:
Untuk kata JUDUL SPOILER dan SILAHKAN KLIK SHOW ini bisa anda ganti sesuai dengan keinginan anda. Ganti kata ISI SPOILER dengan isi postingan baik berupa teks atau gambar yang ingin anda sembunyikan. Berikut hasilnya:

JUDUL SPOILER [SILAHKAN KLIK SHOW] :

[INI TULISAN YANG DISEMBUNYIKAN/ISI SPOILER]


Selamat mencoba

Bagikan Artikel Ini :

5 comments:

  1. Ini artikel yang sangat mendidik untuk pemula seperti saya. maksih banyak postingannya. semoga sukses menyertai anda. amin.

    BalasHapus
  2. hahaha ah pemula gimana, blog situ dah lebih bagus dari blog saya mas.. heee blog saya mah acak2an

    BalasHapus
  3. Mantap sekali Om Tips dalam bloggernya. Disini banyak sekali share2 ilmu nya dalam blogging.

    BalasHapus
  4. gan mampir ksini jg ya http://peluangbisnis25.blogspot.com.

    BalasHapus

Silahkan kirim komentar dengan bijak, tidak mengandung unsur SARA dan SPAM, komen akan di MODERASI terlebih dahulu

IconIconIconIconFollow Me on Pinterest
 
Support : Nomorcantikmu.com | Blog Motekar | Dayeuhluhur Page
Copyright © 2013. Dayeuhluhur Blog - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger