Cara Membuat Header Bergeser Saat di Sorot Mouse

Kali ini saya akan mempostingkan Cara Membuat Header Bergeser Saat di Sorot Mouse?
Bagaimana caranya? OKE laangsung ke TKP.

1. Login dulu di Klog sobat
2. Klik Template --> Edit HTML
3. Cari Kode ]]></b:skin> Copy Kode di bawah ini tepat di Atas Kode ]]></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("3.bp.blogspot.com/-YS4ZyzmmnS0/U23GV-0i7xI/AAAAAAAAAO4/sODqvgRphGk/s1600/cooltext1556473245+(1).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("1.bp.blogspot.com/-yJQ8CKr1Hrg/U23JikRr5SI/AAAAAAAAAPE/X79l3Dsu7cw/s1600/cooltext1556486987.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}

4. Cari Kode <!-- start header-wrapper --> Copy Kode di bawah ini tepat di Bawah Kode <!-- start header-wrapper -->

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

5. Simpan dan lihat hasilnya.
NOTE :
Kode Berwarna MERAH ganti dengan URL gambar Header sobat.


Terima kasih atas kunjungan anda di Artikel : Cara Membuat Header Bergeser Saat di Sorot Mouse, Kode Memasang Header Bergeser Saat di Sorot Mouse.