Blogger Yazı Altına Özelleştirilebilir Sosyal Paylaşım Butonları

     Blogger de yayınladığınız yazıların hemen altına ekliyeceğiniz sosyal paylaşım butonları ve beğenme butonları sayesinde blogger blogunuzu sosyal paylaşım siteleri ile iç içe geçirip müthiş bir köprü atacak,Bu bölümde blogger yazı altı, yatay sosyal paylaşım butonlarını blogunuza nasıl ekliyebileceğinizi anlatacağız.Unutmayalım arkadaşlar blog yazmak zor değil,blog hazırlamak da zor değil,blogumuza ziyaretçi çekmek yazdıklarımızın okunurluluğunu arttırmak,asıl bu işin zor kısmı.Yazdıklarınız okurlarınızın işine yarıyorsa ve yararlı paylaşımlar yapıyorsanız bu eklenti sitenizde olması olan zorunlu bir şeydir.

     Sitenizde işe yaramayan gereksiz eklentileri kullanmayın,eğer sitenizin hittini artırmak ve yazılarınızın bütün internet kullanıcıları tarafından okunması,okuyan kişinin paylaşması sizin için oldukça sağlıklı bir iştir,yani sitenizden para kazanıyorsanız bu size olumlu etki yaratır.

     Konu başlığında da okuduğunuz gibi sitenize ekleyecek olduğunuz bu sosyal paylaşım butonlarını sitenizin tasarımı ve rengine göre düzenleyebilirsiniz,ayrıca sosyal paylaşım butonları içerisinde ki seçeneklerden istediğiniz butonu silebilir veya değiştirebilirsiniz.

Eklenti içerinde bulunan butonlar şunlardır;
* Facebook beğen butonu
* Twitter paylaş butonu
* Google plus butonu
* Linkedin butonu
* Pinterest butonu
* E-posta abonelik butonu

DEMO GÖRÜNÜM:

Blogger Yazı Altına Özelleştirilebilir Sosyal Paylaşım Butonları Ekleme:
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) Şablonunuzun yedeğini almayı unutmayınız.
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) Böylece eklentiyi sitemize eklemiş olduk.İstemediğiniz bir paylaşım butonu var ise 8. adımda verdiğimiz kodlar içerisinde mavi renkle verdiğimiz satırlardan istemediğiniz buton kodunu sildiğiniz de o paylaşım butonu kaldırılmış olur.Örnek olarak pinterest paylaşım butonunu istemiyorsunuz.

<span class='st_pinterest_hcount' displayText='Pinterest'></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 ve şablonu kaydediyoruz.

Renk düzenlemesi yapımı için;
8. adımda ki kodların içerisinde turuncu renkle işaretlediğim kodlar renk düzenlemesi yapacak olduğunuz kısımdır.

Buton değiştirmek / eklemek için;
Blogger Yazı Altına Özelleştirilebilir Sosyal Paylaşım Butonlarda ki verilen sosyal medya butonlarını değiştirmek veya farklı buton eklemek isterseniz yapacak olduğunuz işlem <span class= 'st_pinterest_hcount ' displayText kodunda yer alan pinterest metni yerine örneğin wordpress yazarsanız butonlar içerinde WordPress butonu eklenmiş olur.

</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_wordpress_hcount' displayText='WordPress'></span>
<span class='st_email_hcount' displayText='Email'></span>
</p>
</b:if>

şeklinde yapacaksınız.Böylece farklı butonlar ekleyebilirsiniz.

Herhangi bir sorun yaşayanlar aşağıdan yorum yapabilirsiniz.Yorumlar en kısa sürede cevaplandırılacaktır.