Sayfayla Hareket Eden Sosyal Paylaşım Butonları

Sayfayla Hareket Eden Sosyal Paylaşım Butonları

Hayatımızın önemli bir parçası haline gelen sosyal medyayı, bloglarımıza da çeşitli şekillerde entegre etmemiz gerekiyor. Gerek ziyaretçi getirmesi, gerek de Google’a sinyaller göndererek yazıların hızlı indexlenmesini ve SERP performansını arttırması açısından, sosyal paylaşım butonları blogların olmazsa olmaz eklentilerinden.

Blogger eklentileri paylaşımlarımız da daha önce de yazı altına sabit sosyal medya paylaşım butonlarını paylaşmıştık ancak sayfayla hareket eden  sosyal paylaşım butonları ziyaretçilerin dikkatini daha çok çektiğinden daha kullanılışlı bir eklenti diyebiliriz.

Bu yazıda paylaştığım kodları blogunuza eklediğinizde yazılarınızın sol tarafında, resimde gördüğünüz gibi bir paylaşım kutusu çıkacak

blogunuza eklemek için şablonunuzda <div class='post-footer'> kodunu bulun ve bunun hemen altına aşağıdaki kodları ekleyin.
 <b:if cond='data:blog.pageType == &quot;item&quot;'>  
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>   
 <style type='text/css'>  
 /*<![CDATA[*/  
 #wpb-sosyal { bottom: 10%; margin-left: -50px; position: fixed; }  
 #wpb-sosyal ul { list-style: none;clear: none;padding: 0px 0px ;margin: 5px 0;}  
 #wpb-sosyal ul li { display: inline;background:none;margin:0;padding:0;}  
 #wpb-sosyal ul li a { display:block; width: 32px; height:32px; margin: 5px 0; }  
 #wpb-sosyal ul li a.twitter  { background: url("http://4.bp.blogspot.com/-u2iiutQz5QA/UIAk8Vtp_II/AAAAAAAABPQ/XBZODm4K0DQ/s32/twitter.png") repeat scroll 0 0 transparent; }  
 #wpb-sosyal ul li a.facebook  { background: url("http://1.bp.blogspot.com/-9o_wP7VCif0/UIAk1AYOP9I/AAAAAAAABOo/jYqTSd2Olc8/s32/facebook.png") repeat scroll 0 0 transparent; }  
 #wpb-sosyal ul li a.stumbleupon { background: url("http://2.bp.blogspot.com/-oE7gDBjPZB0/UIAk6yjGdxI/AAAAAAAABPI/txDzyQTgBLw/s32/stumbleupon.png") repeat scroll 0 0 transparent; }  
 #wpb-sosyal ul li .google-plus  { background: url("http://4.bp.blogspot.com/-Wdr3H9MYGvk/UH11mcV_l_I/AAAAAAAABOU/dsY1q4zDDzg/s1600/g-plus.png") repeat scroll -1px 0 transparent; }  
 #wpb-sosyal ul li a.pin-it-button  { background: url("http://1.bp.blogspot.com/-35-nyc3AF1Y/UIAk4CUxvwI/AAAAAAAABO4/bTkQCEbmd_g/s32/pinterest.png") repeat scroll 0 0 transparent; }  
 #wpb-sosyal ul li .addthis_32x32_style .dummy .at300bs, #wpb-sosyal ul li .addthis_32x32_style .at300bs, #wpb-sosyal ul li .addthis_32x32_style .at15t  { background: url("http://1.bp.blogspot.com/-JtRkjaxbhH8/UIAk5l0FZiI/AAAAAAAABPA/8KjmKBkNSTo/s32/sharethis.png") repeat scroll 0 0 transparent; }  
 /*]]>*/  
 </style>  
 <div id='wpb-sosyal'>  
 <ul>  
 <li><a class='twitter' expr:href='&quot;http://twitter.com/?status=&quot; + data:post.title + &quot; - &quot; + data:post.url ' rel='nofollow' target='_blank' title=' twitter'/></li>  
 <li><a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title=' Facebook'/></li>  
 <li><a class='google-plus' expr:href='&quot; http://plus.google.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Google+ '/></li>  
 <li><a class='pin-it-button' href='javascript:void(run_pinmarklet())'/>  
 <script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>  
 <script type='text/javascript'>  
 function run_pinmarklet() {  
   var e=document.createElement(&#39;script&#39;);  
   e.setAttribute(&#39;type&#39;,&#39;text/javascript&#39;);  
   e.setAttribute(&#39;charset&#39;,&#39;UTF-8&#39;);  
   e.setAttribute(&#39;src&#39;,&#39;http://assets.pinterest.com/js/pinmarklet.js?r=&#39; + Math.random()*99999999);  
   document.body.appendChild(e);  
 }  
 </script></li>  
 <li>  
 <script type='text/javascript'>  
 var addthis_config = {  
    ui_cobrand: &quot;blogtipsntricks.com&quot;,  
 ui_header_color: &quot;#ffffff&quot;,  
    ui_header_background: &quot;#0080FF&quot;  
 }  
 </script>  
 <script src='http://s7.addthis.com/js/300/addthis_widget.js' type='text/javascript'/></li>  
 </ul>  
 </div>  
 </b:if></b:if>  

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