10 Ağustos 2013 Cumartesi
Merhaba arkadaşlar bu yazımda sizlere blogger sitelerinize ekleyeceğiniz sosyal paylaşım butonları ile ilgili bilgiler vereceğim. Sizinde bildiğiniz gibi bloglarınıza ziyaretçi çekmek için sosyal medya olmazsa olmazların başında kendisine yer buluyor. Sizlere bu yazıda blogunuzun hemen altına yerleştireceğiniz blogger sosyal paylaşım butonlarının kodlarını vereceğim.
İçeriklerin altında bulunan paylaşım butonları ile ilgili daha önce yazdığım bu yazıya da bakabilirsiniz. Bu eklenti sayesinde blogunuza gelen ziyaretçi yazınızı okuduktan sonra kolay bir şekilde sosyal medya da paylaşabilecek. Şimdi gelelim bu blogger eklentimizin içeriğine;
Blogger sosyal paylaşım butonları eklentisinin içerisinde bulunan butonlar;
Facebook beğen butonu
Twitter Paylaş butonu
Google+ Butonu
Blogger Paylaş Butonu
Linkedin Butonu
Pinterest Butonu
E-Posta Abonelik Butonu
Şimdi gelelim bu eklentiyi blogumuza eklemeye. İlk olarak blogger panelimize giriş yapıyoruz. Ve blogumuzun yedeğini alıyoruz. Blogger'da yedek almak içinse Şablon kısmına tıklayıp hemen sağ üstte yer alan Yedekle/Geri Yükle butonuna tıklayalım. Bu kısımda sonra Tam Şablonu İndir kısmına tıkladığımız zaman blogger temamızın yedeğini almış olacağız. Daha sonra ise arkadaşlar blogger kodlarımıza gelip CTRL+F yardımıyla </head> kodunu bulalım. </head> kodumuzun hemen üzerine aşağıda yer alan kodları yapıştıralım.
<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>
Daha sonra yine kodlarımız içerisinde yer alan <data:post.body> kodumuzu bulalım ve hemen altına aşağıda yer alan kodları yapıştıralım. Ayrıca <data:post.body> kodumuzdan sitemizde birden fazla olabilir. Doğrusunu bulana kadar deneme yanılma yoluyla doğru olan <data:post.body> kodunu bulabilirsiniz.
<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>
Bu kısıma kadar geldikten sonra ise yapmanız gereken şablonunuzu ön izleme yapmak olacaktır. Şablonunuzu ön izleme yaptıktan sonra herhangi bir sorun ile karşılaşmazsanız kaydedip çıkabilirsiniz. Ayrıca bu blogger eklentisi içerisinde istemediğiniz sosyal paylaşım butonları varsa istediğiniz butonu kod içerisinde çıkarabilirsiniz. Kodlar içerisinde kırmızı ile yazılan kısımlar blogunuzda oluşacak sosyal paylaşım butonlarıdır. Bunlardan istemediklerinizi silerek kullanmayabilirsiniz. Evet tüm bu işlemlerden sonra artık blogunuzdaki yazıların hemen altında kullanıma hazır sosyal paylaşım butonları hazır olacaktır. Aklınıza takılan soruları yorum formu aracılığıyla sorabilirsiniz.
Eklenti DEMO için TIKLAYINIZ!
Eklenti DEMO için TIKLAYINIZ!
