ازرار المشاركه الموضوع اسفل كل مشاركه بشكل احترافي

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

اليوم الي شرح كيفية اضافة ادوات نشر المواضيع علي صفحات التواصل الاجتماعي فيس بوك وتويتر وجوجل وهذه الادوات تساعد مدونتك علي ارشفة تدويناتك بالطرق السريعة ونشرها علي الانترنت في اسرع وقت ونشرها علي مواقع التواصل الاجتماعي facebook , twitter , google وايضا تقيم مواضيعك علي انها الافضل كلما شارك شخص ما

متال الايقونات

فل ابدا 

 

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

ثم تحرير 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/AVvXsEgd28KzIsW8hm1Wv9SBd1WV4KBMLebfNiOUIYf861HsFIRkNJqEljM5bpRR16SRV3_INMTVmQp_L4FH_ov3S5QxGE-cE-pcRYpx5kBcxB6jkDMqDVWnO9phZadIM4sPpJp3AJquS2AzBX0/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='clubup' 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://more-egy.blogspot.com/">clubup</a></p>

</b:if>

وقم بتغيير  الكلمة clubup وهو حسابك في تويتر فقط ولا تغيير اي شيئ اخر

ثم قم بحفظ القالب وتمت الاضافة بنجاح

هل اعجبك الموضوع ؟

شارك معنا بتعليق حول الموضوع