Gönderilerinize Sosyal Paylaşım Butonları Eklemek

Saat/ Yorumlayın...
Blogunuza ziyaretçi bulmanın en güçlü yollarından biri de sosyal ağlardır. Artık günümüzde neredeyse herkesin bir Facebook hesabı ve yarısından fazlasının da Twitter hesabı bulunmaktadır. Blogunuzu bu sosyal ağlar üzerinden tanıtmanız, paylaşmanız sitenize ziyaretçi açısından fayda sağlayacaktır.

Blogunuzda yazdığınız gönderileri okuyucularınız elbette paylaşmak isteyebilir. Bu sebeple, yazılarınıza sosyal paylaşım butonları koymak yararınıza olacaktır. Şimdi bu butonları blogunuza nasıl koyacağınızı anlatalım:
1- Öncelikle Kumanda Paneli>Şablon>HTML'i Düzenle yolunu takip ediyoruz
2- Açılan kodlar içerisinde </head>  kodunu ctrl+f yardımıyla aratıp buluyoruz.
3- Aşağıdaki kodları kodunun hemen ü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>
4- Tekrar HTML kodları içerisinde <data:post.body/>  kodunu buluyoruz.
5- Aşağıdaki kodları ise 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>
Eğer sosyal paylaşım butonları arasında kullanmaya gerek duymadığımız bir sosyal ağ butonu varsa, o buton kodunun bulunduğu satırı silip butonu çıkarabiliriz. Örneğin Pinterest butonunu kullanmak istemiyorsanız
<span class='st_pinterest_hcount' displayText='Pinterest'></span>
kod satırını silebilirsiniz.

Sosyal paylaşım butonlarınız kullanıma hazırdır, hayırlı olsun :)

0 yorum:

Yorum Gönder