اضافة شريط ازرار المشاركة اسفل عنوان الموضوع

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

اضافة صندوق أزرار المشاركة تحت عنوان الموضوع في المدونة

الذهاب إلى المدونة > قالب >> النسخ الاحتياطي للقالب
انقر فوق تحرير HTML
و ابحث عن الوسم </head> و اضف الكود التالي فوقه

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

    <script type='text/javascript'>

    // Twitter
    (function (a, b, c){var d=a.getElementsByTagName(b)[0];if (!a.getElementById(c)){a=a.createElement(b);a.id=c;a.src="//platform.twitter.com/widgets.js";d.parentNode.insertBefore(a, d)}})(document, "script", "twitter-wjs");
    // Stumbleupon
    (function (){var a=document.createElement("script");a.type="text/javascript";a.async=true;a.src="https://platform.stumbleupon.com/1/widgets.js";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a, b)})();

    </script>


    <style type='text/css'>

    /*Social Bar By mudwnp.blgospot ----------------------------------- */
    #SocialBar {
        float: right;
        border-top: 1px solid #eaeaea;
        border-bottom: 1px solid #eaeaea;
        width: 610px;
        margin-bottom: 20px;
        margin-right: -10px;
        margin-top: 10px;
    }

    .headingsharer h5 {
        float: right;
        padding-left: 20px;
        padding-top: 18px;
        text-transform: uppercase;
        font-weight: bold;
        margin: 0px;
        padding-right: 10px;
    }

    .tweeetero, .fbwolo, .g-plusones, .stumblo {
        float: right;
        border-right: 1px solid #eaeaea;
        padding-right: 18px;
        padding-top: 15px;
        padding-bottom: 10px;
    }

    .g-plusones {
        margin-right: 20px;
    }

    </style>

    </b:if>

    

الان ابحث عن <div class='post-body entry-content'> و اضف الكود التالي فوقه

<b:if cond='data:blog.pageType == "item"'>
<div id='SocialBar'>
<div class='headingsharer'>
<h5>شارك الموضوع </h5>
</div>
<div class='tweeetero'>
<a class='twitter-share-button' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a>
</div>
<div class='fbwolo'>
<iframe allowtransparency='true' expr:src='"//www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=button_count&width=80&show_faces=false&action=like&colorscheme=light&font&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:80px; height:21px;'/>
</div>
<div class='g-plusones'>
<div class='g-plusone' data-size='medium' expr:data-href='data:post.url'/>
</div>
<div class='stumblo'>
<su:badge expr:location='data:post.url' layout='1'/>
</div>
</div>
</b:if>

ملاحظة : يجب تغيير زر فيس بوك بالزر الخاص بك لصفحة الفيس بوك وقد تواجهون مشاكل بالشكل بسبب زر الفيس بوك يمكنكم تغييره بأي زر ثاني
قم بتغيير شارك الموضوع بالكلمة التي تريدها
انقر فوق حفظ قالب!
و مبروك عليك الاضافة


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

في امان الله
مدونة مدون محترف

8/11/2014

مواضيع ذات صلة

اضافة شريط ازرار المشاركة اسفل عنوان الموضوع

4 / 5

بواسطة مدون محترف

مدون محترف 8/11/2014 اضف تعليق