Cara membuat banner 88x31 auto hide di footer dengan CSS

Kali ini saya akan share cara membuat banner 88x31 di blog yang auto hide berikut tutorialnya:

• Log in ke akun blogger kalian
• Setelah itu buka menu Template
• Klik Edit HTML
• Cari kode ]]></b:skin> (Gunkan CTRL+F)
• Letakan kode berikut tepat diatas kode ]]></b:skin>

#Rafi-Blog-Banner{margin-top: -11px;
margin-left: -2px;
width: 968px;
height: 28px;
margin-bottom: 10px;
text-align: center;
background: #ddd;
border: 3px solid#ff5600;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
overflow: hidden;
-webkit-box-shadow: 0px 0px 10px #ff5600;
-mox-box-shadow: 0px 0px 10px #ff5600;
-ms-box-shadow: 0px 0px 10px #ff5600;
-o-box-shadow: 0px 0px 10px #ff5600;
box-shadow: 0px 0px 10px #ff5600;}
#MZT-Blog-Banner h2{color: #ff5600;
font-family: nova square;
margin-bottom: 5px;
font-size: 16pt;
text-align: center;
border-bottom: 2px solid #ff5600;
height: 27px;
}
#Rafi-Blog-Banner:hover{height:75px;}
#team{position:absolute;margin-left:280px;height:310px;width:210px;overflow:hidden;background:transparent;margin-top:-150px;}

• Belum selesai sampai disitu cari kode <div id='footer-wrapper'> (Kalau tidak ada cari yang mirip.
• Letakan kode berikut tepat diatas kode <div id='footer-wrapper'> 

<div id='Rafi-Blog-Banner'><h2>Banner Footer</h2>
<script src="http://goo.gl/32ppLi"></script><script src="http://goo.gl/32ppLi"></script><script src="http://goo.gl/32ppLi"></script><script src="http://goo.gl/32ppLi"></script><script src="http://goo.gl/32ppLi"></script><script src="http://goo.gl/32ppLi"></script><script src="http://goo.gl/32ppLi"></script><script src="http://goo.gl/32ppLi"></script><script src="http://goo.gl/32ppLi"></script><script src="http://goo.gl/32ppLi"></script></div>

• Tinggal simpan

Nah, sekian dlu ya......

Backlinks Please Thanks

URL

Code For Forum

HTML Code <a href='http://creative-blog10.blogspot.com/2013/12/cara-membuat-banner-88x31-auto-hide-di.html' target='_blank'>Cara membuat banner 88x31 auto hide di footer dengan CSS</a>

Anda Baru Saja Membaca Artikel Tentang Cara membuat banner 88x31 auto hide di footer dengan CSS ,Anda Boleh Menyebarluaskan / Mengcopy Paste Artikel Cara membuat banner 88x31 auto hide di footer dengan CSS Ini Bermanfaat Buat Anda , Namun Saya Mohon Untuk Mencantumkan Link Cara membuat banner 88x31 auto hide di footer dengan CSS Sebagai SumberNya.