Menambah Spoiler Tag Pada Blogger

1.04.2010

Sama seperti postingan saya terdahulu, yaitu Menambah Spoiler Tag Pada HTML, kali ini saya akan membahas cara menambah spoiler tag pada blogger

1. Buka Tata Letak > Edit HTML
2. Cari syntax ]]></b:skin> dengan menggunakan fitur search (Ctrl+F untuk Firefox)
3. Taruh syntax ini di atas ]]></b:skin> :

.spoiler
    {
    border:1px solid #ddd;
    padding:3px;
    }
.spoiler .inner
    {
    border:1px solid #eee;
    padding:3px;margin:3px;
    }

4. Lalu taruh script ini diatas tag <head> :

  <script type="text/javascript">
function showSpoiler(obj)
    {
    var inner = obj.parentNode.getElementsByTagName("div")[0];
    if (inner.style.display == "none")
        inner.style.display = "";
    else
        inner.style.display = "none";
    }
    </script>

5. Untuk memunculkan spoiler, copy paste kode dibawah ini :

 <div class="spoiler">
    <input type="button" onclick="showSpoiler(this);" value="Show/Hide" />
    <div class="inner" style="display:none;">
    This is a spoiler!
    </div>
</div>

6. Berikut Tampilannya :

Anda bisa pakai tag spoiler ini untuk menghemat tempat blog dan sebagai tempat untuk menaruh gambar

3 komentar

Unknown28 Januari 2010 pukul 17.16
Terimakasih, Artikelnya Sangat Bagus Dan sangat berguna sekali. Jangan Lupa Kunjungan Baliknya ya... Salam Buat Teman-teman Blogger, DARi BUJANG RIAU http://www.darma-saputra.co.cc/ /:)
BalasHapus
Balasan
Galih Pratama28 Januari 2010 pukul 19.18
sama sama :) terimakasih sudah berkunjung :)
BalasHapus
Balasan
Fatur20 Maret 2010 pukul 01.13
Hanya baru bs berucap Trmakash tipsnya, slm kenal.
BalasHapus
Balasan

Tambahkan komentar