الأربعاء، 5 مارس 2014

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

بقلم: BR MED يوم الأربعاء، 5 مارس 2014 القسم : 15 التعليقات

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

 1- نذهب لوحة التحكم ثم نختار القالب بعد ذلك تحرير HTML ثم نبحث هذا الكود :
<data:post.body/>
ستجده مكرر مرتين أو ثلاث مرات سنختار الثاني وسوف نضع الكود التالي تحته مباشرة.

<span class='st_facebook_vcount' displayText='Facebook'></span>
<span class='st_fblike_vcount' displayText='Facebook Like'></span>
<span class='st_twitter_vcount' displayText='Tweet'></span>
<span class='st_googleplus_vcount' displayText='Google +'></span>
2- ابحث عن <head> بعده مباشرة الصق الكود التالي :
<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "8754ee54-f61d-41a3-82b5-6c74d5f8c83c", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
ثم قم بحفظ القالب ، وسوف تظهر الأزرار أسفل كل تدوينة.أتمنى أن يعجبكم الموضوع لا تنسوا الإنضمام لصفحتي قصد التوصل بالجديد دائما .
في أمان الله 

هناك 15 تعليقًا:

  1. محمد عماد13 مايو 2014 في 6:10 ص

    مشكوووووووووور اخوي
    واتمنى من زيارة مدونتي
    http://m7md-imad.blogspot.com/

    ردحذف
    الردود
    1. BR MED4 يونيو 2014 في 8:57 ص

      العفو أخي جد سعيد بمرورك العطر :)

      حذف
  2. Unknown14 سبتمبر 2014 في 4:49 ص

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

    ردحذف
    الردود
    1. BR MED14 سبتمبر 2014 في 6:53 ص

      و عليكم السلام أخي نورت :)
      هل بحث عن <data:post.body/> قد يكون بقالبك إثنين أو حثى تلاثة قم بتجربتهم كلهم
      أين رابط مدونتك لأساعدك

      حذف
  3. غير معرف4 أكتوبر 2014 في 9:34 م

    مواضيعك رائعة وااستمر فى ابداعك
    وهذه مدونتى واتمنى زياراتى وهذا موضوع جديد
    تحويل حساب ادسنس المستضاف(يوتيوب) الى حساب ادسنس عادى عن طريق البلوجر بتاريخ 2/10/2014
    http://cashaaat.blogspot.com/2014/10/2102014.html

    ردحذف
    الردود
    1. BR MED4 أكتوبر 2014 في 11:40 م

      بارك الله فيك أخي الحبيب :)
      تشرفت بزيارتك

      حذف
  4. غير معرف25 يونيو 2015 في 2:36 ص

    السلام عليكم كيف الحال اخي الكريم سؤالي اذا ممكن كيف تضع الكود بين مربع في التدوينة مثلما تفعل الان

    ردحذف
  5. غير معرف25 يونيو 2015 في 2:37 ص

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

    ردحذف
    الردود
    1. BR MED25 يونيو 2015 في 10:35 ص

      حياك الله أخي الكريم =r
      بالنسبة لسؤالك أنا قمت بالتعديل على ستايل الأقتباس فقط ، لتفهم أكثر شاهد هذا الموضوع :
      http://warch-mo.blogspot.com/2014/06/box-code-html.html

      حذف
  6. Mstf11 أغسطس 2015 في 8:23 م

    مشكور
    http://tri-prof.blogspot.com

    ردحذف
  7. Abdulaziz Diab16 سبتمبر 2015 في 8:37 ص

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

    مفيش طريقة جعلها تظهر داخل التدوينة

    ردحذف
    الردود
    1. BR MED16 سبتمبر 2015 في 9:33 ص

      حياك الله أخي الكريم =d
      أولا تأكد من أنك و ضعت الأكواد في المكان الصحيح فالوسم data:post.body يكون مكرر في القوالب
      إن لم تنجح الطريقة فشاهد هذا الموضوع :
      http://warch-mo.blogspot.com/2014/11/show-dont-show-add-blogger.html

      حذف
  8. عبدالخالق19 يناير 2016 في 11:30 ص

    شكرا

    ردحذف
  9. Evoltion23 يناير 2016 في 6:52 ص

    تسلم ايدك h=
    https://cufe-net.blogspot.com

    ردحذف

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

الاشتراك في: تعليقات الرسالة (Atom)