Cara Membuat Spoiler Pada Blogspot. Pertama masuk ke panel Edit Html, pada menu Layout, jangan lupa aktifkan Expand Widget Templates, kemudian cari tag < /head >.
Kemudian masukkan script berikut ini di atas tag < /head >, klik Preview (jika Preview blog kita muncul berarti script kita sudah benar, sebaliknya jika tidak muncul alias error, silakan cek kembali apakah ada script yang terlewatkan). Simpan templates jika sudah benar.
<style type='text/css'>
.spoilerhide {display:none}
.spoilershow {display:inline}
</style>
<script type='text/Javascript'>
function spoiler (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=='spoilershow') { whichpost.className='spoilerhide'; } else { whichpost.className='spoilershow'; }
} </script>
Langkah berikutnya adalah memasang script lain pada tulisan yang kita buat dan ingin kita pasangi Spoiler. Untuk pemasangan script ini kita tentukan dulu bagian mana dari tulisan yang ingin kita sembunyikan terlebih dahulu, setelah itu kita masuk ke mode Edit HTML. Selanjutnya kita masukkan script berikut ini. Bagian yang akan kita sembunyikan berada di tengah script yang kita pasang ini (Bagian yang disembunyikan). Link title sendiri kita isi dengan nama link shortcut.
<a href="javascript:spoiler('Spoiler')" title="click to expand">Click here to view more</a>
<div class="spoilerhide" id="Spoiler">
Bagian yang disembunyikan
</div>
<div class="spoilerhide" id="Spoiler">
Bagian yang disembunyikan
</div>
Itu saja tutorial Cara Membuat Spoiler Pada Blogspot untuk kali ini.
Selamat mencoba dan semoga berhasil. ;)
Untuk melihat contoh yang ada pada blog ini silahkan klik disini
http://ariawijaya.com/2009/12/07/menyembunyikan-dan-menampilkan-sebagian-konten-tulisan-spoiler-dalam-blogspot/?#comment-23591
0 komentar:
Posting Komentar