Cara Buat Gambar Header Bergeser Saat ke Sentuh Cursor

caranya ini ikuti dengan teliti

• Buka Blogger> Buka Dashbord
• Buka Opsi Lainnya
• Klik Template 
• Klik EDIT HTML
• Cari Kode  ]]></b:skin> dengan CTRL+F
• Copy Paste Kode di bawah ini tepat di atas  ]]></b:skin>

div.MCheader { -webkit-transition: all 560ms ease-out;-moz-transition: all 560ms ease-out;-ms-transition: all 560ms ease-out;-o-transition: all 560ms ease-out;transition: all 560ms ease-out;margin-top:5px;margin-left:405px; background: url("https://sites.google.com/site/maencit/gambar/Oriezt-.png") no-repeat ; height: 369.5px; width: 277px;position:absolute; } #header-wrapper:hover .MCheader {margin-top:5px;margin-left:405px; margin-left: 510px;opacity:0; } div.MCheader1 { -webkit-transition: all 560ms ease-out;-moz-transition: all 560ms ease-out;-ms-transition: all 560ms ease-out;-o-transition: all 560ms ease-out;transition: all 560ms ease-out;margin-top:5px;margin-left:405px; background: url("https://sites.google.com/site/maencit/gambar/Oriezt-Devil.png") no-repeat; height: 369.5px; width: 277px;position:absolute;opacity:0; } #header-wrapper:hover .MCheader1 {margin-top:5px;margin-left:405px; margin-left: 510px;opacity:1; } #header img{margin-left:auto;margin-right:auto}

• Lalu Cari Kode <div id='header-wrapper'> kalau tidak dapat Cari kode  'header-wrapper'>
• Kalau Sudah dapat,Copy Paste Kode di bawah ini di bawah  <div id='header-wrapper'>

<div class='MCheader'/> <div class='MCheader1'/> </div>

• Lalu Simpan Template 
• Ganti https://sites.google.com/site/maencit/gambar/Oriezt-.png dan https://sites.google.com/site/maencit/gambar/Oriezt-Devil.png , dengan URL gambarmu sendiri.