Blogger Yazar Hakkında ve sosyal menü Eklentisi

Blogger siteniz için yine güzel  bir eklenti daha önce yine paylaşmış olduğum burdaki yazar eklentisi kodunun üstünde ufak tefek değişiklik yaptık sosyal menüler değişti ve facebook beğen kodu eklendi şimdiki görünümüyle daha iyi bir görünüm aldı ve hemen paylaşmak  istedim  bu kodu  sadece  HTMLJavascript olarak yani gadget olarak  ekliyosunuz hepsi bu kadar..aşağıda verceğimiz kodu gadget olarak ekliyorsunuz
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&amp;send=false&amp;layout=standard&amp;width=290&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;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>