Rabu, 26 Desember 2012

Cara Membuat Spoiler di Blogger

Diposkan oleh Caisar Akbar di 09.11
Cara Membuat Spoiler di Blogger - Apa itu spoiler? Spoiler di blog adalah trik buat blogger yang ingin menampilkan kode HTML di Postingan blognya. Cara ini efisien dan mudah digunakan. Contoh bisa di lihat d bawah ini :


Judul Spoiler:
Masukkan isi spoiler disini, dapat diisi gambar, kode html, paragraf dan lain2
Menarik bukan? Mau mencoba ikuti langkah di bawah ini:

  1. Seperti biasa Login dulu
  2. Lakukan New Post atau Entri baru
  3. Pilih Menu  HTML jangan Compose.
  4. Copy paste Kode dibawah ini :
  5. <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) di sini
     <br>
    </div>
    </div>
    </div>
  6. Ganti kode warna merah diatas sesuai keterangan.
  7. Untuk melihat hasihnya pilih kembali ke menu Compose
Sekian informasi saya. semoga bermanfaat.
    Diberdayakan oleh Blogger.
     

    Copyright © 2011 Sex Candy Night | Design by Kenga Ads-template