إضافة أزرار google plus+facebook+twitter أسفل الموضوع.أنشر مواضيع مدونتك بسرعة

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

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

أرحب بكم في مدونة استفد

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

مثال:

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

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

من خلال تصميم-تحرير 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/AVvXsEhEsgvs2d0TTqMLDxHj-EZEWE9xQoaRrxTmxKwvWdHk3woI6DmhYsnLHzQ6xFlhvR_BneeIuvZGBmtfAeMBkpQhMCLGV09-eFfK642UTyuheW6VGI5TOn5kCedOzq4_a7nuFsvHFol5R3Xi/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>

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

أي استفسار لا تترددوا

Tweet

Sharing Widget byestafid

يمكنك نسخ روابط هذه التدوينة
URL
HTML
BBCode

التصنيف : إشهار المدونات,دروس بلوجر