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 comments:

1 ) Berikan komentar yang baik

2 ) Jangan pernah berkata kasar, jorok, dan menyakiti perasaan orang lain

3 ) Jangan sampai bikin gaduh di kotak comment

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

Related Posts Plugin for WordPress, Blogger...