Fazeera Kahar
Short Profile
Dashboard +Follow

The site welcomes colorful and bright people! but if you are RIPPERS , SPAMMERS or HATERS , I will kick you out of my site ! Feel free to roam around !

Hot Clicks

Be My Friends


Memories



Big Claps

Template is 100% made by Fazeera Kahar
All rights reserved ® Fazeera Kahar 2011-2017


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 .








Blogger Eza_Story 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 ..

 
Blogger The Star said...

kak, macam mana nak dapatkan ID tu?

 
Blogger Fateha Halim said...

thanks for the tutorial , teha faham ^^

 
Blogger Irene Valerie said...

thanks akak! menjadilah, thankue so much

 

Post a Comment