Blogger Yazı Altına Paylaş Butonları Ekleme

Bugun sizlere yazı altı sosyal paylaş butonu paylaşacağım.Bu güzel sosyal paylaşım ekletisi blogunuzun trafiğini, artırmakta sizlere blogunuzun sosyal medyada duyulmasına yardımcı olacaktır.Çok kolay bir şekilde uygulayabileceğiniz bu eklenti.Aşagıda gösterdim yöntemi yaptığınız takdirde çalışacaktır.

Şimdi uygulamamıza başlayalım.

1. Adım Bloger Şablon Diyoruz. 
2. Adım Şablonun Yedeğini Alıyoruz. 
3. Adım Html Düzenle Diyoruz. 
4. Ctrl F Yardımı İle Size Aşagıda Verdiğim Kodu BuLuyorsunuz. 

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

Yukarıda ki kodu bulamazsanız, bu şekilde aratın.  post-footer-line-1  buldugunuz kodun hemen altına gelecek şekilde size aşağıda, verdigim kodu ekleyiniz ve kaydet deyip çıkınız.
Bu kod bazı özel temalarda olupta yazı sayfanızda  gözükmeyebilir.Yorum bölümden blogunuzun linkini atıp daha iyi sonuçlar elde edebilirsiniz..

<b:if cond='data:blog.pageType == "item"'>
<style>
.promote_post_bg {
    height: 103px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVcUvsGKRNyc9bNLgM_a4Xx9_In1iO3oFrfFxiTsgZJr-deVjpVoJOROXZqrPrYlUpbEaUTfpJoS0rkkwkNP8eJITtD2go9QaN7RhZICR3065iTrlTZJM8PUE3WAKVHbOb8ya7_8i00zg/s1600/helperblogger.com-sharing-widget.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='yunus_balim' 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 expr:href="data:post.canonicalUrl" layout='button_count' send='false'
                show_faces='false' font="verdana" action="like" colorscheme="light"></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>

Yukarıda kırmızı ile belirlediğim, yere kendi tweet id yazınız.İşlemimiz bitmişdir, güle güle kullanın.