Yazı Başlığının Altına Paylaş Butonları Nasıl Eklenir

Paylaş butonları blogumuzun vazgeçilmez parçasıdır.Bu butonlar sayesinde okuyucularımız yazılarımızı sosyal medyada paylaşarak çevrelerindeki arkadaşlarına ulaştırırlar.Bu da bizim populerliliğimizi artırmaya yardımcı olur.

Evet önceki yazılarımda bu ve buna benzer sosyal paylaşım kodlarını blogumuza nasıl aktarırız onu sizlerle paylaştım.Şimdi bu yazımda butonları yazı başlığımızın altına yerleştireceğiz:

sosyal_paylaşım_butonları

Blogger hesabınıza giriş yaparak HTML düzenle kısmına gelin ve Şablonu genişlet kutucuğunu işaretleyin.

<data:post.body/> kodunu bulun ve hemen üzerine aşağıdaki kodu yapıştırın :

<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 = &quot;compact&quot;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div></td>

<td><div style='margin-right:25px;'>
<script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=&quot; + 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> </b:if><br/>

Daha sonra </head> kodunu bularak aşağıdaki kodu hemen bu kodun üzerine yapıştırın:

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script>

Yapmanız gereken bu kadar.Şablonunuzu kaydedip çıkın.Herhangi bir yazı sayfanızı kontrol ederek paylaş butoınlarının yazı başlığınızın altına yerleştiğini görebilirsiniz.

Ozan Başer

Merhaba ben Ozan Başer. EhliBlog'da ve elbette Ehliforum (Blogculara Özel Forum)'da yazıyorum. Blogger, seo, adsense, sosyal medya ve google ürünleri hakkında faydalı ve kaliteli içeriği okuyucularıma sunmaya çalışıyorum. C#, PHP, Javascript gibi uğraşılarım var. Web ve online teknolojiler ile ilgili birçok konuda fikirlerimi sizlerle paylaşıyorum.

5 yorum:

  1. Bu şekilde hepsi toplu olan ama adthis olmayanı yokmu bunun. Çok kasıyor çünkü bu..

    YanıtlaSil
  2. Çok teşekkürler:)

    YanıtlaSil
  3. Şablonu genişlet yazısını nereden buluyoruz?

    YÖnlendirebilir misiniz?

    Teşekkürler

    YanıtlaSil
    Yanıtlar
    1. edit html kısmına geldiğinizde hemen sol tarafta küçük bir kutucuk göreceksiniz

      Sil

Yorumunuza gelecek cevabı takip etmek "beni bilgilendir" kutucuğuna işaretleyebilirsiniz.