Perfectly Imperfect //
Disclaimer
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! other than that... feel free to roam around!

Extras
Hot Clicks





Tagboard
Talk To Me


Followers
Be My Friends

Instagram
My Other Site

Credits
Big Claps

Template is 100% made by Fazeera Kahar
All rights reserved ® Fazeera Kahar 2011-2013.
Best view in Google Chrome


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