Jumat, 31 Mei 2013

Cara Menambahkan Spoiler pada Posting Blog

Disini saya akan berbagi cara bagaimana menambahkan kotak spoiler pada posting dan gadget blog anda. Langsung caranya aja ya..

  1. Login ke akun Blogger anda.
  2. Pada dasbor, buat posting seperti biasa dengan mengklik New Post atau Entri Baru.
  3. Untuk menambahkan spoilernya, masukkan kode HTML berikut pada posting :

    <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;">SILAHKAN MASUKKAN SESUKA HATIMU
    <br></div>
    </div>
    </div>
  4. Untuk teks berwarna merah diatas, ganti sesuai keinginan. Dan untuk  "SILAHKAN MASUKKAN SESUKA HATIMU", anda harus menggantinya dengan kode Gambar, Video, Link, atau memasukkan teks tertentu.
  5. Jika selesai klik Publikasikan atau Publish.
Dan dibawah ini contoh spoiler yang baru saja dibuat:
Silakan Buka:
Udah deh silahkan tutup aja lagi... :P

Tidak ada komentar:

Posting Komentar