Tutorial : Jom Buat Spoiler Tags!

Salam Bloggers!

haaa~ arinih cekgu Burp nk ajar anda bagaiman nak buat spoilers tag.. ya, pada adik-adik yang xtaw lagi, lehla rapat-rapat dok dengar ape cekgu Burp nak cakap eh... hahaha~ ape gune spoiler tags? spoiler tags adalah tags yg sesuai  kita nak buat spoiler sesuatu info kat orang lain yg xtau info tuh..

cthnya : A dh tau ending cerita Harry Potter, B xtgk lagi cerita tuh.. si A ley buat spoiler dctuh dengan gtau B ending cerita tuh.. heheh! tuh kira spoiler laa.. dah! ckup bercakap!

jom kita buat spoiler!! :P




ikut the steps :

1. Baca Bismillah dahulu ( yg beragama Islam) :P

2. Bukak tab DESIGN > Edit HTML dan "TICK" kat Expand HTML.. Before anda ubah apa-apa, sila SAVE dahulu template anda eh... nih untuk keselamatan negara!












4. pastekan kod nih SEBELUM kod tadi :

.spoilertop{

background: #E4EAF2;

border: 1px dotted #000;

border-left: 4px solid #8394B2;

color: #000;

font-weight: bold;

font-size: 10px;

margin: 8px auto 0 auto;

padding: 3px;

text-decoration: underline;

}

.spoilermain{

background: #FAFCFE;

border: 1px dotted #000;

border-left: 4px solid #8394B2;

border-top: 0;

color: #465584;

padding: 4px;

margin: 0 auto 8px auto;

}

6. pastekan kod nih plak SEBELUM kod tadi :



<script language="JavaScript" type="text/javascript">
function openClose(id) {
var obj = "";


if(document.getElementById) obj = document.getElementById(id).style;
else if(document.all) obj = document.all[id];
else if(document.layers) obj = document.layers[id];
else return 1; 


if(obj.display == "") obj.display = "none";
else if(obj.display != "none") obj.display = "none";
else obj.display = "block";
}
</script>





7. Savekan Template anda.. so skang cane nk buat spoiler tag? time nk posting, anda p kat EDIT HTML kat sebelah COMPOSE dan pastekan kod nih..


<div class="spoilertop" onclick="openClose('YOURSPOILERID')">» Click to show Spoiler - click again to hide... « </div>
<div class="spoilermain" id="YOURSPOILERID" style="display: none;"> THIS IS YOUR SPOILER CONTENT </div>

**perhatian! : tang YOURSPOILERID tuh, anda kena UBAH ikut citarasa sendiri.. time nak ubah tuh kena ada huruf dan nombor.. contohnya: lala1, spa34.. apa-apa jerla.. dan pastikan dua-dua kod sama kat YOURSPOILERID tuh..

THIS IS YOUR SPOILER CONTENT

8. nih contoh dia.. :





siap! tahniah! anda dh ade spoiler sendiri... hahaha~ nak tau ending cerita Harry Potter yg sebetulnya? klik kat spoiler bawah nih :