11 أغسطس، 2014

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

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

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

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

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


الذهاب إلى المدونة > قالب >> النسخ الاحتياطي للقالب
انقر فوق تحرير 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



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

مواضيع ذات صلة
اضافة شريط ازرار المشاركة اسفل عنوان الموضوع
4 / 5
بواسطة

0 التعليقات :

يسعدنا تفاعلكم بالتعليق , لكن يرجى مراعاة الآداب العامة وعدم نشر روابط إشهار حتى ينشر التعليق , ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود. اولا تضع الـ = بعدها الحرف الخاص بالإبتسامة
=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r