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:
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 = "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> </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: 'en-US'} </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.
Bu şekilde hepsi toplu olan ama adthis olmayanı yokmu bunun. Çok kasıyor çünkü bu..
YanıtlayınSilBu kodları silin.
YanıtlayınSilÇok teşekkürler:)
YanıtlayınSilŞablonu genişlet yazısını nereden buluyoruz?
YanıtlayınSilYÖnlendirebilir misiniz?
Teşekkürler
edit html kısmına geldiğinizde hemen sol tarafta küçük bir kutucuk göreceksiniz
Sil