Blog Yayınlarına Sosyal Medya Paylaş Butonu eklemek

Yorum Bırak




Blog sahiplerinin en büyük destekçisinden biri de sosyal medyadır. Bloglarında en önemli eklentilerinden biride hiç kuşkusuz yazı altında sosyal medyada paylaşım butonlardır. Bloglar trafik akışı sağlamak adına bu eklenti olmazsa olmazlardandır blog sahibi yayınladığını içeriğinin ziyaretçi tarafından sosyal medyada duyurmasında yardımcı olan bu eklentiyi bazı temalarda olmayabiliyor işte bu nokta bu kaliteli tema size yardımcı olacaktır. Bazı temalarda 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.işte bugün paylaşacağımız eklenti görselliği ile de olsun kullanım kolaylığı da olsun en iyi sosyal paylaşım butonlardan biridir.



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

#button-share{background:#34495e;color:#fff;line-height:40px;padding-left:60px}  
 #button-share h4{font-size:18px;line-height:40px;margin:0;text-transform:uppercase;display:inline}  
 #button-share h4 span{background:#2c3e50}  
 #button-share a{position:relative;font:normal 16px/20px 'Yanone Kaffeesatz',sans-serif;color:#fff;text-transform:uppercase;padding:7px 10px 7px 50px;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:40px;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}  



Daha Sonra <data:post.body/> kodunu buluyoruz ve altında aşağıdaki kodları ekliyoruz ve şablonu kaydediyoruz..( Bu kod blogda birden fazla olabilir. Son bulduğunuz kodun altına ekleyin)



<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='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>  

0 yorum: