Tips dan trik membuat spoiler ini sebenarnya sudah banyak yang posting dan share. Akan tetapi, tidak ada salahnya juga jika saya ikut share tentang spoiler dan sedikit tentang kegunaannya.
Spoiler dibuat dengan menggunakan javascript button. Sedangkan untuk menyembunyikannnya digunakan properti CSS display, dalam hal ini, "display:none;". Fungsinya ada banyak sekali, diantaranya untuk memperpendek teks atau gambar yang sangat besar/panjang dan memakan space halaman atau untuk
menyembunyikan kejutan bagi pengunjung (maka seringkali disebut pula sebagai "peek-a-boo", Indonesianya kurang lebih, "ci-luk-ba!", hehe)
menyembunyikan kejutan bagi pengunjung (maka seringkali disebut pula sebagai "peek-a-boo", Indonesianya kurang lebih, "ci-luk-ba!", hehe)
Pada posting blog, spoiler dapat digunakan untuk memperpendek panjang halaman sementara sebelum di-klik oleh pengunjung, sehingga tampak tidak ruwet.
Spoiler juga dapat digunakan untuk menghibur pengunjung juga loh, misalnya seperti ini:
1. Copy dan gunakan script berikut:
<div id="spoiler" style="display:none">Kostumisasi spoiler:
Konten Yang Disembunyikan
</div>
<button title="Klik untuk melihat/menyembunyikan" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Buka/Tutup</button>
- Ganti Konten Yang Disembunyikan dengan konten (text, url, url gambar, script dll) yang ingin disembunyikan.
- Ganti title Klik untuk melihat/menyembunyikan dengan title sekehendak anda. Title berfungsi memberi informasi ketika mouse di hover di atas tombol spoiler.
- Ganti Buka/Tutup dengan teks sesuai keinginan, teks tersebut akan menjadi perintah yang terlihat pada tombol spoiler.
2. Untuk membuat spoiler di badan posting, buat spoiler melalui menu Edit HTML, letaknya dibagian pojok kanan atas kotak posting, semua editing dilakukan pada menu tersebut, jika tidak maka script tidak akan bekerja.
3. Jika ingin membuatnya di widget, pilih menu "HTML/Javascript".
Judul: Cara Membuat Spoiler di Blogger/Blogspot
Rating: 10 out of 10 based on 24 ratings. 5 user reviews.
Ditulis Oleh Unknown
Terima Kasih Atas Kunjungan Anda...
Rating: 10 out of 10 based on 24 ratings. 5 user reviews.
Ditulis Oleh Unknown
Terima Kasih Atas Kunjungan Anda...
Klik tombol "Like" atau "Suka" bila Anda suka dengan artikel ini. Jangan lupa poskan komentar agar saya dapat berkunjung balik ke blog Anda. Jika Anda ingin membaca artikel lain dari blog ini, maka silakan klik di sini untuk membuka daftar isi. Harap menyertakan dan mencantumkan http://ayibagus-spc.blogspot.com/2012/07/cara-membuat-spoiler-di-bloggerblogspot.html bila Anda menyalin dan atau meng-copy artikel ini, dengan menggunakan kode di bawah ini. Terimakasih.
Terima kasih Sudah berkunjung
Ditulis Oleh : Unknown Blogger Indonesia Tetap Kunjungi
Artikel Cara Membuat Spoiler di Blogger/Blogspot ini diposting oleh Unknown Pada Hari Senin, 23 Juli 2012. Terima Kasih atas kunjungan sahabat kesini. Semoga sobat dapat berkenan untuk sedikit memberikan sekelumit komentar mengenai postingan kali ini.
ayib adam al-mahjub
|
|
0 komentar:
Posting Komentar
Harap tidak mengepostkan komentar SPAM, Setiap komentar akan dimoderasi, Sehingga mohon maaf apabila saya tidak dapat segera dan atau membalas komentar anda, Terima kasih