كيفية [ اضافة] كودة النشر على المواقع الاجتماعية

[ اضافة] كودة النشر على المواقع الاجتماعية

السلام عليكم

اليوم راح اقدم لكم اضافة اداة أضف أداة النشر على المواقع الاجتماعية بطريقة جميلة واحترافية لمدونات بلوجر
أزرار النشر على المواقع الاجتماعية لدورها الكبير في  زيادة شعبية مدونتك
تتيح لزوارك نشر مواضيعهم على facebook, goole +1 و twitter,وسترى أني أستعملها شخصيا في مدونتي¨

 

طريقة التركيب : 

• ادخل المدونة .
• القالب.
• تحرير html .
•  ونبحث عن <div class='post-footer-line post-footer-line-1'/> او  <data:post.body/>
•  ضع قبله مباشرة هذا الكود

 

 <b:if cond='data:blog.pageType == "item"'>
<style>
.promote_post_bg {
    height: 103px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjySD5N75z7v4vP9CAETDUJOI5xAo-xo9jOxp3slpVCFuoG1g8LIqC9Ats8ep4MlIAInJcLd_uBT-aUpnHhPdjg0QIFjbxVD2mj6VKasYH96IyQVQyqAJjMUNfbfvhYM-SLNpSEDtAq2R1g/s1600/chamelcool2.gif) 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='chamelcool' 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'>
            <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>
                <fb:like expr:href="data:post.canonicalUrl" layout='button_count' send='false'
                show_faces='false' font="verdana" action="like" colorscheme="light"></fb:like>
            </div>
        </div>
        <div class='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 annotation="none" size='medium'></g:plusone>
        </div>
    </div>
<p style="display:none;"> Sharing Widget by<a href="http://chamelcool.blogspot.com/">chamelcool</a></p>
</b:if>

 قم بحفض القالب

مع تحياتي