Saturday, 19 October 2013

Cara Membuat Spoiler di Dalam Posting Blog

eBayu | Online - Cara membuat spoiler di postingan blog. Spoiler bisa di selipkan di antara postingan blog. Lalu timbul pertanyaan gunanya untuk apa ?

Mungkin kalau kita terbiasa melihat forum-forum di internet semacam kaskus dan sebagainya, tidak asing melihat isi posting yang di spoiler yang fungsinya untuk menghemat space, terutama untuk posting yang panjang kebawah. Jika sobat masih belum paham, silahkan aja lihat script di bawah yang saya spoiler :
Script Spoiler :
<div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"><b>Label 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 = 'View'; }" type="button"> </div> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"> <div style="display: none;"> Copas Isi Spoiler Disini <br> </div> </div> </div>
Note :
  • Untuk memasukkan Kode Script/ HTML dalam spoiler, sobat harus melakukan Konversi Script/HTML menjadi Encode, agar menjadi sebuah TEXT, untuk mengkonversi silahkan klik disini copas file yang akan dispoiler ke dalam software konversi
  • Untuk Memasukkan Gambar dalam Spoiler, sobat harus menambahkan atribut
Di atas adalah contoh bentuk isi posting yang di spoiler. Lalu bagaimana cara membuatnya ?
  • Copy paste script diatas di antara postingan
  • Teks "Copas Isi Spoiler Disini" >> Isi dengan text kalimat/ gambar yang di spoiler
  • Text "Label Spoiler" bisa di ganti sesuai judul spoiler dari kutipan isi posting yang di spoiler
  • Text "Buka" dan "Tutup" silahkan diganti dengan istilah lain

Demikian tip dan tutorial cara membuat spoiler di dalam postingan blog. Mudah bukan ? - Selamat mencoba :)

Salam Sahabat,

Blogger | eBayu Online


Terima kasih, anda membaca :
Cara Membuat Spoiler di Dalam Posting Blog
Semoga Informasi ini bermanfaat dan sesuai dengan kriteria pencarian anda di Cara Membuat Spoiler di Dalam Posting Blog


0 comments:

Post a Comment