Site Info
Jumat, 01 November 2013
Oke Sekarang Admin Akan Share Cara Membuat Header Bergerak Saat Di Sentuh Mouse Di Blog Yuk Cekidot?
- Login blogger Kalian.
- Trus Masuk Ke Template.
- jangan Lupa beri centang pada Expand Template Widget
- Cari kode ]]></b:skin>, Pastekan Kode Di Bawah Ini Tepat Di atas Kode Tadi
div.SCheader {
-moz-transition: all 0.75s ease-in-out 0s;
background: url("http://www.deviantart.com/download/209975142/luffy_render_by_namibekkklein-d3h0huu.png") no-repeat;
margin: 0px;
position: absolute;
}
div.SCheader {
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 900ms ease-out;-moz-transition: all 900ms ease-out;-ms-transition: all 900ms ease-out;-o-transition: all 900ms ease-out;transition: all 900ms ease-out;
background: url("http://www.deviantart.com/download/209975142/luffy_render_by_namibekkklein-d3h0huu.png") no-repeat;
margin-left: 100px;
margin-top: 0px;
position: absolute;
height: 520px;
width: 540px;
}
div.SCheader :hover {
-webkit-transition: all 900ms ease-out;-moz-transition: all 900ms ease-out;-ms-transition: all 900ms ease-out;-o-transition: all 900ms ease-out;transition: all 900ms ease-out;
background: url("http://www.deviantart.com/download/209975142/luffy_render_by_namibekkklein-d3h0huu.png") no-repeat;
}
#header-wrapper:hover .SCheader {
margin-left: 400px;
}
- oke sekarang kita aktifkan cssnya,Sekarang Cari kode
<div id='header-wrapper'>
- Pastekan Kode Di bawah ini Di Bawah kode Di atas
<div class='SCheader'/>
Zynation backlink Please
Ada 0 ibu ibu yg lagi gosip + Add a comment
Baca dulu sebelum berkomentar
- -Not spam
- -Bila komentar nya belum mucul tekan F5 untuk refresh ok??
- -Yang sopan donk komentarnya,biar admin respon
- -No sara/tidak kata kata kotor
- -Komentar not gan/agan ini bukan kaskus
- -Anda sopan kami segan
- -Bertanya,dengan hal yg terkait dengan postingan
- -Bila info nya bermanfaat silahkan di LIKE
Bloggdr Comments
☜-(─‿‿─)
Facebook Comments