Blogger sosyal paylaşım butonları ekleme eklentisi

Resim yazısıBlogger sosyal paylaşım butonları ekleme eklentisi ekle

  Bu yazımızda bloggerde yazılarımızıın altına sosyal paylaşım butonları eklemeyi öğreneceğiz.
Eklenti içeriğimizde bulunan butonlar

1. Facebook
2. Twitter
3. Google +
4. Blogger
5. e-posta
6. Linkedin
7. Pinterest

Bu 7 adet buton sayesinde yazılarımızı sosyal sitelerde yayınlayabileceğiz ve sitemize ziyaretçi akışı sağlayacağız.

Şimdi gelelim bu eklentimizi yapmaya

1)Blogger hesabımızla giriş yapıyoruz.
2)Her ihtimale karşı blogger şablonlonumuzu yedeğini alıyoruz.
3)Kumanda Paneli>Şablon>Htmlyi Düzenle yolunu takip ediyoruz.
4)Widget Şablonlarını Genişlet Kutucuğunu işaretliyoruz.
5)Ctrl+F yardımı ile kodlar içerisinde </head> kodunu aratıp buluyoruz.
6)Aşağıdaki kodu kopyalayıp bulduğumuz </head> kodunun hemen üst tarafına 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>7)Yine Html kodlarımız içerisinde <data:post.body/> kodunu aratıp buluyoruz.8)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>

9)Bir ön izleme yapalım,şablonda sıkıntı yoksa ,şablonumuzu kaydedip çıkıyoruz.Bu haliyle, bir yazınız tıklandığında yazı sonunda blogger sosyal paylaşım butonlarınızgörünecektir.İstemediğiniz bir paylaşım butonu var ise 8. adımda verdiğimiz kodlar içerisinde mavi renkle verdiğimiz satırlardan sildiğinizde o paylaşım butonu kaldırılmış olur.Örnek olarak linkedin payşaım butonunu istemiyorsunuz.

<span class='st_linkedin_hcount' displayText='LinkedIn'></span>

satırını kaldırdığınızda linkedin paylaşım butonunu da kaldırmış olursunuz.
Not:Blogger yazı altı sosyal paylaşım butonlarını yazı üstünde de göstermek istiyorsanız yada sadece yazı üstünde çıksın istiyorsanız,yapmanız gereken;
8.adımda verdiğimiz kodu <data:post.body/> kodunun hemen üst tarafına yapıştırıyoruz.

Evet eklentimz hazır bir yorumlarınızı alayım?