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

شاركه على +Googleأضفه الى Deliciousشاركه على Twetter شاركه على Facebookأضفه الى StumbleUpon أضفه الى Digg

كنت قد تطرقت في عدة مواضيع عن طريقة اضافة  أزرار النشر على المواقع الاجتماعية لدورها الكبير في  زيادة شعبية مدونتك  على هده المواقع  الى أنها ليست  كهده الاضافة التي سنتطرق لها وهي طبعا حصرية ....,هي اضافة جميلة ومتميزة  تعطي لمدونك احترافية وتميز عن باقي المدونات الأخرى و تتيح لزوارك نشر مواضيعهم على 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/AVvXsEjxiaWNPSQymONvQMxLhLtQF7yps121K0ntl_neqQRfSU2tLnvFtH8b6cPvWZ2-G53CmdXYjsiCrI6Dbm7tGJ1a8Z5BTVe8LO8wdQla4Y7j4oUeG_lfzbsiVEDqN0YgOGwtn7ClWUoa2B8m/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>

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

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

Tweet

Social Sharing Widget bychamelcool

التصنيف : أدوات بلوجر,مواقع النشر