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

بسم الله الرحمن الرحيم نتطرق اليوم الي شرح كيفية اضافة ادوات نشر المواضيع علي صفحات التواصل الاجتماعي فيس بوك وتويتر وجوجل وهذه الادوات تساعد مدونتك علي ارشفة تدويناتك بالطرق السريعة ونشرها علي الانترنت في اسرع وقت ونشرها علي مواقع التواصل الاجتماعي 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/AVvXsEjK99RIXrcl2P-_roCXNkDD7qpLEvBgzT8UPvTYadWHxXxRxJpAhxN5pCvhHwmddOsZAWB_LUZ7VwWttAcEl_2kjXhf4c1ecWgLf7-AVpB1CsA_ff5a9fgymWRPy-liCXrcHXbyZYeDbt0/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='alyomtop' 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://alyomtop.blogspot.com/">alyomtop</a></p>

</b:if>

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

هشام ابرشى

اسمي هشام : من المملكة المغربية , اهتم بتقنيات الموقع ومواكبة كل ماهو جديد في عالم التقنيه , انقل قالبا ما اراه مفيد ومناسب للزوار , وايضا اطرح المواضيع الحصريه والمفيده للكل بأذن الله ..