Blogger'da Yazı Altına Sosyal Paylaşım Butonları Ekleme nasıl yapılır?
Blogger'da yazılarınızı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'da yazı altına yatay sosyal paylaşım butonlarını blogunuza
nasıl ekliyebileceğinizi anlatacağım.
Unutmayın ki Blog yazmak, blog hazırlamak
zor değil, blogumuza ziyaretçi çekmek
yazdıklarımızın okunurluluğunu artırmak, asıl bu işin zor kısmıdır. Herkes
birşeyler yazıyor çiziyor,ama kim okuyor? kime ne faydası var? bunların,
diye kimse sormuyor kendine. Ortalık blog çöplüğüne dönüşmüş
adeta.
Blogger yazı
altı eklentisini eklediğinizde bir kişi yazınızı okuduğunda ve yazı
sonuna geldiğinde, eğer yazınızı beğenmişse sosyal paylaşım sitesinde
paylaşacak ve burdan size ziyaretçi kazandıracak faydalı bir eklentiyi
blogunuza nasıl ekliyebileceğinizi anlatalım:
- Facebook beğen butonu
- Twitter Paylaş butonu
- Google+ Butonu
- Blogger Paylaş Butonu
- Linkedin Butonu
- Pinterest Butonu
- E-Posta Abonelik Butonu
1) Blogger hesabımızla giriş yapın.
2) Her ihtimale karşı
blogger şablonlonuzun yedeğini alın.
3) Kumanda Paneli>Şablon>Htmlyi Düzenle yolunu takip edin.
4) Widget Şablonlarını Genişlet Kutucuğunu işaretlin.
5) Ctrl+F yardımı ile kodlar içerisinde
</head> kodunu aratıp bulun.
6) Aşağıdaki kodu kopyalayıp bulduğumuz </head> kodunun hemen üst tarafına yapıştırın. (Kodun tamamı kutuda gözükmediğinden kopyalarken mausunuzu sağ alt köşeye kaydırın)
<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çinde <data:post.body/> kodunu aratıp bulun.
8) Aşağıdaki kodu kopyalayıp bulduğumuz <data:post.body/> kodunun hemen altına yapıştırın.
<b:if cond='data:blog.pageType == "item"'>
<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ın.Bu haliyle, bir yazınız tıklandığında yazı sonunda blogger sosyal paylaşım butonlarınız
görünecektir. İstemediğiniz bir paylaşım butonu var ise 8. adımda
verdiğim kodlar içinde 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.
Blogger sosyal paylaşım butonlarınız kullanıma hazır hayırlı olsun:)
