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

4 komentar

 

Informasi Penting

Langganan

Ikuti Saya di Facebook

Ikuti Saya di Twitter

Follow saya di Twitter

Paling Sering Dibaca

Tags

Android (10) Android Apps (3) Andromax U (1) Antivirus (2) Ayodance (10) Bahasa Assembler (1) Bisnis (1) Blogger Tips (8) CCA (4) Cloud Computing (1) CSS (2) Custom ROM (1) Desain (7) Desktop (1) Download (31) E-Book (3) Emulator (1) Facebook (8) Forum (1) FOSS (8) Freebies (1) Gadget (1) Galaxy Y (4) Games (14) Google+ (2) Hacking (2) Hardware (1) HTML (3) Info (6) Info Seminar (1) Internet (14) iPhone (1) ISO (4) Java (1) Jual Beli (2) KLuC (3) Komputer (9) Kupon Udemy (1) Lain-Lain (4) Linux (7) Marketing (1) News (17) OOT (1) PCMedia (2) PHP (6) Programming (7) Project (1) Pump It Up (2) Software (6) Stepmania (2) Tips Trik (25) Tutorial (14) Twitter (1) Ubuntu (11) UKM (1) Web 2.0 (3) Windows (10) Wine (2)