Blog Yazı Altına Sosyal Paylaşım Kutucuklar

Blog Yazı Altına Sosyal Paylaşım Kutucuklar

Blog Yazılarında Sosyal Paylaşım Kutucukları

Merhabalar sevgili okurlarım.

Bu makalemde bloğumuzdaki yazılarımıza sosyal paylaşım eklentisi eklememizi paylaşmak istedim.

Bu eklentimiz ile, yazılarınızın altına , twitter , facebook ve google+ kutucukları eklememizi sağlar. Ziyaretçileriniz böylelikle yazılarınızı twitter , facebook ve google+ da paylaşabilmelerini sağlamış olacağız.

Aşağıdaki kodlardan birini bulunuz , ilk denediğiniz olmazsa diğerini deneyiniz , bazı bloglarda bu kodlardan bir kaç tane olabilir o açıdan denemekte yarar var.


Aşağıdaki kodları  Blogger şablonunuzda bulun.

<data:post.body/>

Veya


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


Hemen altına bu 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/AVvXsEhlkJSapDt5ernHsvT8x8DfYJLfD_FLzOELPgkzEJu0djRAml9HY_-HmLXeS3RqJVWN2SuHIY2DDfdxgl5g62-84hPABN28uxMC9JmaTZvJ0mbprcdXCwSwwaLkOGcDasBhOO2biAvfXAGT/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>

__________________________________

Sosyal paylaşım Facebook, Twitter, Google+  hazırdır hayırlı olsun.