Blogger Yazı Altına Sosyal Paylaşım Kutucukları Eklentisi

Blogger blogunuzda yazılarınızın altına sosyal paylaşım kutucukları eklemek ister misiniz? Facebook, Twitter ve Google+ butonlarının bulunduğu sosyal paylaşım kutucuklarını blogunuza eklemek için yapmanız gereken tek şey aşağıdaki adımları izlemek.

1. Blogger şablonunuzda <data:post.body/> ya da <div class='post-footer-line post-footer-line-1'/> kodunu bulun ve bir satır altına şu kodları ekleyin: (bazı bloglarda bu kodlardan birkaç tane olabilir, biri olmazsa diğerini deneyin)

<b:if cond="data:blog.pageType == &quot;item&quot;">
<style> 
.promote_post_bg { 
  height: 103px; 
  background: url(http://i.hizliresim.com/aPQpPd.png) 0 -7px no-repeat; 
  width: 500px; 
  margin-left: 65px;} 
.promote_twitter { 
  width: 130px; 
  height: 38px; 
  float: left; 
  margin: 0 39px 0 0; 
  padding: 65px 0 0 13px; 
  text-align: center;
} 
.promote_facebook { 
  width: 115px; 
  height: 40px; 
  float: left; 
  margin: 0 39px 0 0; 
  padding: 63px 0 0 28px; 
  text-align: center;
} 
.promote_google { 
  width: 65px; 
  height: 40px; 
  float: left; 
  margin: 0 39px 0 0; 
  padding: 65px 0 0 28px; 
  text-align: center; 
} 
</style> 
<div class="promote_post_bg"> 
<div class="promote_twitter"> <a class="twitter-share-button" data-via="BlogspotEklenti" href="https://twitter.com/share">Tweet</a> 
<script> 
  ! 
  function (d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (!d.getElementById(id)) { 
      js = d.createElement(s); 
      js.id = id; 
      js.src = "//platform.twitter.com/widgets.js"; 
      fjs.parentNode.insertBefore(js, fjs); 
    } 
  }(document, "script", "twitter-wjs"); 
</script></div> 
<div class="promote_facebook"> 
<fb:like action="like" colorscheme="light" expr:href="data:post.canonicalUrl" font="verdana" layout="button_count" send="false" show_faces="false"></fb:like> 
<div> 
<b:if cond="data:post.isFirstPost"> 
<script> 
         (function (d) { 
         var js, id = 'facebook-jssdk'; 
         if (d.getElementById(id)) { 
           return; 
         } 
         js = d.createElement('script'); 
         js.id = id; 
         js.async = true; 
         js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; 
         d.getElementsByTagName('head')[0].appendChild(js); 
       }(document)); 
</script> 
</b:if></div>
</div>
<div class="promote_google">
<g:plusone annotation="none" size="medium"></g:plusone> 
<script type="text/javascript"> 
  (function () { 
    var po = document.createElement('script'); 
    po.type = 'text/javascript'; 
    po.async = true; 
    po.src = 'https://apis.google.com/js/plusone.js'; 
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); 
  })(); 
</script></div>
</div>
</b:if>

⇒ İşaretli yer sosyal paylaşım kutularını içermektedir (Arkaplanlar ve yazılar). İsterseniz buradaki resmi değiştirerek görünümü de değiştirebilirsiniz.

Şablon'da kod değişikliği yapmadan önce "Şablon Yedeği"nizi alın. Hiçbir sorumluluk kabul etmiyoruz. / Lütfen yorum atmayı unutmayınız. / Bir sorunuz varsa yorum bölümünü kullanabilirsiniz.