Post Footer Berbackground

Sekarang tanggal berapa yah? TANGGAL 17 AGUSTUS!! Happy Independence Day, Indonesiaaaaa!!!

Hehehe. Kamu udah pasang bendera merah putih belum di depan rumahmu? Salsa sudah ^o^                       Kalau kamu tertarik untuk membuat footer seperti ini. Ayo ikuti stepnya!

• Dashboard > Design > Edit HTML.
• Tekan Ctrl + F, dan cari kode ini.

.post-footer {

• Sudah ketemu? Oke, paste kode ini di bawah kode yang tadi kamu cari.

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

Merah : Itu kode warna background footer nya. Cari kode warnanya disini. Ingin di ganti gambar saja? Ganti saja kode #A5DBEB menjadi

url(Url Gambar)

Biru : Itu kode warna border di sisi kanan dan sisi kiri Footernya.

• Preview dulu. Kalau tidak ada yang error, save! :D

Email ThisBlogThis!Share to TwitterShare to FacebookShare to Pinterest