Blogger Sayfa İle Kayan Sosyal Bar Eklentisi





Blogger tema, eklenti vb. konuları ile ilgili başka bir proje çalışmamız olduğundan bu konuda yazmayı uzun süre önce azaltmaya başlamıştım. Bugün paravan bir blogum için bu eklentiyi kullandım ve gayet hoş oldu. Çünkü bloguma girenlere o blogu sosyal platformlarda paylaşmak için hiç bir imkan sunmuyordum.

Eklentimiz sayfanın solunda, sayfa ile beraber kayıyor. Her sayfa için ayrı bir paylaşım istatistiği sunuyor. Eklentinin demosuna buradan bakabilirsiniz. Ayrıca eklentinin en önemli özelliği ise, o sayfa daha önce kaç kere paylaşılmışsa, bunları eklentiyi ilk kurduğunuz andan itibaren istatistiklerde gösteriyor.

Gelelim kuruluma.

Üst taraftaki panelimizden Tasarım > Sayfa ögeleri > Gadget ekle > Html / Javascript ekle bölümüne giriyoruz ve

<style type="text/css">
#pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='pageshare' title="">
<div class='sbutton' id='fb'>
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
<div class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</div>
<div class='sbutton' id='su'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'>
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script>
<a class="DiggThisButton DiggMedium"></a>
</div>
<div class='sbutton' id='gplusone'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</div>
<div style="clear: both;font-size: 9px;text-align:center;"><a href="http://www.blogkaan.com/">Kişisel Blog</a></div><!-- Do not remove this link -->
</div>

kodlarını yapıştırıp tamam diyoruz. Daha sonra bu gadgeti alıp blog kayıtları bölümünün altına taşıyoruz ve kaydediyoruz.

İşlem bu kadar. Herhangi bir sorunda yorum bölümünü kullanabilirsiniz.



7 Yorum:

Düşüncenizi belirtin!
  • Hit Adam dedi ki:

    Hocam konu dışına çıkıyorum kusura bakmayın ama blogum için güzel bir arkaplan eklemek istiyorum haftalardır bulamadım. Blogunuzda kullandığınız arkaplana benzer arkaplan resimlerini nerden temin edebilirim

    ( Cevap ver. )
  • BlogKaan dedi ki:

    Önemli değil hocam. Benim arkaplanım özel tasarım olduğu için benzerini bulmanız biraz zor fakat beğendiğiniz sitelerin arkaplanlarını sahiplerinden izin alarak kullanabilirsiniz. Ya da photoshopta kendiniz yaratmayı deneyebilirsiniz.

    ( Cevap ver. )

Yorum bırakın.

Takipçiler