Blogger İçin Yazı Altına Sosyal Paylaşım Eklentisi

Bu eklenti ile yazılarınızın en altında sosyal paylaşım sitelerinde paylaş kutucuğu çıkacak. Bu sayede yazılarınız daha çok yerde okunacak ve siz daha çok popüler olacaksınız. Bu eklentiyi nasıl Blogger bloğunuza eklersiniz? 

Aşağıda size iki ayrı kod vereceğim. İlk önce birinci verdiğimi deneyin. Eğer o olmazsa diğer kodu deneyin. 

Birinci kod: 

<data:post.body/> 

İkinci kod: 

<div class='post-footer-line post-footer-line-1'/> 

Bu kodların hangisi olursa bir satır altına aşağıda vereceğim kodları ekleyin. 

<b:if cond="data:blog.pageType == &quot;item&quot;">
<style>
.promote_post_bg {
height: 103px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4a3YFZVG274Bf16fkIIsHXw7YmezH2QKKhlVOpkYAhB1XM1b7A5b4mbX5a-lzXTSkcWvsbY2DqyyC5zvsJDuEwzKVEEHPIZG5nXx2dA-bQo0dL9pUcWIqu16B_W9eRpaL2MKIaLRC40Ew/s1600/social-kutucuk.png) 0 -7px no-repeat;
width: 500px;
margin-left: 65px;}
.promote_twitter {
width: 130px;
height: 38px;
float: left;
margin: 0 39px 0 0;
padding: 65px 0 0 13px;
text-align: center;}
.promote_facebook {
width: 115px;
height: 40px;
float: left;
margin: 0 39px 0 0;
padding: 63px 0 0 28px;
text-align: center;}
.promote_google {
width: 65px;
height: 40px;
float: left;
margin: 0 39px 0 0;
padding: 65px 0 0 28px;
text-align: center;
}
</style>
<div class="promote_post_bg">
<div class="promote_twitter">
<a class="twitter-share-button" data-via="BloggerEklenti" href="https://twitter.com/share">Tweet</a>
<script>
!
function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = "//platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
}
}(document, "script", "twitter-wjs");


</script></div>
<div class="promote_facebook">
<fb:like action="like" colorscheme="light" expr:href="data:post.canonicalUrl" font="verdana" layout="button_count" send="false" show_faces="false"></fb:like>
<div>
<b:if cond="data:post.isFirstPost">
<script>
(function (d) {
var js, id = 'facebook-jssdk';
if (d.getElementById(id)) {
return;
}
js = d.createElement('script');
js.id = id;
js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));


</script>
</b:if></div>
</div>
<div class="promote_google">
<g:plusone annotation="none" size="medium"></g:plusone>
<script type="text/javascript">
(function () {
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();


</script></div>
</div>
</b:if> 

Bu kodları da eklediğiniz zaman artık yazılarınızın altında sosyal paylaşım kutucukları görünecektir.

Bu yazı http://webmaster.10line.net adresinde yayınlandı.