Sunday, July 8, 2012

Tutorial Header Menghilang (Blogskin)



Tumblr_lziuvvezuk1qjoqpzo1_500_large
  Ok , tutorial hari ni Atin nak ajar korang buat header korang menghilang sekelip mata gitu  >_< haha . Maksudnye , bila korang punye cursor menghala ke header korang , nanti menghilang , like hover la . 
Jadi? ape tunggu lagi .. jom la mula ...



 Dashboard > Template > Edit HTML
 Press Ctrl + f (serentak) dan cari code <head>
 Then , cari code bahagian header korang. Contoh :



 <center><img src="URL HEADER" /></center> 


 Korang tukarkan code tu kepada code ni



 <center><img class="header" src="URL HEADER" /></center> 


 Then tekan Ctrl + f dan cari code ni </style> pulak
6. Copy code dekat bawah ni



.header {
text-align: center;
-webkit-transition: 1.0s;
opacity:100;
}
.header: hover {
padding-bottom:40px;
-webkit-transition-duration: 2.5s;
opacity:.01;
}


7. Paste di atas code </style> tadi 
8. Preview & save


No comments: