Yayın İçine Sosyal Paylaşım Butonları Eklemek

Blogger temalarının bir çok sosyal paylaşım butonlarını sizin düzenlemeniz için açıkta bırakır. Kimi zaman ise sosyal paylaşım butonları sizin istediğiniz şekilde yer almayabilir. Bu gibi sıkıntılı durumlar için Blogger yayınlarınızın istediği yerine sosyal paylaşım butonları ekleyebilirsiniz. Sizin için Twitter, Facebook, Google Plus, Pinterest ve Digg paylaşım butonları bulunan bir örneğini sunuyorum.

Belirtmeliyim ki belirtilen sosyal paylaşım siteleri Türkiye'de en çok kullanılanları ayrıca seo çalışmaları için oldukça etkili siteler. Ayrıca yayın içerisinde yer belirleyebilmeniz de sizin için başka bir avantaj. Ayrıca paylaşım butonları blog ana sayfasında gözükmez.


Blogger Yayın İçi Sosyal Paylaşım Butonları Demo

Blogger Sosyal Paylaşım Butonu Eklemek 

1 ) Blogger kumanda paneline gelip Şablon >> HTML'yi Düzenle sekmesiyle kodlarımızı açıyoruz. Widgetleri genişlet kutucuğunu işaretliyoruz.
 2 ) Ardından sosyal paylaşım butonlarınızı nerede görmek istediğinize karar vermeniz gerekiyor.

• Başlığın hemen altında : Demo sayfasında görüldüğü gibi eğer başlığınızın hemen altında yer almasını istiyorsanız  '' <div class='post-header-line-1'/> '' kodunu bularak aşağıda ki sosyal paylaşım kodlarını hemen altına ekleyin. 

• Her Yayının Sonunda : Demo sayfasında görüldüğü gibi eğer başlığınızın hemen altında yer almasını istiyorsanız  '' <data:post.body/> '' kodunu bularak aşağıda ki sosyal paylaşım kodlarını hemen altına ekleyin.  

  Blogger Sosyal Paylaşım Sitesi Kodları : 

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div style='padding:4px;'>

<table border='0'><tbody><tr>

<td>

<div style='margin-right:5px;'>

<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

</div>

</td>

<td>

<div style='margin-right:5px;'>

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; margin-left:0px; width:100px; height:20px;'/>

</div>

</td>

<td>

<div style='margin-right:5px;'>

<g:plusone expr:href='data:post.url' size='medium'/>

</div>

</td>

<td>

<div style='margin-right:5px;'>

<a expr:href="&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url" class="pin-it-button" count-layout="horizontal"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>

<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>

</div>

</td>

<td>

<div style='margin-right:5px;'>

<script type="text/javascript">

(function() {

var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];

s.type = 'text/javascript';

s.async = true;

s.src = 'http://widgets.digg.com/buttons.js';

s1.parentNode.insertBefore(s, s1);

})();

</script>

<a class='DiggThisButton  DiggCompact' expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'></a>

</div>

</td>

</tr></tbody></table>

</div>

</b:if>