DATE HEADER [2]
Aku dapat kodenya dari
Neira, tetapi aku modifikasi sedikit.
- Dashboard >>> Template >>> Edit HTML
- Cari (CTRL + F) kode:
.date-header {
- Ketemu? Copy kode di bawah:
.date-header {
background-repeat: no-repeat;
background-position:left center;
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
background: mistyrose;
border-bottom: 2px solid #ffeeee;
text-align: center;
margin: 0;
padding: 0;
color: #ffffff;
font-family: Gochi hand;
FONT-SIZE: 18px;
width: 260px;
margin-left: 30px;
height: 30px;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.date-header:hover {
-moz-border-radius: 4em 1em 4em 1em;
border-radius: 4em 1em 4em 1em;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
-ms-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;
background: #ffeeee;
}
- Paste DI BAWAH kode yang dicari tadi
- Save!
Ket:
-- : Ukuran
-- : Warna
-- : Jenis border
-- : Font

Labels: ♫ Tutorial, post
<$BlogCommentBody$>
<$BlogCommentDeleteIcon$>