Blogger yazı altına sosyal paylaşım buton eklentisi

Blogger sosyal paylaşım buton eklentisi

Blogger (blogspot) blog sayfalarına yazı sonunda yer alan sosyal paylaşım butonları nasıl eklenir? Blogger için sosyal paylaşım butonları eklentisi (widget).

Bu içerik Cemalettin Koçak, OyunHileleri.ml tarafından Blog Tecrübem için hazırlanmıştır.

Merhabalar arkadaşlar, bu yazımda Blogger sayfaları için sosyal paylaşım buton eklentisinin nasıl eklendiğinden bahsettim.

Blogger sosyal paylaşım butonları

Yukarıda yer alan görselde gördüğünüz gibi Facebook, Twitter, Google+, Blogger gibi bir çok sosyal alanlar için paylaşım butonları yer almakta bu eklentide.

Peki bu sosyal paylaşım butonlarını nasıl Blogger'a ekleyeceğiz?

Blogger admin paneline giriş yapın. Her ihtimale karşı şablonuzun yedeğini alın. Admin paneline giriş yaptıktan sonra Tema/HTMLyi düzenle diyoruz ve Ctrl+F yapıyoruz. Ctrl+F yaptıktan sonra

</head>

kodunu aratıp buluyoruz. Aşağıdaki kodu kopyalayıp

</head>

kodunun üstüne yapıştırıyoruz.

<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "ab0ca80d-f3e2-4a23-96ba-c400631a4619", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>

Yine Html kodlarımız içerisinde

<data:post.body/>

kodunu aratıp buluyoruz. Aşağıdaki kodu kopyalayıp bulduğumuz

<data:post.body/>

kodunun hemen altına yapıştırıyoruz.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.doncaprio-share-buttons
{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #BBBBBB;
background-color:#FFFFFF;
-webkit-box-shadow: #B3B3B3 5px 5px 5px;
-moz-box-shadow: #B3B3B3 5px 5px 5px;
box-shadow: #B3B3B3 5px 5px 5px;
padding: 5px;
margin: 10px;
}
</style>
<p align='center' class='doncaprio-share-buttons'>
<span class='st_fblike_hcount' displayText='Facebook Like'></span>
<span class='st_twitter_hcount' displayText='Tweet'></span>
<span class='st_googleplus_hcount' displayText='Google +'></span>
<span class='st_blogger_hcount' displayText='Blogger'></span>
<span class='st_linkedin_hcount' displayText='LinkedIn'></span>
<span class='st_pinterest_hcount' displayText='Pinterest'></span>
<span class='st_email_hcount' displayText='Email'></span>
</p>
</b:if>

Ön izleme butonuna basın eğer sorun yoksa kaydedip çıkın. Bu kadar...