اضافة ازرار مواقع الاجتماعيه داخل صناديق اسفل كل تدوينيه اضافه جميلة جداً

السلام عليكم!

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

اسفل كل تدوينيه الازرار كما في الصوره اعلاه.

الان اترككم مع كيفية التركيب:

1. اذهب للوحة تحكم مدونتك .

1. القالب.

1. تحرير HTML'

1. متابعه و اشر على توسيع القوالب.

1. اضغط Ctrl+F من لوحة المفاتيح.

1. ابحث عن الوسم التالي:

 <data:post.body/>

7.قد تجد منه٣ او ٤ و المقصود هو الثاني او الثالث على حسب القالب.

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.promote_post_bg {
    height: 103px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPok6hxMYQcGgnM0BczvPMW0rJZBvlEdX3MaUoNwmQ8XWGxCPvvsrKAwvzG4WmxUm4FB03vQSTWCfBFsZIcYO-BrQcITM9XooUvK5-Z7J6R_DY8SNCWoeAFU-sP8o-p8SfpXmRhR7tNZsx/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='اسمك في تويترl' 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='www.blogger-archive.com'>blogger-archive</a></p>
</b:if>

 عدل اسمك في تويتر في الكود:)
واضغط حفظ.

و اي استفسار يمكنك وضعه في تعليق و ايضا ارجو منك متابعتي على تويتر 

و الاشتراك في المدونه 

تحياتي..

المصدر