eklentilerin içinde blog.sohbetche yazan yere kendi facebook sayfanızı yazın diğerlerinide kendinize göre ayarlarsınız.
<style> .sidebarblok{border:1px solid #ebebeb; background-image:url(http://s22.postimg.org/ag2vxmfm5/seffaf.png); background-repeat:repeat; padding:5px; margin:0 0 15px 0; position:relative;} .sidebaricerik{ background:#fff; border:1px solid #f0f0f0; padding:3px 7px; min-height:100px; } .sidebaricerik-2{ padding:3px 7px 35px 7px !important; } .sidebaricerik-3{padding:4px 0 4px 0;} .sidebarbaslik{ font-size:14px; border-bottom:1px solid #ebebeb; padding:7px 0 9px 0px; } .sidebarbaslik span{border-bottom:1px solid #177a8e; padding:0 0 9px 0;} .Tolgaca{ margin:5px 0 0 0;} .Tolgaca img{ width:58px; height:105px; padding:1px; border:1px solid #ebebeb; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; float:left; margin:2px 10px 0 0; } .Tolgaca p{font-size:15px; margin:0 0 5px 0;} .Tolgaca span{ font-size:11px; color:#bebebe; line-height:19px;} #socialbox { background:#fff; max-width:100%; padding:8px; margin:0; border:0px solid #ccc; border-radius:5px; overflow:hidden; } .social { background:#fff url(http://1.bp.blogspot.com/--4CvEviaskw/UUsmFnxffgI/AAAAAAAAAD0/-yTMUjlcXPo/s1600/csg-514b240d34eeb.png) no-repeat top left; } .facebook,.googleplus,.twitter,.rss { -moz-transition: 0.3s ease-out; -webkit-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; } .text { height:24px;line-height:24px !important;float:left;margin:6px;font-size:20px;font-style:bold;color:#555;font-weight:bold;} .facebook:hover{cursor:pointer; background-position: 0 0; width: 24px; height: 24px; } .facebook{float:right;margin:6px 10px; background-position: 0 -44px; width: 24px; height: 24px; } .googleplus:hover{ cursor:pointer; background-position: 0 -88px; width: 24px; height: 24px; } .googleplus{float:right;margin:6px 10px; background-position: 0 -132px; width: 24px; height: 24px; } .rss:hover{ cursor:pointer; background-position: 0 -176px; width: 24px; height: 24px; } .rss{ float:right;margin:6px 10px;background-position: 0 -220px; width: 24px; height: 24px; } .twitter:hover{ cursor:pointer; background-position: 0 -264px; width: 24px; height: 24px; } .twitter{float:right;margin:6px 10px; background-position: 0 -308px; width: 24px; height: 24px; } </style> <div class="sidebarblok radius"> <div class="sidebaricerik radius"> <div class="Tolgaca"> <img alt="Tolga GönüL" height="70" src="https://lh5.googleusercontent.com/2wqdNEISBQHxkbKwz8F5SPV4FvHx2FQ4saa3slzOGbk=w123-h138-p-no" title="Tolgaca" width="70" /> <br /> <cufontext>Tolga </cufontext><cufontext>GönüL</cufontext><br /> Webmasterlı�a Merak Sarmı� Birisi..Ki�isel Olarak Wordpress ve Bloggere yo�unla�mı� Kendi bilgilerim ve topladı�ım bilgileri payla�maktan zevk alan birisi olarak Sizlere Hizmet Vermekteyiz.. ve Bunun Yanında Fanatik Bir Be�ikta�lı oldu�umu Belirtmek isterim :) Facebook Sayfamızıda Be�enmeyi Unutmayalım Lütfen :p <!--yardim-blogu.blogspot.com Facebook Be�en Butonu Ba�la --><iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/like.php?href=https://www.facebook.com/blog.sohbetche&send=false&layout=standard&width=290&show_faces=true&action=like&colorscheme=light&font&height=80" style="border: none; height: 80px; overflow: hidden; width: 290px;"></iframe><!--www.fbmlkodarsiv.tr.gg Facebook Be�en Butonu Bitir Bitir --> </div> <!-- Tolgaca son --> <br /> <div id="socialbox"> <div class="text"> Sosyal:</div> <a href="http://feeds.feedburner.com/SohbetcheBlog"> </a> <div class="social rss"> </div> <a href="http://feeds.feedburner.com/SohbetcheBlog"> </a> <a href="https://plus.google.com/u/0/102333023600349452965"> <div class="social googleplus"> </div> </a> <a href="https://twitter.com/sohbetche_blog"> <div class="social twitter"> </div> </a> <a href="https://www.facebook.com/blog.sohbetche"> <div class="social facebook"> </div> </a> </div> </div> </div>
Güzel Bir Eklenti teşekkürler
YanıtlaSilfacebook olayi guzel olmamis daha estetik olabilirdi.:)
YanıtlaSilfarklı olması açısından ekledim istiyen kodun içindeki iframe kodunu çıkarta bilir sadede kullanılabilir :)
Sil