Tutorial : Background Untuk Post Footer

25/07/2012

.Assalamualaikum !

Peacee Yo(!) ^_^v

Tutorial laaagi . Tutorial laaagi . hewhew . Ada orang request lah awokk . Kali ni tutorial cara macam mana kita nak buat background untuk post footer siap ada ada lengkung-lengkuk lagi . Kalau nak cuba , boleh saje :p

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 !

*Senangkan ? hihok . Kalau ada yang tanya , apa tujuan buat menda ni ? Eheh . Saje-saje je lah maw kasi nampak sikit cantek . peace .

=Selamat Mencuba=

 

KONGSIKAN ARTIKEL INI..

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest