Cara Membuat Gambar di Header Bergerak saat Hover

Cara Membuat Gambar di Header Bergerak saat Hover Cara Membuat Gambar di Header Bergerak saat Hover saat kita ngeblog banyak halyang harus kita perhatian untuk Meningkatkan Pengunjung, salah satu nya membuat Gambar di Header Bergerak saat Hover Karena dengan pemasangan ini Blog kamu akan Terlihat Berfariasai lebih unuk dan juga keren. Penempatan gambar dan pemilhan gambar yang tepat akan membuat Blog kamu Cantik. Untuk Pemasanganya marii kita langsung saja membuatnya.

1. Pertama kamu harus masuk dulu ke akun Blogger kamu dan pilih blog kamu yang akan kamu buat gambar di header.
2. Trus Masuk Ke Template lalu Klik Edit Template.
3. Cari kode  ]]></b:skin>,gunakan F3 atau Ctrl+F untuk mempercepat pencarian.
4. 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;}

Keterangan :

Biru => URL gambar Anime Kamu.
 Merah => Nama Kepala Headermu.
"SELANJUTNYA ATUR SENDIRI :P" Biru => URL gambar Anime Kamu. Merah => Nama Kepala Headermu."SELANJUTNYA ATUR SENDIRI :P" Biru => URL gambar Anime Kamu. Merah => Nama Kepala Headermu."SELANJUTNYA ATUR SENDIRI :P" 

• Sekarang kita aktifkan cssnya,Sekarang Cari kode <div id='header-wrapper'>

• Pastekan Kode Di bawah ini Di Bawah kode Di atas :  <div class='SCheader'/>

• Klik PRATINJAU/PREVIEW, untuk melihat jadi apa nggak, Kalau jadi Klik Save.

Bagaimana apa kamu mengerti dari penjelasan di atas jika mengerti terimakasih jika kurang silahkan tanyakan pada komentar. Semoga Beruntung
Cara Membuat Gambar di Header Bergerak saat Hover >

Cara Membuat Gambar di Header Bergerak saat Hover 2014-01-21T12:05:00-08:00 Rating: 4.5 Diposkan Oleh: Unknown