Yayın Altına Kaliteli Paylaşım Butonları Eklentisi

Yayın Altına Kaliteli Paylaşım Butonları Eklentisi

Bir blogun/sitenin olmazsa olmazlardan biride hiç kuşkusuz yazı altında sosyal paylaşım butonlarıdır.Sosyal medyada paylaştığınız herşey bir link oluşturuyor ve arama motorlarının böcekleri de (Botları) linkleri çok sevdiği bir gerçek yazılarınız sosyal medyada paylaşılmasını sağlayan bu butonlardan siteniz yoksunsa rakiplerinize göre maça 1-0 geri başlamış oluyorsunuz demektir görsel ve kullanım kolaylığı ile öne çıkan bu eklentiyi sitenize ekleyerek maça 1-0 önde başlayan siz olun..


Blogger Admin Paneli > Şablon > HTML'yi düzenle yolunu izleyin ve CTRL + F yöntemiyle
]]></b:skin> kodunu bulun, hemen üzerine gelicek şekilde aşağıdaki kodları ekleyiniz.

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

Sonra CTRL + F yöntemiyle <data:post.body/>  kodunu bulun, hemen altına gelicek şekilde aşağıdaki kodları ekleyiniz.
 <b:if cond='data:blog.pageType == &quot;item&quot;'>  
 <div id='button-share'>  
 <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=' 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='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=' Google+'><span class='gp'><i class='fa fa-google-plus'/></span> Google+</a>  
 <script>  

  <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 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ızda bulmuş olduğunuz kodunun bir üst satırına kodları ekleyiniz.

Demosu Hemen Yazı Sonunda Mevcut

Daha Fazlası: RSS Feed | Email Aboneliği Yayın Sayısı :

2 yorum

kodları kabul etmiyor
tek tek denedim

@E.Eyüp dalgıc eklenti denenerek yayınlanmıştır tema ile ilgi bir sorun olabilir blog adresinizi yazarsanız yardımcı olalım size