Monday, May 11, 2015

Tutorial : Header Hover #2 (blogkins)

 
Hi! Aku bawa tutorial header hover lagi. Kali ini yang hovernya menghilang! Just for classic template/blogskins. Jika berminat, lanjut baca ya. Cekidot..Credit:Zahra
  • Dashboard > Template > Edit HTML
  • Press Ctrl + f (serentak) dan cari code <head>
  • Lalu cari code bagian header kamu. Contoh :
<center><img src="URL HEADER" /></center>
  • Sudah? Kamu tukarkan dengan code dibawah ini
<center><img class="header" src="URL HEADER" /></center>
  • Lalu click Ctrl +F dan serach code </style>
  • Copy code header hovernya di bawah ini
.header {
text-align: center;
-webkit-transition: 1.0s;
opacity:100;
}
.header: hover {
padding-bottom:40px;
-webkit-transition-duration: 2.5s;
opacity:.01;
}
  • Lalu pastekan di atas code </style> tadi
  • Preview lalu save. Done!
Semoga berhasil dan bermanfaat ya! Thanks to AtinTory for the tutorial
 

No comments:

Post a Comment

Moshi - Moshi

Leave comment here
Request ? tell in cbox
Dont bad words

Obey the rules ? Free comment :)

 
Related Posts Plugin for WordPress, Blogger...