Tutorial Date Header Luar Entry

Hi peeps! Harie nie Bieha nak ajar cara buat date header dekat luar entry, ala macam Bieha la... Tak paham? Tengok gambar bawah nih. * Yang Bieha kotakkan merah tuh

Ha! Dah fahamkan. Let's tutorial'ing'.

1. Sign in>Dashboard>Design>Edit HTML (old blogger interface)

    Sign in>Dashboard>Template>Edit HTML (new blogger interface)

2. Search kod bawah ni dengan menggunakan button "F3".

date-header

3. Before tuh pastikan dekat Layout> Configure blog post korang same macam bawah nih:

4. Padam anak-anak coding bawah kod tadi dan gantikan dengan bawah ni:

Sebelah kiri:

height:0px;
margin-left: -175px;
margin-right: -0px;
margin-top: -0px;
margin-bottom: -0px;
padding-left: 10px;
padding-right: 70px;
padding-top: 35px;
padding-bottom: 50px;
background: url(url icon date header) no-repeat;position:absolute !important; position:relative;
text-align:center;
font:normal 17px Century Gothic;
color: #FFFFFF;
}

Sebelah kanan:

height:0px;
margin-left: 500px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 10px;
padding-right: 70px;
padding-top: 35px;
padding-bottom: 50px;
background: url(url icon date header) no-repeat;position:absolute !important; position:relative;
text-align:center;
font:normal 17px Century Gothic;
color: #FFFFFF;
}

5. Done. Save!

Yang warna merah tu gantikan lah dengan url icon date header korang ea. Nanti Bieha akan bagi freebies yg Bieha dah buat.

Nota plus-minus:
Kod yang Bieha bagi tuh mengikut kesusuaian freebies yang Bieha dah buat. Nantikan ye!

Credit to: Kemetot Chomel                                    

Code  fully edited by Me!