Tutorial : Date Header Luar Body Blog

bagi pengguna Washed denim macam nie..

.Dashbord > Design > Edit HTML

.Ctrl F and search code .date-header {


akan jumpa macam ni :

.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}

Okay,delete code tu semua dan gantikan dengan yang bawah ni :-

.date-header {
height:40px;
margin:-15px -20px -500px -115px;
padding: 30px 300px 105px 10px;
background: url(Url Gambar Anda) no-repeat;
position:absolute !important; position:relative; float:right;
text-align: center;
font: normal normal 12px Century Gothic;
color: #4D4D4D;
}

Preview dan save template

bagi pengguna Template lak cam nie :

.Dashbord > Design > Edit HTML
.Ctrl F dan search code h2.date-header {


Copy dan paste code ni di bawah h2.date-header {

height:40px;
margin:-15px -20px -500px -115px;
padding: 30px 300px 105px 10px;
background: url(Url Gambar Anda) no-repeat;
position:absolute !important; position:relative; float:right;
text-align: center;

Code full dia macamkat bawah nie :

h2.date-header {
height:40px;
margin:-15px -20px -500px -115px;
padding: 30px 300px 105px 10px;
background: url(Url Gambar Anda) no-repeat;
position:absolute !important; position:relative; float:right;
text-align: center;
font: normal normal 12px Century Gothic;
color: #4D4D4D;

.Preview dan save template .


Nota
Gantikan Url gambar korang tu dengan gambar korang.
Jenis font dan warna font tu boleh tukar ikut korang.