ضف أداة النشر على المواقع الاجتماعية بطريقة جميلة واحترافية لمدونات بلوجر

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

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

  ثم ابحث عن الكود التالي :بالضغط على         alt+f

<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/AVvXsEiwMzYbRZK1QfcafLcOcSSG989pHKMXXxnij6yqdd6_i-IRiYfoAG1zFc-e_L8yRxdfAyVDqpnz1FKpiaUulwSsAkYszTAw0_3NeKd5wEkDGLLBSkgt-yGGNfBtkKlrcERFsb95g60-Xu2Q/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://bloggerpluus.blogspot.com/">chamelcool</a></p>
</b:if>

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

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

تصنيف : اضافات بلوجر