Lihat contoh terlebih dahulu.
Teka-teki: Apa tiga jenis buah yang terselamat dalam kebakaran disebuah kedai? Jawapan:
Ok tak?
Berikut adalah langkah menggunakannya:
1) Pergi ke Dassboard >> Template >> Edit HTML
2) Copy kod di bawah dan Paste sebelum </head>
<script type='text/javascript' src='http://yourjavascript.com/3035116587/spoiler.js'/>Perhatian: sila check kod yang Jack highlight di atas hanya perlu ada satu sahaja (tanpa mengira version) dalam blog anda, jika sudah ada maka anda tidak perlukannya lagi.
<script src='http://code.jquery.com/jquery-1.9.1.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(function() {
$('spoiler').spoilerAlert()
$('.spoiler').spoilerAlert({max: 20, partial: 6})
})
//]]>
</script>
Bagaimana untuk menampilkan spoiler? Gunakan sahaja kod dibawah
Untuk Gambar - class="spoiler";
Contoh:
<img alt="Spoiler" border="0" class="spoiler" src="http://4.bp.blogspot.com/-w2sZ84fQSsk/T8UnbcgPyII/AAAAAAAADEI/ghe6HePXBKc/spoiler6.jpg" title="Spoiler" />Untuk Perkataan - <spoiler>text anda</spoiler>
Contoh:
<spoiler>Kacang Antoo</spoiler>Selesai. Itu sahaja. Mudah bukan?
Kelemahan:
1) Tidak mesra dengan pautan/link
2) Bagi gambar anda perlu buang kod link bagi result seperti contoh di atas. Contoh:
<a href="http://3.bp.blogspot.com/-iFSnDh-ya60/UbdR9EWsQXI/AAAAAAAAACQ/rImJ7oRsgNc/s1600/Sejarah+Lengkap+Simbol+S+Pada+Superman.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Sejarah Lengkap Simbol S Pada Superman" border="0" src="http://3.bp.blogspot.com/-iFSnDh-ya60/UbdR9EWsQXI/AAAAAAAAACQ/rImJ7oRsgNc/s1600/Sejarah+Lengkap+Simbol+S+Pada+Superman.jpg" title="Sejarah Lengkap Simbol S Pada Superman" /></a>Merah - perlu dibuang.
Seandainya kod link di atas tidak dibuang maka kemungkinan Lightbox (jika anda gunakannya) dan pautan link akan menganggu effek blur. Pendek kata - buang jer. He He He
Jika ada sebarang soalan sila gunakan ruangan komen di bawah. InsyaAllah Jack akan tolong selagi mampu. Jumpa lagi.
boleh lah siapa2 cuba tutorial nih kan..
ReplyDeleteBoleh ajer.. :)
Delete