다이아몬드 말씀


HOME ABOUT STUFFS LINKIES NEWER OLDER +FOLLOW
Bonjour'!

Hi visitor(s). I'm AQil | 13 | Kemaman. Don't copy anything without my permission. Be nice here and do come again!

 Diamond Light


Credits
크레딧

© All in this blog are mine unless stated. Inspired from Zureen . And the basecode from Esha. Edited by Aqil . Cute icon by Pixel
Tutorial Header Bergerak Ke Tepi
Jumaat, 30 Ogos 2013 | 063 581 Diamond Comment[s]
hey thaqif nak buat tutorial.:face12:tutorial ni atas permintaan haziq tanya dekat shoutmix nina.:face64:dia nak header bergerak ke tepi tu.:face69:korang nak juga:120:boleh..:face64:jom kita ikut step ni.

untuk pengguna TEMPLATE LAIN
1dashboard:65:design:65:edit HTML:65:expand widget templates

2tekan CTRL+F untuk cari code ini :
/* Header
3jumpa:120:lepas itu korang akan nampak code #header:hover {
kalau tiada korang tambah jela..

3pastekan code dibawah ni di bawah code tadi, #header:hover {

4so dia kan jadi seperti ini :
#header:hover {
padding-left: 30px;
-webkit-transition-duration: 5s;
}
5preview dulu dan save


untuk pengguna CLASSIC TEMPLATE/BLOGSKIN

CARA 1

1. dashboard --> template--> edit HTML

2. tekan CTRL+F untuk search code .Header {

3. jumpa?lepas itu korang akan jumpa code macam ni kan
.Header {
margin-top:10px;
margin-left:0px;
-webkit-transition:2s
}
.Header:hover {
padding-left: 30px;
-webkit-transition-duration: 5s;
}
4. tambah je yang warna purple tu ye..

5. preview & save!

CARA 2

1. dashboard --> template--> edit HTML

2. tekan CTRL+F untuk search code </style>

3. copy code di bawah dan pastekan ATAS code </style>
Header {
margin-top:10px;
margin-left:0px;
-webkit-transition:2s
}
.Header:hover {
padding-left: 30px;
-webkit-transition-duration: 5s;
}
4. eh belum siap lagi. lepas tu, copy code di bawah dan pastekan dekat BAWAH code </style> pula
<img class="header" src="URL Header"/>
warna biru masukkan URL header anda ok?

5. preview & save!
ini adalah tutorial thaqif sendiri. so pandai pandailah credit thaqif ye. tq :)