Blogger Yayınlarına Kaliteli Paylaşım Butonları Eklentisi

Blogger da yazı altına sosyal paylaşım butonları eksikliği birçok blogcu için en büyük sorunların başında geliyor. Blog sahipleri bloglarına ve zevklerine göre bir tema bulduklarında kimi zaman Yazı altında sosyal medya da paylaş eklentisi temada eksik oluyor.Bazı temalarda ise sosyal medya eklentiler içeriği paylaşmak isteyen ziyaretçiyi içeriği paylaşmaktan alıkoyabiliyor bunu nedeni ise paylaşım yaparken ek bir sekme açılmaması oluyor veya eklentinin ziyaretçinin dikkatini çekmemesi yatıyor. 
                                             
                                                    Eklentinin Görüntüsü

DEMO                         

Öncelikle şablonda  ]]></b:skin>  kodonu buluyoruz ve üzerine gelecek şekilde aşağıdaki kodları ekliyoruz

 #sosyal-medya{background:#fff;color:#fff;line-height:30px;padding-left:30px}  
 #sosyal-medya h4{font-size:10px;line-height:20px;margin:0;text-transform:uppercase;display:inline}  
 #sosyal-medya h4 span{background:#2c3e50}  
 #sosyal-medya a{position:relative;font:normal 10px/12px 'Yanone Kaffeesatz',sans-serif;color:#fff;text-transform:uppercase;padding:7px 10px 7px 50px;box-shadow:1px 1px 1px #222}  
 #sosyal-medya a:hover{background:#222}#sosyal-medya a:hover span{color:#222}  
 #sosyal-medya a span{line-height:20px;width:40px;padding:6px 0;top:0}  
 #sosyal-medya a span.fb{background:#2884f6}.fb{background:#1e90ff}  
 #sosyal-medya a span.tw{background:#45B0E3}.tw{background:#00bfff}  
 #sosyal-medya a span.gp{background:#e00}.gp{background:#f83124}  

Daha Sonra <data:post.body/>  kodunu  buluyoruz ve altında aşağıdaki kodları ekliyoruz ve şablonu kaydediyoruz.. 

  <b:if cond='data:blog.pageType == &quot;item&quot;'>   
  <div id='sosyal-medya'>   
  <h4><span><i class='fa fa-external-link'/></span> PAYLAŞ :</h4>   
  <a class='fb' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' rel='nofollow' target='_blank' title='Share ke Facebook'><span class='fb'><i class='fa fa-facebook'/></span> Facebook</a>    
  <a class='tw' expr:href='&quot;http://twittter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Share ke Twitter'><span class='tw'><i class='fa fa-twitter'/></span> Twitter</a>    
  <a class='gp' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Share ke Google+'><span class='gp'><i class='fa fa-google-plus'/></span> Google+</a>   
  <script>    
  </script>   
  </div>   
  </b:if>   

<data:post.body/> kodunu arattığınıza birden fazla sonuç çıkabilir.Genelde ikinci bulduğunuz <data:post.body/>  kodunun altına yapıştırın.Test blogunda eklentiyi denerken ikinci <data:post.body/> kodun altına ekledik .Eğer olmazsa diğer bulduğunuz <data:post.body/> kodların altına tek tek ekleyerek deneyiniz Paylaş Butonlarını yazınızın en başında görünmesini istiyorsanız da bulmuş olduğunuz kodunun bir üst satırına kodları ekleyiniz. 

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest