Blogger Çok Şık Footer Eklentisi

Resime tıklayarak resmin orijinal boyutunu görebilirsiniz.
Ayrıca Teşekkürler Cadam.

Arkadaşlar çok şık muhteşem bir footer eklenitisi buldum ve sizlere paylaşayım dedim çok kullanışlı aslında 3 bölüm var biri araç kutusu olarak kullanıyorum , 2 adet metin alanı var buraları istediğiniz gibi kullanabilirsiniz en büyük 2. özelliği ise bu eklentiyi  çoğu kişi arıyor üzerinde hareketli swf var neyse çok uzatmadan kodlara geçelim.

İlk Olarak Alttaki 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/AVvXsEh2Cao8YoCWeJ4or2xn72-nRZo8iLyn2Evl7q8RjUhME8vRCvIZ_Y0Smn3Ywgwv0MtnUpLluvEAf1DpABZbI6TdlCYamz7LTp1lhtrDZocYou0SjOgB6NEZR6Ko67qqqBbyWDQQPr4lO3I/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 Şu Kodu Bulun :
</body>
Ve Üstüne Şu Kodu Ekleyin

<!-- 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>Öneri </b><span><b>Makaleler !</b></span></h2>
<ul>
<li><a href='http://ramazandgn.blogspot.com/2013/08/adobe-photoshop-cs5-full-indir-lisanssz.html'>Adobe Photoshop Cs5 Lisanssız Sürüm.</a><span><img src=''/></span></li>
<li><a href='http://ramazandgn.blogspot.com/2013/08/youtube-populer-olma.html'>Youtube Popüler Olma.</a><span><img src=''/></span></li>
<li><a href='http://ramazandgn.blogspot.com/2013/07/windows8-indir-full-turkce.html'>Windows 8 Full indir. </a><span><img src=''/></span></li>
<li><a href='http://ramazandgn.blogspot.com/2013/08/blogger-gelistirilmis-yorum-bolumu.html'>Blogger için Harika yorum bölümü. </a><span><img src=''/></span></li>
<li><a href='http://ramazandgn.blogspot.com/2013/08/metin2-yeni-5li-efsun-botu.html'>Metin2 Çok Hızlı 5&#39;li Efsun Botu. </a><span><img src=''/></span></li>
<li><a href='http://ramazandgn.blogspot.com/2013/07/blog-olusturmak-blogspotcom.html'>Bir blog nasıl oluşturulur ? </a><span><img src=''/></span></li>
</ul>
</div>
<div class='col-a'>
<h2><b>Dost  </b> <span><b>Bloglar.</b></span></h2>
<ul>
<li><a href='http://ramazandgn.blogspot.com/p/blog-page_6.html'>Siteni Ekle</a></li>
<li><a href='http://ramazandgn.blogspot.com/p/blog-page_6.html'>Siteni Ekle</a></li>
<li><a href='http://ramazandgn.blogspot.com/p/blog-page_6.html'>Siteni Ekle</a></li>
<li><a href='http://ramazandgn.blogspot.com/p/blog-page_6.html'>Siteni Ekle</a></li>
<li><a href='http://ramazandgn.blogspot.com/p/blog-page_6.html'>Siteni Ekle</a></li>
<li><a href='http://ramazandgn.blogspot.com/p/blog-page_6.html'>Siteni Ekle</a></li>

</ul>
</div>
<div class='col-b'>
<h2>Araç <span>Kutusu!</span></h2>
<br/>
<a href='http://www.alexa.com/siteinfo/http://ramazandgn.blogspot.com/'><script src='http://xslt.alexa.com/site_stats/js/t/a?url=http://ramazandgn.blogspot.com/' type='text/javascript'/></a>
<a href='http://www.dmca.com/Protection/Status.aspx?ID=79af0bef-df47-426f-9817-015597ce079f' title='DMCA'> <img alt='DMCA.com' src='http://images.dmca.com/Badges/dmca_protected_30_120.png?ID=79af0bef-df47-426f-9817-015597ce079f'/></a>
<br/>
<script id='_waudut'>var _wau = _wau || []; _wau.push([&quot;small&quot;, &quot;ra13z7g50kgu&quot;, &quot;dut&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|9|Temmuz| <b><a href='http:/ramazandgn.blogspot.com' rel='dofollow' title='RamazanDgn'><b><font color='white'>Ramazan Doğan</font></b></a></b>
<p class='text'>Sitemiz Dmca ile lisanslanmıştır.Kaynak gösterilmeden alıntı yapılamaz!
</p>


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




Kırmızı ile belirttiğim yerleri kendinize göre düzenleyin.
Düzgünüz yapmanız sonucunda yukarıdaki resimdeki  footere sahip olacaksınız.

Benzer Aramalar:Blogger Müthiş footer eklentisi,blogger footer eklentisi,blogger footer ekleme,blogger alt kısma hareketli resim ekleme,blogger alt kısım eklentisi,blogger footer eklentisi,blogger footer