Sandy Creativity

Hay sob kali ini saya akan share lagi Cara membuat Banner Footer Di blog. nih liat dulu SSnya:

udah taukan? langsung ke tutorialnya ajah sob kalau udah tau:
1. Buka blog sobat
2. Pilih Template > Edit template
3. Lalu tekan Ctrl+f cari kode ]]></b:skin>
4. Lalu masukkan kode dibawah ini tepat diatas kode ]]></b:skin> :

#baba{margin-top:20px;margin-left:0px;width:1120px;height:28px;background:#181818;border:5px solid#3F3F3F;border-radius:15px;
-webkit-transition:all 0.7s ease-in-out;-moz-transition:all 0.7s ease-in-out;overflow:hidden;}
#baba h2{color:#272727;font-family: 'Marmelad', sans-serif;background:#FF9900;font-weight: normal;font-size: 15xt;background:#ffee00;text-align:center;
}
#baba:hover{height:60px;}
#team{position:absolute;margin-left:280px;height:310px;width:210px;overflow:hidden;background:transparent;margin-top:-150px;}
#ngintip{background:#ffee00;
float: left;
margin-left:7px;
width: 55px;
height: 55px;
border-top: 3px solid #ffee00;
border-right: 3px solid #ffee00;
border-bottom: 3px solid #ffee00;
border-left: 3px solid #ffee00;
margin-top:5px;
padding: 3px;
border-radius:60px;
-moz-transition: all 750ms ease-in-out;
-webkit-transition: 750ms 1s ease-in-out;
-o-transition: all 750ms ease-in-out;
-ms-transition: all 750ms ease-in-out;
transition: all 750ms ease-in-out;overflow:hidden;}
#ngintip img{height:60px;width:60px;margin-left:-5px;margin-top:-5px;}
#popc{position:absolute;background:#ffee00;
margin-left:35px;
margin-top:80px;
height:55px;
border-radius:60px;
width:55px;
border-top: 3px solid #ffee00;
border-right: 3px solid #ffee00;
border-bottom: 3px solid #ffee00;
border-left: 3px solid #ffee00;
-moz-transition: all 750ms ease-in-out;
-webkit-transition: 750ms 1s ease-in-out;
-o-transition: all 750ms ease-in-out;
-ms-transition: all 750ms ease-in-out;
transition: all 750ms ease-in-out;overflow:hidden;}
#popc img{height:60px;width:60px;margin-left:-5px;margin-top:-5px;overflow:hidden;}
#menu2{position: relative;
width: 1100px;background:#ffee00;border-top:5px solid#ffee00;border-bottom:5px solid#ffee00;border-left:15px solid#ffee00;border-right:15px solid#ffee00;border-radius:20px 20px 0px 0px;
margin: auto;margin-top:30px;}
.rumah{display:block;background:#ffee00;padding-top:30px;padding-bottom:30px;padding-left:20px;padding-right:20px;margin-top:0px;margin-left:510px;font-color:#ffee00;font-family:'Marmelad', sans-serif;}
.rumah:hover{background:#ffee00;color:#ffee00;font-family:'Marmelad', sans-serif;font-size:15pt;margin-left:500px}
.widgetSystem a{text-decoration:none;border-bottom:1px solid #ffee00;display:block;font-size:13px;font-weight:700;font-family:Marmelad,'Marmelad', sans-serif;-webkit-transition:all .5s ease 0;-moz-transition:all .5s ease 0;-o-transition:all .5s ease 0;transition:all .5s ease 0;margin:5px;padding:5px}.widgetSystem a:hover{background:#ffee00;color:#fff; }.widgetSystem li{list-style:none;margin:5px;}
.systemkrabycyber{background:rgba(0,0,0,0.6);height:140px;overflow:auto;margin-top:10px;border:2px solid #ffee00;border-radius:3px}

5. Lalu cari kode <div id='footer-wrapper'>

7. Masukkan kode dibawah ini tepat diatas kode <div id='footer-wrapper'> :

<div id='baba'><h2>Baner Footer</h2>
<a href='http://sandycreativity09.blogspot.com/2013/07/banner-v1.html' target='_blank' title='Tukar Banner'><img alt='All in One' src='http://www.softlab-portable.com/templates/Redline/images/88x31.png'/></a>
<a href='http://sandycreativity09.blogspot.com/2013/07/banner-v1.html' target='_blank' title='Tukar Banner'><img alt='Visit Now' src='http://www.softlab-portable.com/templates/Redline/images/88x31.png'/></a>
<a href='http://sandycreativity09.blogspot.com/2013/07/banner-v1.html' target='_blank' title='Tukar Banner'><img alt='Visit Now' src='http://www.softlab-portable.com/templates/Redline/images/88x31.png'/></a>
<a href='http://sandycreativity09.blogspot.com/2013/07/banner-v1.html' target='_blank' title='Tukar Banner'><img alt='Visit Now' src='http://www.softlab-portable.com/templates/Redline/images/88x31.png'/></a>
<a href='http://sandycreativity09.blogspot.com/2013/07/banner-v1.html' target='_blank' title='Tukar Banner'><img alt='Visit Now' src='http://www.softlab-portable.com/templates/Redline/images/88x31.png'/></a>
<a href='http://sandycreativity09.blogspot.com/2013/07/banner-v1.html' target='_blank' title='Tukar Banner'><img alt='Visit Now' src='http://www.softlab-portable.com/templates/Redline/images/88x31.png'/></a>
<a href='http://sandycreativity09.blogspot.com/2013/07/banner-v1.html' target='_blank' title='Tukar Banner'><img alt='Visit Now' src='http://www.softlab-portable.com/templates/Redline/images/88x31.png'/></a>
<a href='http://sandycreativity09.blogspot.com/2013/07/banner-v1.html' target='_blank' title='Tukar Banner'><img alt='Visit Now' src='http://www.softlab-portable.com/templates/Redline/images/88x31.png'/></a>
<a href='http://sandycreativity09.blogspot.com/2013/07/banner-v1.html' target='_blank' title='Tukar Banner'><img alt='Visit Now' src='http://www.softlab-portable.com/templates/Redline/images/88x31.png'/></a>
<a href='http://sandycreativity09.blogspot.com/2013/07/banner-v1.html' target='_blank' title='Tukar Banner'><img alt='Visit Now' src='http://www.softlab-portable.com/templates/Redline/images/88x31.png'/></a>
<a href='http://sandycreativity09.blogspot.com/2013/07/banner-v1.html' target='_blank' title='Tukar Banner'><img alt='Visit Now' src='http://www.softlab-portable.com/templates/Redline/images/88x31.png'/></a>
<a href='http://sandycreativity09.blogspot.com/2013/07/banner-v1.html' target='_blank' title='Tukar Banner'><img alt='Visit Now' src='http://www.softlab-portable.com/templates/Redline/images/88x31.png'/></a>
<a href='http://sandycreativity09.blogspot.com/2013/07/banner-v1.html' target='_blank' title='Tukar Banner'><img alt='Visit Now' src='http://www.softlab-portable.com/templates/Redline/images/88x31.png'/></a>
</div> 

 
Sekian Tutorial dari Sandy Creativity. Semoga bermanfaat.