ضافة ولا أروع لنشر مواضيع مدونتك في مواقع النشر الإجتماعية

بسم الله الرحمان الرحيم

والسلام عليكم ورحمة الله وبركاته

أرحب بكم في الربيعي

أحضرت لكم إضافة ولا أروع لنشر مواضيع مدونتك في مواقع النشر الإجتماعية

مثال:

الإضافة تكون تحت الموضوع مباشرة

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

من خلال تصميم-تحرير html

ابحث عن الكمود التالي:

<data:post.body/>

ثم ضع الكود التالي بعدها مباشرة:

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

<style>

.promote_post_bg {

    height: 103px;

    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK1eRZTaZhpOqkjfEGtuRiGm3AhCU4XqwLwJc_k1u-oMSKLf4kTprkgTQ9LFoS17S0mndFvWX0X0pCH1yRw_wAi8-YtZ4HEtZnwGHSb6jcoTgq5NseUNVQQFlxFrUx0DEFrdboyv4YIMc6/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 = &quot;//platform.twitter.com/widgets.js&quot;;

                        fjs.parentNode.insertBefore(js, fjs);

                    }

                }(document, &quot;script&quot;, &quot;twitter-wjs&quot;);

            </script>

        </div>

        <div class='promote_facebook'>

            <div>

                <b:if cond='data:post.isFirstPost'>

                    <script>

                        (function (d) {

                            var js, id = &#39;facebook-jssdk&#39;;

                            if (d.getElementById(id)) {

                                return;

                            }

                            js = d.createElement(&#39;script&#39;);

                            js.id = id;

                            js.async = true;

                            js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;

                            d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);

                        }(document));

                    </script>

                </b:if>

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

            </div>

        </div>

        <div class='promote_google'>

            <script type='text/javascript'>

                (function () {

                    var po = document.createElement(&#39;script&#39;);

                    po.type = &#39;text/javascript&#39;;

                    po.async = true;

                    po.src = &#39;https://apis.google.com/js/plusone.js&#39;;

                    var s = document.getElementsByTagName(&#39;script&#39;)[0];

                    s.parentNode.insertBefore(po, s);

                })();

            </script>

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

        </div>

    </div>

<p style='display:none;'> Sharing Widget by<a href='http://estafid.blogspot.com'>estafid</a></p>

</b:if>

ثم احفظ. ومبروك عليك الإضافة

المصدر: مدونة استفد http://estafid.blogspot.com/2012/07/button-share-google-plusfacebooktwitter.html#ixzz2nfz5NSp6