Fazeera Kahar

posted on Friday, March 16, 2012 | Add comment [4]

Hello again bloggers ! petang tadi faz ada share tutorial agree or disagree untuk design template kann ?

kali ni faz nak share lagi tutorial yang sama tapi versi blogskin pulakk . macam yang faz cakap sebelum ni , tutorial ni agak susah nak explain . kalau ada yang tak menjadi sorry tau sebab faz buat tutorial ni ikut coding blog faz :3

1. Dashboard > Template

2. cari code blockquote {

3. ada kan ? kalau code korang takde blockquote { tu , korang cari code </script>

4. copy code ni . kalau korang cari code blockquote { , paste code tadi tu kat bawah code blockquote { .

tapi kalau korang cari code </script> , paste kat atas code </script> tu oke . faham kann ?

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

6. sekarang korang copy then paste code ni kat page yang korang nak . eg : tutorial page .

<div class="separator" style="clear: both; text-align: center;">
<img src="URL IMAGE" width="442" /></div><br>
AYAT KORANG<br>
<div class="separator" style="clear: both; text-align: left;">
<img src="URL ICON"> AYAT KORANG <br>
<img src="URL ICON"> AYAT KORANG <br>
<img src="URL ICON"> AYAT KORANG <br>
<img src="URL ICON"> AYAT KORANG <br>
<center><a class="agree" onClick="document.getElementById('post').innerHTML=document.getElementById('tutorial').innerHTML" title="">Agree</a> or <a class="disagree" onClick="document.getElementById('post').innerHTML=document.getElementById('all').innerHTML" title="">Disagree</a></center>
<P></p><br><br>
</div>

7. then tinggal tukar yang ni pulak

ABC : url gambar / icon

ABC : width gambar

ABC : ayat manis korang

ABC : id entry korang ( cari kat code )

ABC : id page if click agree . eg : tutorial

ABC : id page if click disagree . eg : all

8. then korang buat lagi satu page dengan menggunakan id page if diorang klik agree . eg : tutorial .

9. korang boleh tambah satu page lagi untuk disagree . kalau taknak boleh terus guna id untuk ke home .

10. faz rasa tu je yang faz dapat explain pasal tutorial kali ni . err . macam susah nak faham kann ?

maap kalau korang tak boleh nak faham dengan tutorial ni . i'ved try m best :/

p/s : kesabaran amat diperlukan semasa mengaplikasikan tutorial ini . terima kasih .

❁❁❁❁❁❁❁❁ said...: kak ,, yg POST wana hijau tu apa ? code yg mna ek ? dan tuto dan all tu pulak tuk apa ? kenpa saya buat langsung x jadi ..
Superahah said...: kak, macam mana nak dapatkan ID tu?
Fateha Halim said...: thanks for the tutorial , teha faham ^^
Anonymous said...: thanks akak! menjadilah, thankue so much