TutorialBlog: Background for Post Footer

Assalamualaikum and hi,

Bagi yang tak tahu , menatang ape post footer tu ? Ni haaa benda tu :



eEh , nampak tak ni ? Macam ada color-color pink gituu . Nak cuba ? JOM !

1. Dashboard > Design > Edit Html

2. Tekan Ctrl F serentak , dan cari kod ini : .post-footer {

3. Dah jumpa ? GOOD ! Copy kod ini pulak :

text-align:center;
padding:8px;
color: #333333;
font-size: 95%;
background: #A5DBEB;
border-left: 7px solid #44B4D5;
border-right: 7px solid #44B4D5;
moz-box-shadow: 0 0 5px 2px #44B4D5;
-webkit-box-shadow: 0 0 5px 2px #44B4D5;
border-radius:7px;
margin:6px;
}
.post-footer .span {
margin-right: .3em;}

4. Paste kat bawah kod yang korang carikan tadi tu .

* Warna merah korang boleh tukarkan kod background DI SINI !!
* Warna biru , itu kod warna untuk yang bahagian tepi kanan and kiri tu ...

5. Sekarang cuba PREVIEW , tengok menjadi tak ?

6. Kalau menjadi , bolehlah SAVE !

Source: Lyssa

Share your experience down below!