Membuat Header Bergeser Saat Disentuh Mouse

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;
}

Ganti Code http://www.deviantart.com/download/209975142/luffy_render_by_namibekkklein-d3h0huu.png

• 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'/>

Membuat Header Bergeser Saat Disentuh Mouse 9 Out Of 10 Based On 10 Ratings. 9 User Reviews.

Share This To :

• Facebook
• Twitter
• Google+
• StumbleUpon
• Digg
• Delicious
• LinkedIn
• Reddit
• Technorati

Anda baru saja membaca artikel yang berkategori Tutorial Blog dengan judul Membuat Header Bergeser Saat Disentuh Mouse. Anda bisa bookmark halaman ini dengan URL https://mickeym4ru.blogspot.com/2013/10/membuat-header-bergeser-saat-disentuh.html. Terima kasih!

Ditulis oleh: Unknown - Minggu, 13 Oktober 2013