Tutorial : Header Bergerak Ke Tepi

Classic Template / Blogskin User

 Dashboard > Template > Edit HTML

 Tekan CTRL+F untuk search code

.Header {

 Dah jumpa? lepas itu korang akan jumpa code macam ni kan?

.Header {

margin-top:10px;

margin-left:0px;

-webkit-transition:2s

}

 Than tambah kod kat bawah ni :

.Header:hover {

padding-left: 30px;

-webkit-transition-duration: 5s;

}

 tambah je yang warna merah tu ye..

 Jangan preview & save!






CARA Ke-2

 Dashboard > Template > edit HTML

 tekan CTRL+F untuk search code:

</style>

Copy code di bawah ni dan pastekan ATAS code </style>

Header {
margin-top:10px;
margin-left:0px;
-webkit-transition:2s
}
.Header:hover {
padding-left: 30px;
-webkit-transition-duration: 5s;
}

Tapi u all Copy kod di bawah ni dan pastekan dekat BAWAH kod </style>

<img class="header" src="URL Header"/>

warna hijau masukkan URL header anda ok?


 Boleh dapatkan header kat sini : Header 1 & Header 2

 But, preview baru save!