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

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

في سلسلة إضافات ودروس بلوجر دائما ، سوف أضيف لكم إضافة جميلة للمشاركة في المواقع الإجتماعية ، طلبها مني بعض الإخوة ، وهي تعتبر إضافة ضرورية لكل مدونة لكسب زوار كثيرون عندما يشارك أي شخص لموضوعك على هاته المواقع الإجتماعية المبينة في الصورة أسفله 

هاته الإضإفة سوف تظهر لأي شخص أسفل كل موضوع كتبته ، ولإضافتها مباشرة إلى مدونتك ما عليك فعله هو الذهاب إلى لوحة تحكم مدونتك، والضغط على قالب ، ثم تحرير html ، ومتابعة ثم تضع علامة على  توسيع قوالب عناصر واجهة المستخدم وتضغط في مفاتيح جهازك على ctrl+f وتبحث عن هذا الكود: 

____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____

   <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/AVvXsEhUWu3S1QwXQOXqO3uHVnxTbZ88jgx6Dtx_IbMKMadPTawix7WGG67Tjfu5-pqFabnzERGu3uQrj_g3hZ2SL4AZxhogXWFi0lmZgecB-qVV4mRzfxfI3VuYOQAgbILeYyJULLC4QceIHnR5/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://chamelcool.blogspot.com/'>chamelcool</a></p>

</b:if>

____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____

قم بحفظ التغييرات ومبروك عليك الإضافة