Blogger - Footer

           Footer görüntüsü
Sizinle payalaşacağım bu kod benim de kullandığım footer'ın kodudur.Yapımı Can Işık tarafındandır.Güzel olduğu için sizlerle paylaşmak istedim.

İlk olarak bu kodu bulun:

]]></b:skin>

Ve üstüne şu kodları ekleyin.

.footer h2{font:bold 14px Arial;padding-bottom:5px;margin-bottom:5px;line-height:1.3em;text-transform:uppercase;color:#333}
.footer{color:#666;line-height:1.3em;font:normal 12px Tahoma;text-shadow:-1px -1px #fff;}
.footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0}
.footer li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5m_uWWTE68j3512W_Bd9gT_MeFINQE2c1RyXJBtgwVZ54j1RNqsXFwNIQCzmGTNmR1Lfw46Rie8opguFr3NfTJtIjMsvkHz4NRkxM6hmRGY-AhMytrLXWdrbqkvW0JfkWonYjb0A_blM/s1600/footerli.png) no-repeat 1px 5px;font:normal 12px Tahoma;color:#626262;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 3px 13px}
.footer a:link,.footer li a:visited{color:#222;text-decoration:none}
.footer li a:hover{color:#014579}
.footer .widget{margin:0 0 8px;padding:6px 0}
.footer .widget-content{padding:0}
.picfooter{border:1px solid #C4C4C4; text-shadow:0 -1px 0 white; text-decoration:none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:#EDEDED; background:-webkit-gradient( linear,left top,left bottom,color-stop(.2,white),color-stop(1,#E5E5E5) ); background:-moz-linear-gradient( center top,white 20%,#E5E5E5 100% );width:938px;margin-left:auto;margin-right:auto;text-align:center;font:normal normal 12px Tahoma}
#footer-wrapper{width:910px;text-align:left;font:normal normal 11px Tahoma;margin:0 auto;padding:0 10px 10px}
#footer1-wrapper{width:300px;float:left;word-wrap:break-word;overflow:hidden}
#footer2-wrapper{margin-left:0px;width:300px;float:left;word-wrap:break-word;overflow:hidden;padding:0 10px}
#footer3-wrapper{width:280px;float:right;word-wrap:break-word;overflow:hidden} 

İkinci olarak bu kodu bulun (kodların en altında)

</body>

Ve bu kodu üstüne yapıştırın.

<!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'>&#160;</div>


    </div> <!-- end content-wrapper --><style>
#footer-outer{background:#2d2d2d url(http://d1303.hizliresim.com/17/q/lbdlt.png);color:#fff;width:100%;height:247%;clear:both;margin:0;padding:0;float:left;border-top:2px solid #bd423e;font:12px/23px Tahoma, Geneva, sans-serif;}#footer-wrap{margin:0 auto;width:900px;margin-bottom:20.3em;padding:15px 0 10px 0}#footer-wrap .col-c h2{font-size:17px;font-family:arial,sans serif;font-style:normal;font-weight:normal;color:#2eb9f4;margin:0 0 6px 0;padding:10px 0 6px 0;border-bottom:2px solid #444}#footer-wrap .col-c h2 span{color:#aaa}#footer-wrap .col-a h2{font-family:arial,sans serif;font-style:normal;font-weight:normal;font-size:17px;margin:0 0 6px 0;padding:10px 0 6px 0;color:#cb3833;border-bottom:2px solid #444}#footer-wrap .col-a h2 span{color:#aaa}#footer-wrap .col-a{float:left;width:290px;margin-left:12px}#footer-wrap .col-b h2{font-family:arial,sans serif;font-style:normal;font-weight:normal;font-size:17px;margin:0 0 6px 0;padding:10px 0 6px 0;color:#8ccb33;border-bottom:2px solid #444}#footer-wrap .col-b h2 span{color:#aaa}#footer-wrap .col-a{float:left;width:286px;margin-left:9px}#footer-wrap .col-c{float:left;width:285px;margin-left:7px}#footer-wrap .col-b{float:right;width:295px;margin-right:9px}#footer-outer .col-c ul{list-style:none outside none;margin:0;padding:0}#footer-outer .col-c ul li{border-bottom:1px dashed #444;margin:0;list-style-type:none}#footer-outer .col-c ul li span{float:right;margin:-20px 0 0 0;color:#555}#footer-outer .col-c ul li a{border:medium none;color:#888;display:block;line-height:1.5em;margin:0;padding:5px 0;width:98%}#footer-outer .col-c ul li a span{font-family:Verdana,Sans-Serif;font-size:.95em;font-style:italic;font-weight:normal}#footer-outer .col-c ul li a:hover,#footer-outer .col-a ul li a:hover span{color:#f4f4f4}#footer-outer .col-a ul{list-style:none outside none;margin:0;padding:0}#footer-outer .col-a ul li{border-bottom:1px dashed #444;list-style-type:none;margin:0}#footer-outer .col-a ul li span{float:right;margin:-20px 0 0 0;color:#555}#footer-outer .col-a ul li a{border:medium none;color:#888;display:block;line-height:1.5em;margin:0;padding:5px 0;width:98%}#footer-outer .col-a ul li a span{font-family:Verdana,Sans-Serif;font-size:.95em;font-style:italic;font-weight:normal}#footer-outer .col-a ul li a:hover,#footer-outer .col-a ul li a:hover span{color:#f4f4f4}#footer-bottom{clear:both;background:0;margin:0 auto 0 auto;font-family:&#39;Trebuchet MS&#39;,&#39;Helvetica Neue&#39;,Arial,sans-serif;font-size:12px;padding:5px 0;color:#FFF;width:900px}#footer-bottom a{color:#888;font-weight:bold}#footer-bottom a:hover{color:#fff}#footer-bottom .bottom-left{float:left;padding-left:15px}#footer-bottom .bottom-right{text-align:right;padding-right:22px}</style>
<br/>
<param name='allowfullscreen' value='true'/><param name='allowscriptaccess' value='sameDomain'/><param name='pluginspage' value='http://www.adobe.com/go/getflashplayer'/>
<object data='http://dl.dropbox.com/u/88724674/alt.swf' height='90' id='flash_dz' style='visibility: visible; ' type='application/x-shockwave-flash' width='100%'><param name='quality' value='high'/><param name='scale' value='noScale'/><param name='wmode' value='transparent'/><param style='background-image: url(file:);'/></object>
</div><div class='clear' id='footer-outer'>
<div id='footer-wrap'>
<div class='col-c'>     
<h2><b>Yararlı </b><span><b>Makaleler !</b></span></h2>
<ul>
<li><a href='http://cyberadam.blogspot.com'>Twitter arka plan resimleri</a><span><img src=''/></span></li>
<li><a href='http://cyberadam.blogspot.com'>Kullanmakta olduğum blogger temasını indir!</a><span><img src=''/></span></li>
<li><a href='http://cyberadam.blogspot.com'>Blogger için konu etiketli slider slayt kodu! </a><span><img src=''/></span></li>
  <li><a href='http://cyberadam.blogspot.com'><b>Arşiv</b> Sayfamız!</a><span><img src=''/></span></li>
</ul>
</div>
<div class='col-a'>
<h2><b>Blog  </b> <span><b>Kardeşliği.</b></span></h2>
<ul>
<li><a href='http://cyberadam.blogspot.com/p/il.html'>Siteni Ekle</a></li>
<li><a href='http://cyberadam.blogspot.com/p/il.html'>Siteni Ekle</a></li>
<li><a href='http://cyberadam.blogspot.com/p/il.html'>Siteni Ekle</a></li>
<li><a href='http://cyberadam.blogspot.com/p/il.html'>Siteni Ekle</a></li>

</ul>
</div>
<div class='col-b'>
<h2>Araç <span>Kutusu!</span></h2>
<p class='text'>Kaynak gösterilmeden alıntı yapılamaz!
</p>
 <!-- say.ac istatistik kodu -->
<script src='//say.ac/v2.php?sid=6806' type='text/javascript'/>
<a href='http://say.ac' target='_blank' title='sayaç'><img alt='sayaç' border='0' src='//say.ac/public/resimler/sayac_kodu_32_32.png'/></a>
<!-- say.ac istatistik kodu son -->
<br/>
<a href='http://www.alexa.com/siteinfo/canisik.net'><script src='http://xslt.alexa.com/site_stats/js/t/a?url=canisik.net' type='text/javascript'/></a>
<br/>
<script id='_waulhc'>var _wau = _wau || []; _wau.push([&quot;small&quot;, &quot;113210q8assx&quot;, &quot;lhc&quot;]);
(function() {var s=document.createElement(&quot;script&quot;); s.async=true;
s.src=&quot;http://widgets.amung.us/small.js&quot;;
document.getElementsByTagName(&quot;head&quot;)[0].appendChild(s);
})();</script>
<br/>
<div style='float:middle;'>


Copyright &#169; 2013 <b><a href='http://http://cyberadam.blogspot.com' rel='dofollow' title='Can Işık'><b><font color='white'>Can Işık</font></b></a></b>


</div></div>
  </div></div> <!-- end outer-wrapper -->
&lt;!--

Bu verdiğim kodları hiçbir sorun olmaksızın yapmanız ve kaydetmeniz takdiriyle güzel footerınız blogunuza eklenmiş olucak güle güle kullanın.