wana seoby

Blogger Tutorial: Customize your Date Header Style 1

28 / 01 2017

Assalamualaikum semua! Harini nak memenuhi permintaan sahabat kita yang request dekat ask.fm on how to get date-header macam saya, ada line dekat belakang tulisan, macam ni:

1. Ok mari mulakan:Mula-mula pergi dekat Blogger Dashboard > Template >Edit HTML

2. Tekan key Ctrl + F untuk cari code h2.date-header {

3. Awak akan jumpa codes macam ni:

h2.date-header {
font: $(date.header.font);
}

.date-header span {
background-color: $(date.header.background.color);
color: $(date.header.color);
padding: $(date.header.padding);
letter-spacing: $(date.header.letterspacing);
margin: $(date.header.margin);
}

4. Delete code tu, gantikan dengan codes bawah ni:

h2.date-header {
font: $(date.header.font);
border-bottom:1px solid #eee;
text-align:center;
line-height:1px;
text-transform:uppercase;
font-weight:normal;
}

.date-header span {
background-color:#fff;
color: #666666;
padding-left:20px;
padding-right:20px;
letter-spacing: $(date.header.letterspacing);
margin: $(date.header.margin);
}

5. Save.

Dah siap. Kalau nak request tutorial boleh mintak dekat Ask.fm okay.

»
«
  • Deeyan Annuar

    Saya yang request tuto nie. Btw, thanks Kak Wana for the tuto nanti saya cuba

»
«


© 2011-2017 WANASEOBY.COM