Wednesday, August 26, 2015

How to Design Post Footer in Our Blog

Hello all, Kak Aza request tutorial nih! Request apa? Yah tentu kalian sudah tahu dari judulnya. Yup, how to design post footer in our blog! Kalian tahu artinya kan? Hehehe... Oke, to the point!
Seperti apa contoh post footer yang bagus? Contohnya seperti di blog Gifta. Itu salah satu yang lumayan, walaupun memang belum sempurna. ^_^

Stepnya?

1. Buka blogger > Dashboard > Template
2. Pilih Edit HTML
3. Klik pada bagian kode-kode itu, lalu tekan CTRL + F pada keyboard (bersamaan)
4. Cari kode
.post-footer {
5. Kalau tidak ketemu, tambahkan dahulu di bawah kode /* Posts
6. Copy kode di bawah, lalu paste SETELAH kode .post-footer {
text-align:center;
padding:0px;
font-size: 14px;
background: #000000;
moz-box-shadow: 0 0 0px 0px #ffffff;
-webkit-box-shadow: 0 0 0px 0px #ffffff;
border:0px solid #000;
border-radius:20px;
border-radius:20px;
margin-top:1px;
color:#ffffff;
}
7. - Ganti tulisan berwarna merah dengan ukuran border yang kalian mau.
    - Ganti tulisan berwarna biru dengan kode warna yang kalian mau, bisa dilihat di sini