• first step korang kene kenal dulu code navigation korang . tau tak yang mana ? kalau tak tau , tengok contoh macam gambar bawah ni . tapi ni shaa punya code navigation . kalau tak tau yang mana jugak korang tekan CTRL + C *serentak* dekat keyboard korang , korang search code bawah ni dulu . 

<center><a class="navigate"

• dah jumpa ? okey good . pastu korang tengok bawah code yang di search tadi tu , ada code navigation macam code shaa bawah ni tak ? kalau ada , korang tengok betul betul kat code korang tu sama tak macam shaa punya *yang shaa dah kotakkan tu* ? kalau tak sama , biarkan yee sayang :D

• okey dah tengok betul betul ? okey sekarang tekan CTRL + C kat keyboard , and search code bawah ni yee

b {

strike {

blockquote{

a:link

• okey sekarang korang copy code bawah ni dulu okey :)

a.agree {
border-radius:5px;
background:#bdbdbd;
padding:2px;
font-family:trebuchet ms;
font-size:10pt;
color:white;
}
a.agree:hover {
border-radius:10px;
background:#ffe2e2;
padding:2px;
font-family:trebuchet ms;
font-size:10pt;
color:#bdbdbd;
-webkit-transition-duration: 1s;
-moz-transition:1s;
border-bottom:none;
}
a.disagree {
border-radius:5px;
background:#bdbdbd;
padding:2px;
font-family:trebuchet ms;
font-size:10pt;
color:white;
}
a.disagree:hover {
border-radius:10px;
background:#ffe2e2;
padding:3px;
font-family:trebuchet ms;
font-size:10pt;
color:#bdbdbd;
-webkit-transition-duration: 1s;
-moz-transition:1s;
border-bottom:none;
}

• dah copy ? okey . sekarang korang nak paste kan 

• okey dah siap pastekan ? sekarang ni nak masukkan anak anak code agree or disagree okey . shaa dah bagi contoh gambar sekali . harap korang faham :)

• sekarang kita nak buat tajuk tittle dengan background nya dulu . macam gambar atas ni okey :)
• tekan CTRL + C search code bawah ni 

</body>

• dah jumpa ? okey sekarang copy code bawah ni dan pastekan ATAS code </body> tadi okey :)

<div id="blog" style="display: none;">
<div class="tit">Agree or Disagree</div><br>
<center>

• next kita nak buat gambar dengan ayat korang macam atas ni okey :)
• tekan CTRL + C search code bawah ni

<div class="separator" style="clear: both; text-align: center;">
<img src="URL GAMBAR" width="380" /><br>
<div class="separator" style="clear: both; text-align: left;">
<center><br>
AYAT KORANG</center>
<center>
<br /></center>

• tekan CTRL + C search code bawah ni :)

• dah jumpa ? okey sekarang copy code bawah ni dan pastekan ATAS code </body> tadi okey :) *maknanya korang pastekan bawah code CODE GAMBAR DAN AYAT korang tadi . ada faham ? susah shaa nak terangkan gimana . haha * 

<center>
<img src="URL ICON"> AYAT KORANG </center><br>
<center>
<img src="URL ICON"> AYAT KORANG </center><br>
<center>
<img src="URL ICON"> AYAT KORANG </center><br>
<center>
<img src="URL ICON"> AYAT KORANG </center><br>

BIRU : url icon comel lote . boleh amik SINI!
PINK : ayat amaran korang :)

SEKARANG NI KITA NAK BUAT GARISAN MENDATAR PULAK . *malas nak print screen*

• tekan CTRL + C dan search code bawah ni 

</body>

• dah jumpa ? okey sekarang copy code bawah ni dan pastekan ATAS code </body> tadi okey :) *maknanya korang pastekan bawah code GAMBAR DAN AYAT AMARAN korang tu okey* kalau taknak buat GARISAN MENDATAR ni pun tak pe . korang terus skip je . tapi nanti korang pening pulakkan :D hee

<hr color="#F6CEF5"><br>

OREN : colour korang . cari SINI!

contoh button AGREE or DISAGREE!

• tekan CTRL + C search code bawah ni :)

</body>

• dah jumpa ? okey sekarang copy code bawah ni dan pastekan ATAS code </body> tadi okey :) *maknanya korang pastekan bawah code GAMBAR DAN AYAT AMARAN korang tu okey* :)

CODE AGREE & DISAGREE

<center><a class="agree" onClick="document.getElementById('entry').innerHTML=document.getElementById('Stuff').innerHTML" title="">Agree</a> or
<a class="disagree" onClick="document.getElementById('entry').innerHTML=document.getElementById('Diaries').innerHTML" title="">Disagree</a></center>
<P></p><br><br>
</div>

warna MERAH dengan BIRU tu , korang tukar berdasarkan code NAVIGATION korang tu . paham tak ? tak faham ? macam ni . shaa bagi contoh yee

ni contoh code AGREE shaa .

1. *contoh berdasarkan gambar*OREN : korang tukar la korang punya berdasarkan code NAVIGATION korang . shaa punya shaa letak ENTRY , korang punya maybe die letak POST atau lain lain laa.
2. *contoh berdasarkan gambar* MERAH : korang tukar la korang punya berdasarkan code NAVIGATION korang . shaa punya letak STUFF , korang punya maybe TUTO ke , ape ape je la . tolong rujuk dan fahamkan korang punya code NAVIGATION tu yee :)

ni contoh code DISAGREE shaa .

1. *contoh berdasarkan gambar* OREN : korang tukar la korang punya berdasarkan code NAVIGATION korang . shaa punya shaa letak ENTRY , korang punya maybe die letak POST atau lain lain laa.
2. *contoh berdasarkan gambar* MERAH : korang tukar la korang punya berdasarkan code NAVIGATION korang . shaa punya letak DIARIES . *sebab tu la awal awal lagi shaa suruh tenung dah fahamkan korang punya code NAVIGATION tu , susah nak explainkan macam mane*

SEKARANG NI NAK BUAT BILA TEKAN BUTTON AGREE JE , TERUS KELUAR HALAMAN TUTO KORANG . TOLONG FAHAM KAN OKEY :)

• tekan CTRL + C search code bawah ni :)

</body>

• dah jumpa ? okey sekarang copy code bawah ni dan pastekan ATAS code </body> tadi okey :) *maknanya korang pastekan bawah code BUTTON AGREE or DISAGREE tadi tu okey* :)

CODE AGREE

<div id="Stuff" style="display: none;">LINK TUTO<br><br>

MERAH : letak la lik tutorial korang

SEKARANG NI NAK BUAT BILA TEKAN BUTTON DISAGREE JE , TERUS KELUAR HALAMAN ENTRY KORANG . TOLONG FAHAM KAN OKEY :)

• tekan CTRL + C search code bawah ni :)

</body>

• dah jumpa ? okey sekarang copy code bawah ni dan pastekan ATAS code </body> tadi okey :) *maknanya korang pastekan bawah code AGREE tadi tu okey* :)

CODE DISAGREE

<div id="Diaries" style="display: none;">CODE ENTRY KORANG

MERAH : korang punya ayat navigation
OREN : code entry korang

UNTUK CODE ENTRY ,
search code ni

<BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><br><$BlogItemBody$> 

dah jumpa ? korang copy code tu dari <blogger><div class="tit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><br><$BlogItemBody$> sampai code ni >
</blogger> 

siap ! cuba preview dulu!

SEGALA KEROSAKAN ADALAH TANGGUNGJAWAB SENDIRI!