Yazı Altına Kaliteli Paylaşım Butonları Eklentisi

Yazı 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.


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

3 yorum

oldukça tatlı duruyorlar ama kullandığım şablonda ne yaparsam yapayım yazı altına denk gelmiyor :(

@Video Fuar sitenizde bulanan Share this article : paylaşım eklentisini yerine ikinci kodlarla değiştirin o zaman yazı altına gelecektir.