اضافة أزرار المشاركة الاجتماعية تحت كل بوست بشكل جديد في مدونتك

 مواقع التواصل الاجتماعية تلعب دورا هاما جدا لكل مدونة ، لذلك يجب علينا أن نهتم بها أكثر. تويتر، الفيسبوك وجوجل بلس هي اكثر المواقع الاجتماعية الشعبية.هذة الاضافة البسيطة بشكلها الجذاب.سوف تمكنك بجذب الزوار إلى مدونتك بسهولة عن طريق مشاركة مواضيعك علي مواقع التواصل الاجتماعية .

والان مع شرح لكيفية تركيب هذة الاضافة الي مدونتك

1-اذهب الي لوحة تحكم المدونة / القالب / تحرير html

وبعد ذالك نبحث عن </b:skin>

 ونضع فوقها هذا الكود

______________________________________________

pbt_promote_post_bg {

    height: 103px;

    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI_4p3OuY_3QgKvVKTVG4GgMclFBGbZ0tEXuSnDmOW8tyN-8UJiz9b8NbJZETMCpwnMurj5EkEIt9yl34W06FOeKeYtidfNW13abmBXkNozf1nbFooUnsEry2cT1yDe6ty97sFCIhMLANV/s1600/sharing-widget.png) 0 -7px no-repeat;

    width: 500px;

    margin-left: 65px;

}

.pbt_promote_twitter {

    width: 130px;

    height: 38px;

    float: left;

    margin: 0 39px 0 0;

    padding: 65px 0 0 13px;

    text-align: center;

}

.pbt_promote_facebook {

    width: 115px;

    height: 40px;

    float: left;

    margin: 0 39px 0 0;

    padding: 63px 0 0 28px;

    text-align: center;

}

.pbt_promote_google {

    width: 65px;

    height: 40px;

    float: left;

    margin: 0 39px 0 0;

    padding: 65px 0 0 28px;

    text-align: center;

}

______________________________________________

2-ابحث عن <data:post.body/>  

وضع الكود التالي بعدها

______________________________________________

<b:if cond='data:blog.pageType == &quot;item&quot;'><div class='pbt_promote_post_bg'>

<div class='pbt_promote_twitter'>

<a class='twitter-share-button' data-via='probloggingtool' 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='pbt_promote_facebook'>

<div>

<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>

<fb:like action='like' colorscheme='light' font='verdana' expr:href='data:post.link' layout='button_count' send='false' show_faces='false'></fb:like>

</div>

</div>

<div class='pbt_promote_google'>

<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>

<g:plusone size='medium'></g:plusone>

</div>

</div></b:if>

______________________________________________

وبعد كدة اضغط علي حفظ النموذج وكدة الاضافة بقيت موجودة عندك