Cara Membuat Box Banner Auto Hide Di Header

Hay sob, kali ini saya akan share Cara Membuat Box Banner Auto Hide Di Header seperti yang ada di Header 火 Kage Uchiha 火 Langsung ajah nih Tutorialnya: 

• Log In ke blog anda dulu
• Pada Dashboard, pergi ke Template > Edit HTML
• Cari Kode ]]></b:skin>
• Simpan CSS berikut diatas kode tadi  

#MAMZbanner1{width: auto;

height: auto;

float: right;

background: rgba(0, 0, 0, 0.4);

margin-right: -495px;

padding: 3px;

-webkit-animation:RZloading 3s;

-o-animation:RZloading 3s;

-moz-animation:RZloading 3s;

-ms-animation:RZloading 3s;

animation:RZloading 3s;

margin-top: 15px;

border-radius: 5px;

border: 5px solid #0101DF;

overflow: hidden;

z-index: 999999;

-moz-transition: all 0.7s ease-in-out;

-webkit-transition: all 0.7s ease-in-out;

-o-transition: all 0.7s ease-in-out;

-ms-transition: all 0.7s ease-in-out;

transition: all 0.7s ease-in-out;}

#MAMZbanner1 h2{display:none}

#MAMZbanner1 .widget-content{width:468px}

#MAMZbanner1 img{opacity:0.5;padding:0px;

-webkit-filter: saturate(0.0);

-moz-filter: saturate(0.0);

-ms-filter: saturate(0.0);

-o-filter: saturate(0.0);

filter: saturate(0.0);

-webkit-transition:all 1s ease-in-out;

-moz-transition:all 1s ease-in-out;

-ms-transition:all 1s ease-in-out;

-o-transition:all 1s ease-in-out;

transition:all 1s ease-in-out;}

#MAMZbanner1:hover{margin-right: 20px;border:5px solid #0101DF;}

#MAMZbanner1 img:hover{opacity:1;

-webkit-filter: saturate(1.1);

-moz-filter: saturate(1.1);

-ms-filter: saturate(1.1);

-o-filter: saturate(1.1);

filter: saturate(1.1);

-webkit-transition:all 0.1s ease-in-out;

-moz-transition:all 0.1s ease-in-out;

-ms-transition:all 0.1s ease-in-out;

-o-transition:all 0.1s ease-in-out;

transition:all 0.1s ease-in-out;} 

#MAMZbanner1:before {content:"";position:absolute;width:150px;height:125px;background:transparent url(http://i.imgur.com/I3cM4IV.png) no-repeat center;margin-left:-110px;margin-top:10px;}

•  Eitttsssssssss belum selesai,,, Cari Kode <div id='header-wrapper'> atau <header id='header-wrapper'>
• Lalu Simpan kode berikut dibawah kode tadi

<div class='RzIllusion'/>

<div class='MAMZbanner1 section' id='MAMZbanner1'><div class='widget HTML' id='HTML3'>

<div class='widget-content'>

Masukan Kode Banner kamu

</div>

</div></div>

•  Lalu simpan :D 

SUMBER