How to : Edit & use Denim Template - Basic
Okay,ramai tertanya-tanya macam mane nak edit Denim Template.Haha.I'm going tu teach you right now.Jom saya ajar awak semuaa nak edit template Denim :DLets go!
Changing your template to Denim Template.
Go to your Dashboard>Design>Edit HTML.Actually,Edit HTML ada 2 bahagian.Korang scroll bawah sikit nanti ade tulis Old Templates.Then,bawah die tuh ade tulis Select Layout Template.Tekan bende tu.
 |
| Klik untuk lebih jelas |
Lepas tu nanti keluar page macam ni:
Ikut tuto dalam gambar tuh lepas tu Save Tamplate.Nanti kat atas page tu ade tulis Your changes have been saved.Lepastu korang tekan link View Blog kt sebelah ayat tadi.Nanti blog korang akan jadi macam ni:
No no no.Tak siap lagi.Sekarang Amin nak ajar
Remove bende biru pada header.
Ape tu?Tengokk ni:
 |
| Haha,terlupa letak watermark -.- |
Dashboard>Design>Edit HTML.
Tekan Ctrl+F serentak.Cari kod ni :
/* Variable definitions
====================
Delete code yang macam ni kat bawah kod tadi :
<Variable name="headerBgColor" description="Page Header Background Color"
type="color" default="#336699" value="#336699">
<Variable name="headerTextColor" description="Page Header Text Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="headerCornersColor" description="Page Header Corners Color"
type="color" default="#528bc5" value="#528bc5">
Kalau tak tahu mana satu,tgok gambar ni :
Kalau dah delete code tu,gantikan dengan code ni :
<Variable name="headerBgColor" description="Page Header Background Color"
type="color" default="#336699" value="transparent">
<Variable name="headerTextColor" description="Page Header Text Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="headerCornersColor" description="Page Header Corners Color"
type="color" default="#528bc5" value="transparent">
Then preview dulu,manalah tau tak jadi.Kalau okay,tekan Save Template.
 |
| Tengok,dah hilangkan bende biru tuh? |
Sekarang,Amin nak ajar tuto :
Changing Background.
Design>Edit HTML>Tick Expand Widget.
Tekan Ctrl+F serentak.Cari kod ni :
body {
Lepas tu,delete semua code kat bawah body { .Gantikan dengan code :
background-image:url(URL IMAGE);
background-repeat: repeat;
background-position:Center center;
background-attachment:Fixed;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
Then,korang preview : )
Nak background?Amekkk!Yang lain cari sendiri kat Mr.Google or PhotoBucket ;X
http://i214.photobucket.com/albums/cc105/24168/egobox/backgrounds/polka-dots/Rainbow-Drops.gif
http://i214.photobucket.com/albums/cc105/24168/egobox/backgrounds/polka-dots/Teaparty.gif
Taraaaaaa!Jadilah macam kat bawah ni :
 |
| Macam mane, cutekan? |
*P/S:Hoooo,ponek den nak buat tuto nih.Macam buat masak lomak cili api -.-
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment