Date Header Like Mine Style


Date Header? Date header itu apa, Nei? mau dapet jawabannya cekidot aja



Date Header itu kayak tanggalan di blog pada postingan gitu, lho. Nah, kali ini aku mau bagi-bagi tutorial cara mengubah tampilan pada Date Header blog kalian.



  • Login blogger >> dasbor
  • Template >> kemudian click edit html
  • Expand Widget Template dan CTRL+F
  • Cari kode :
.date-header {

  • Copy kode ini

background-repeat: no-repeat;

background-position:left center;
border-radius: 40px 40px 10px 10px;
background: mistyrose;
border-bottom: 2px solid #ffeeee;
text-align: center;
margin: 0;
padding: 0;
color: #ffffff;
font-family: short stack;
FONT-SIZE: 11px;
width: 260px;
margin-left: 30px;
height: 20px;
-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 {
-webkit-transform: rotatex(360deg) scale(0.8) ;
-moz-transform: rotatex(360deg) scale(0.8);
-o-transform: rotatex(360deg) scale(0.8);
-ms-transform: rotatex(360deg)scale(0.8);
-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 tadi

  • Save! 

 SEKIAN, WASSALAMUALAIKUM

3 komentar:

1 ) Berkomentar baik-baik, jangan julid

2) Kata-kata yang tidak pantas atau mengandung unsur kebencian otomatis akan di block dan tidak dipublikasikan

3 ) Blog ini secara otomatis juga memilah mana yang komen spam (termasuk yang menawarkan produk-produk seperti produk diet, dll). Jadi, hati-hati komennya

Related Posts Plugin for WordPress, Blogger...