الأربعاء، 20 يونيو 2012

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

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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYbBYy2XxZY7V26K1yaGkfJbCHlzzb-5DKsEafFSVoqLZ78QQZt7LDSZ5WhStrr2y-NbBUJ7v3k6yfx9KncXtDvICdgc5z64HjYvDuhOKbGk0I0SMdxu95FMbm8geqh_fCXAMjOy67EpyO/s1600/Untitled+2.gif


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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU-ESUPlj9SK315qD5sSw9yqVWybMnU19XoapwAZKKYfLIA_yG_Kpln9cokO6SZiv4NKTsKdCuung8SpT_GQlx5SlslKYpqVpFI40bj04_7NFyebUG6XcLbwpiroupntykillMy52elKyU/s1600/resized_ez.jpg


  ثم ابحث عن الكود التالي :بالضغط على         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>


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

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

2 التعليقات:

إرسال تعليق

شارك

Twitter Delicious Facebook Digg Stumbleupon Favorites