Ni contoh Border At Post Tittle yang akan Lina ajar.
Dashboard > Design > Edit HTML > Tick Expand Widget Template.
Tekan CTRL+F/F3, search for this code :
SIMPLE TEMPLATE atau seangkatannya
h3.post-title, .comments h4 {
Tak jumpa? Cari code ni pulak :
h3.post-title {
Tak jumpa lagi? Try search this code pulak :
h3.post-title, h4 {
DENIM TEMPLATE
.post-title {
MINIMA TEMPLATE
.post h3 {
#Kalau bawah code tu ada code yang sama atau lebih kurang sama macam kat bawah ni, TOLONG DELETE.
FOR SIMPLE TEMPLATE.
FOR DENIM TEMPLATE.
Now, copy code ni dan pastekan kat BAWAH code yang korang cari tadi tu. Kalau ada code-code lain, delete la.
margin: 10px;
padding: 6px;
font-size: 18px;
font-color: #000000;
text-align: right;
background-image: url(URL BACKGROUND);
border-top: 1px dashed #000000;
border-bottom: 1px dashed #000000;
border-right: 6px solid #000000;
border-left: 6px solid #000000;
text-shadow: 2px 1px 2px #FFFFFF;
}
Korang preview dulu, kalau takda sebarang error bolehlah SAVE. Yeay!
NOTES :
ABC : Saiz border korang. Kalau number makin bertambah, so border korang akan bertambah besar.
ABC : Size untuk font.
ABC : Colour font.
ABC : Kedudukan text pulak boleh center / right / left. Choose one only.
ABC : Masukkan URL BACKGROUND pilihan korang. Cari je kat mana-mana website yang korang tahu. Jangan ambik yang animated ye?
ABC : Warna-warna border.
ABC : Available solid / dashed / dotted. Choose one only babe.
ABC : Text shadow korang. Kalau taknak ada shadow, delete saje code tu.
No comments:
Post a Comment