Pek çok blogda veya web sitesinde değişik türlerde paylaşım butonları mevcuttur. Bende bloğumda gördüğünüz gibi kullanıyorum. Bloggerin kendi paylaşım butonları da mevcut fakat değiştirmek isterseniz veya temanız özel tema ise mevcut bulunmuyorsa bu eklentiyi eklemenizde fayda var.
Eğer bu eklenti hoşunuza gitmediyse daha farklı paylaşım butonu eklenti paylaşımlarımızda olacaktır. Bu blogda her türlü eklenti ve bilgiyi bulabileceksiniz.
Bugün ki makale, bloggerde sosyal paylaşım düğmeleri eklentisinin nasıl ekleneceğiyle ilgili. Blogger'da bu Sosyal paylaşım düğmeleri widget'larını kullanmanızı şiddetle tavsiye ederim. Şimdi nasıl ekleyeceğimize geçelim.
Blogger'da Sosyal Paylaşım Düğmeleri Widget'ları Nasıl Eklenir?
Aşağıdaki maddeleri sırasıyla yaparak bloğumuza sosyal paylaşım butonlarını ekleyelim;
- Blogger kontrol panelinden "Tema" bölümüne gelerek "HTML'yi düzenle" butonuna tıklayın.
- Ctrl F ile <data: post.body /> kodunu bulun ve aşağıdaki kodları bu kodun altına yerleştirin.
<b:if cond='data:blog.pageType == "item"'>
<table border='0'>
<tr>
<td><div style='margin-right:5px;'>
<g:plusone expr:href='data:post.url' size='medium'/>
</div>
</td>
<td><div style='padding-top:6px;'>
<script type='text/javascript'>
tweetmeme_style = "compact";
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div></td>
<td><div style='margin-right:25px;'>
<script expr:src='"http://www.stumbleupon.com/hostedbadge.php?s=1&r=" + data:post.url'/></div>
</td>
<td><div style='margin-right:25px;'>
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false' width='40px'/>
</div>
</td>
<td>
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
<!-- AddThis Button END -->
</td>
</tr>
<table border='0'>
<tr>
<td><div style='margin-right:5px;'>
<g:plusone expr:href='data:post.url' size='medium'/>
</div>
</td>
<td><div style='padding-top:6px;'>
<script type='text/javascript'>
tweetmeme_style = "compact";
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div></td>
<td><div style='margin-right:25px;'>
<script expr:src='"http://www.stumbleupon.com/hostedbadge.php?s=1&r=" + data:post.url'/></div>
</td>
<td><div style='margin-right:25px;'>
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false' width='40px'/>
</div>
</td>
<td>
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
<!-- AddThis Button END -->
</td>
</tr>
- Ardından </head> kodunu bulup altına aşağıdaki kodu ekleyelim.
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: 'en-US'} </script>
- Temayı kaydet dediğimizde paylaşım butonlarımız eklemiş olacaktır.
0 Yorumlar