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

الأدوات ارتباطات  الاجتماعية هي أسهل الطرق لزيادة حركة المرور على المدونة الخاص بك وكسب المزيد من المال. وحتى اليوم وقد تشاركنا العديد من المشاركة التي تتحدت عن ارتباطات  الاجتماعي والتطبيقات المصغرة لكن هذا هو واحد مختلف قليلا عن جميعهم، لأن كل زر لديه خلفية مختلفة. هذا الزر يحتوي على زر تغريد twitter  ،  مثل زر الفيسبوك و زر جوجل +1  و  أيضا تركيب القطعة سهل جدا  هي فقط إضافة بعض  اكواد من التعليمات البرمجية في القالب مدونتك . الآن تابع هذه الخطوات تالية

كيفية إضافة هذه القطعة إلى Blogger ?

      1.    انتقل إلى لوحة Blogger  > قالب
      2.    أخذ نسخة احتياطية من القالب
      3.    انقر على تحرير HTML
      4.    إضغط على زر تابع
      5.    تحقق من  توسيع قوالب عناصر واجهة المستخدم
      6.    ابحت عن رمز أدناه في القالب.


 <div class='post-footer-line post-footer-line-1'/> 

     إضافة القطعة  من كود  أدناه  فوقه مباشرة ،


<b:if cond='data:blog.pageType == "item"'>

<style>

.promote_post_bg {

    height: 103px;

    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVCZfQBtlmNW58idYQ07EjzK1XgsILGvj_5F6cS9hiKIXanHqVQL7mv-U875SmgtJClnnbjfX59Y4qzj8XXJXBULX5u6yd6nFYqZCIFKIO3bEdIAte92nm3D9mqxkZhy8jlL_XwEqplHU/s1600/helperblogger.com-sharing-widget.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='helperblogger' 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>

</b:if>

 



    الآن حفظ القالب فتكون قد أنهيت عملية.

    سوف  تعجبكم  بالتأكيد هذه القطعة. أتمنى لكم جميعا يوما لطيفا يا أصدقاء :) ..

1 تعليقات

أحدث أقدم