15 Ocak 2012 Pazar
Merhaba değerli arkadaşlar. Sizlere bugünkü blogger eklentileri içerisinde çok güzel bir olan eklenti olan paylaşım butonlarınızı nasıl sitenize ekleyeceksiniz bundan bahsetmek istiyorum.
Siz de biliyorsunuz ki yazılarınızı daha çok okura ulaştırmak için sosyal medyayı kullanmak şart. Ülkemizi düşündüğümüz zaman en çok kullanılan sosyal paylaşım siteleri Facebook ve Twitter. Son olarak Google’ın da çıkarmış olduğu Google +1 var.
Şimdi sizlerin bu paylaşım butonlarınızı sitenize eklemeniz için gerekli kodlara geçelim.
İlk olarak Google +1 butonu için gerekli olan script kodunu eklememiz gerekiyor. Bunun için şablonunuzdan </head> kodunu bulun ve bu kodun ve hemen üstüne şu kodu ekleyin.
<script src='https://apis.google.com/js/plusone.js'
type='text/javascript'>
{lang: 'tr'}
</script>
İkinci olaraksa butonların gösterileceği kodları ekliyoruz. Tercihinize göre yazı başlığının altına ya da yazının sonuna ekleyebilirsiniz.
1. Yazı başlığının altına eklemek için <div class='post-header'> kodunu buluyoruz ve altına aşağıdaki kodları ekliyoruz.
2. Yazının sonuna eklemek için <data:post.body/> kodunun altına aşağıdaki kodları ekleyin.
2. Yazının sonuna eklemek için <data:post.body/> kodunun altına aşağıdaki kodları ekleyin.
<b:if cond='data:blog.pageType == "item"'>
<table border='0'>
<tr> <td> <a class='twitter-share-button'
data-count='horizontal' data-lang='en'
data-via='twitterkullanıcı adınız' expr:data-text='data:post.title'
expr:data-url='data:post.url'
href='http://twitter.com/share' rel='nofollow'/>
<b:if cond='data:post.isFirstPost'>
<script src='http://platform.twitter.com/widgets.js'
type='text/javascript'>
</script> </b:if>
</td>
<td> <iframe allowTransparency='true'
expr:src='"http://www.facebook.com/plugins/like.php?href="
+ data:post.url +
"&layout=button_count&show_faces=false&width=100&
action=like&font=arial&colorscheme=light"'
frameborder='0' scrolling='no' style='border:none;
overflow:hidden; margin-left:20px; width:100px; height:20px;'/>
</td>
<td><div style='margin-right:5px;'>
<g:plusone expr:href='data:post.url' size='medium'/>
</div> </td>
</tr> </table>
</b:if><br/>
Bu işlemleri yaptıktan sonra siteniz de paylaşım butonları yer alacaktır. Paylaşım butonlarına ait kodlar bloghocam.blogspot.com sitesinden alınmıştır.
