Anasayfa
» blogger
» blogger çok şık footer
» blogger footer
» eklenti
» flash
» Blogger Footer Eklentisi
Blogger Footer Eklentisi
Bu yayınımda sizlerle buluşturmak istediğim blogger için harika denecek derecede bir footerdır.Bir zamanlar Can Işığın paylaştığı temada görmüştüm ve temanın kodları arasından footer ve üzerineki flash animassyonu çıkardım.İşinize yarayacağından emin olduğum için paylaşma gereği duydum.
Yapmanız gerekenler :
İ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/AVvXsEiUo1m24qjtgMzXkE8ENwgxNRH4MxW7qnxvqma-WOwtknO5J7sEiL3OI6-nbuQzFfq1Bk4WMlV59gTLtDdyj5a7kuVhQUNYaibwIM9pMB_dntFOFgAndg-pbP0RXJfxG8KKf46FpArF3c0/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'> </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:'Trebuchet MS','Helvetica Neue',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(["small", "113210q8assx", "lhc"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/small.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>
<br/>
<div style='float:middle;'>
Copyright © 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 -->
<!--
Bu verdiğim kodları hiçbir sorun olmaksızın yapmanız ve kaydetmeniz takdiriyle güzel footerınız blogunuza eklenmiş olucak. Bir sorun yaşamanız takdiriyle Cyber Adam ekibiyle iletişime geçiniz.

" Blogger Footer Eklentisi " icin 0 yorum :
* Yorum yazarken imla kurallarına dikkat etmeniz sizin ve bizim yararımıza olucaktır.
* Argo, dini, siyasi, vs. tartışma çıkaracak yorumlardan kaçınınız.