Edit Template Macam Eyra *Transparent Header

Monday, May 14,01:43 | notes
 hai ...saban hari ade yg tanya tentang macam mana nk transparent bahagian header yg ade background..
tapi eyra nak ajar korang guna template "Denim" sebab eyra guna template tersebut.
ikut step di bawah :
 
Dashboard > Design > Edit HTML
Click "Download Full Template" untuk backup template kalau tidak menjadi.


Scroll terus ke bawah , kemudian klik macam dalam gambar bawah nie : 



Automatik akan keluar page lain.. Kemudian terus klik pada template bernama "Denim" macam gambar bawah :












Selepas klik,preview blog tersebut.. kalau sudah bertukar template,terus klik pada "Save Template"

Sekarang,kita nak buang benda biru kat header kita supaya dia tak ada background macam gambar bawah :












Cara untuk buang benda biru tuh ,ikut step ini 


Dashboard > Design > Edit HTML , cari kod :



/* Variable definitions



   ====================






Dibawah kod tersebut cari seakan-akan tepat dengan kod ini : 
*berkaitan header background*

<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">

Buang dan gantikan dengan kod dibawah :

<Variable name="headerBgColor" description="Page Header Background Color"
type="color" default="transparent" 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="transparent" value="transparent"> 

Selesai..preview dan lihat,warna biru tuh hilang...sekarang kita nak gantikan background untuk template ini...caranya :

Dashboard > Design > Edit HTML

Cari kod  " body { " . tambahkan kod yg eyra HIGHLIGHT BIRU sahaja dibawah kod kita cari. nanti dia akan jadi macam nie,contoh :

body {
background: url(URL BACKGROUND);
text-align: center;
color: #333333;
font-size/* */:/**/small;
font-size: /**/small;
}
*gantikan URL background ikut kehendak korang..


p/s : Siap dan save...hehehe..tutorial akn dtg,buat blog mcm bentuk blog eyra... ^_^.. tak faham,boleh bertanya ye..


0 ringankan tangan untuk menaip: