Tutorial : Date Icon Di Sebelah Body Post
20.12.13
Assalamualaikum wbt
Heyyo GG!
maaf kepada kak Aisya kerana terlepas pandang tentang soalan yang diajukan..
kak Aisya bertanya macam mana zizie buat Date yang diletakkan di sebelah tajuk.
1. cari kod /* Posts ----------------------------------------------- */
2. padam kode di bawah ini.
.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);}
3. gantikan dengan code di bawah ini.
.date-header {
height:0px; margin:-15px -20px -500px -115px;
padding: 30px 300px 105px 10px;
background: url(URL GAMBAR) no-repeat;
position: absolute !important;
position : relative;
float:right;
text-align: center;
font-family: Verdana;
font-size:16px;
color: #000000;
}
url date icon - boleh cari di sini dan sini (icon seperti zizie punya)
font date
font zie date
font color date
4. preview & save
Heyyo GG!
maaf kepada kak Aisya kerana terlepas pandang tentang soalan yang diajukan..
kak Aisya bertanya macam mana zizie buat Date yang diletakkan di sebelah tajuk.
1. cari kod /* Posts ----------------------------------------------- */
2. padam kode di bawah ini.
.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);}
3. gantikan dengan code di bawah ini.
.date-header {
height:0px; margin:-15px -20px -500px -115px;
padding: 30px 300px 105px 10px;
background: url(URL GAMBAR) no-repeat;
position: absolute !important;
position : relative;
float:right;
text-align: center;
font-family: Verdana;
font-size:16px;
color: #000000;
}
url date icon - boleh cari di sini dan sini (icon seperti zizie punya)
font date
font zie date
font color date
4. preview & save
9 comments
tq zizie.. :D
ReplyDeletegood tuto 6ti blh cuba..:D
ReplyDeletebab ni ika fail...ahahhahahha
ReplyDeletetak suka baca coding..nak edit2 blog apetah lagi...hewhewhew
boleh cuba ni. huhu.. tq share..
ReplyDeletenanti nk cuba gak. akak bab coding ni memang FAILED ^_^
ReplyDeleteHai Kak Zizie. Dah lama tak singgah sini. Hew2. Dah buat tutorial erk sekarang. Hehe :)
ReplyDeletesalam,
ReplyDeletesaya mawardi yunus nak ajak awak join kontest kt blog saya . Peluang untuk memang memang cerah. Seramai 16 orang pemenang dicari untuk kontest U-Blogger. Jom sertai cepat~ http://www.mawardiyunus.com/2013/12/pelancaran-kontes-u-blogger_7.html
tq :)
blh cube nie...
ReplyDeletealhamdulillah bertambah pahala zizie..kerana brkongsi ilmu yang ada..teruskan ye zie :)
ReplyDelete