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

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

بسم الله الرحمن الرحيم والصلاة والسلام علي سيدنا محمد 
اما بعد 
اليوم سوف اقدم لكم طريقة وضع قائمة تابعني علي التويتر 
بطريقة سهلة جداً 

من لوحة تحكم المدونة اذهب الي
قالب 
ثم تحرير html
ثم ابحث عن هذا الكود بالضغط من لوحة المفاتيح علي Ctrl+F 

<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/AVvXsEjsPBuNxkgmXQTokxxG26af7g0gI7KNOEXvCPz8ptDGewXQfD5Gmtz1kuHz2OGD-1ZOR7i3MjLH5KDd5L21OKhpySGAaRW_MefUFhHlEGliHtGO4FsCRX-GigJ4_LJj5wdijuaKTZ0c0K0/s400/%D8%A7%D8%AF%D9%88%D8%A7%D8%AA+%D8%A7%D9%84%D8%AA%D9%88%D8%A7%D8%B5%D9%84+%D8%A7%D9%84%D8%A7%D8%AC%D8%AA%D9%85%D8%A7%D8%B9%D9%8A+%D9%81%D9%8A%D8%B3+%D8%A8%D9%88%D9%83+%D9%88%D8%AA%D9%88%D9%8A%D8%AA%D8%B1+%D9%88%D8%AC%D9%88%D8%AC%D9%84.png) 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='3g1a' 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://3g1a.blogspot.com/">3g1a</a></p>
</b:if>
 قم بتغيير الاتي

الكلمة التي باللون الاخضر بحسابك علي التويتر
والكلمة التي باللون الاحمر برابط مدونتك
تعليقات



حجم الخط
+
16
-
تباعد السطور
+
2
-