مكعب تقني

جديد اخبار التقنية والشروحات والدروس في مختلف مجالاتها

آخر الأخبار

جاري التحميل ...

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

من الممكن نشر أزرار مشاركة الوسائط الاجتماعية على Blogger في أسفل كل مشاركة للسماح للزائرين بنشرها على Facebook و Twitter و Pinterest و Google+.

في هذه المقالة ، سأريك كيفية تمكين هذه الميزة ، ولكن أيضًا كيفية حل المشكلة عند عدم عرض أزرار المشاركة!

إظهار الأزرار للمشاركة على Blogger

يقدم Blogger افتراضيًا شريط أزرار صغير لمشاركته على الشبكات الاجتماعية التي تبدو كما يلي:
Botones para compartir en redes sociales
يظهر في أسفل كل مقالة ويوفر إمكانيات مختلفة للمشاركة:


  • شارك المقال عبر البريد الإلكتروني مع الأصدقاء.
  • أعد نشر المقالة على مدونة Blogger الخاصة بك كارتباط للكلمات الأولى من المقالة المعنية.
  • شارك المقالة على شبكات Twitter أو Facebook أو Pinterest أو Google +.
  • لعرض هذه الأزرار للمشاركة ، ما عليك سوى الانتقال إلى قائمة "إعداد الصفحة" وانقر فوق "تحرير" في منطقة "مقالات المدونة" التي تظهر على الشاشة.
Cambiar las opciones de visualización en Blogger

هذا هو المكان الذي يمكنك فيه تغيير بعض إعدادات عرض مقالاتك: اختر ما إذا كنت تريد عرض الكلمات الرئيسية ، ثم اختر كيفية عرض التاريخ ، إلخ. ما عليك سوى تحديد مربع "إظهار أزرار المشاركة" لتنشيط الخيار الذي يهمنا. سيظهر هذا المربع باللون الرمادي في حالة وجود مدونة خاصة.
Ver botones para compartir en Blogger

 يمكنك حتى تغيير الموقع الذي تظهر به أزرار المشاركة الشهيرة ، وذلك ببساطة عن طريق السحب والإفلات:
Cambiar la ubicación de los botones para compartir

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


إنشاء أزرار للمشاركة على الشبكات الاجتماعية

في Blogger ، لإضافة وظيفة (على سبيل المثال ، المشاركة على الشبكات الاجتماعية) ، يجب أن يكون هناك عنصران: رمز يبدأ بـ "b: inclusive" يحدد محتوى الوظيفة المعنية ... ورمز آخر يبدأ بواسطة "b: include" حيث نريد إظهار هذه الوظيفة.

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

الحالة رقم 1: التضمين موجود ولكنه غير مدرج.
الحالة رقم 2: المشمول موجود ولكن ليس المشمول.
الحالة 3: لا يوجد أحد ولا الآخر.
سوف تخبرني: "لكن ماذا أعرف انا في هذا الامر ؟" دون ذعر! سأشرح كيفية اكتشاف وجود هذه العناصر. ولكن قبل كل شيء ، حفظ التصميم الخاص بك. في حالة حدوث مشاكل ، ما عليك سوى إعادة الإصدار السابق عبر الإنترنت.

في قائمة "التصميم " في Blogger ، انقر فوق الزر "تحرير كود HTML".

Editar código HTML en Blogger

بعد ذلك سوف نبحث إذا كان هناك سطرين من الكود موجودان أم لا. لإجراء عملية بحث ، انقر مرة واحدة باستخدام الماوس في المنطقة التي يُكتب فيها الرمز ، ثم اضغط على Ctrl + F (على جهاز الكمبيوتر) أو Cmd + F (على Mac). يجب أن تشاهد حقل بحث صغير ، مثل هنا:
Haz una búsqueda en un tema de Blogger


  • أولاً ، اكتشف ما إذا كان سطر <b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>   موجودًا أم لا. في بعض الأحيان ، سوف يظهر في شكل آخر: <b:include data='post' name='shareButtons'/> . في حالة وجود أحد هذه المتغيرات ، "التضمين موجود".
  • ثم اكتشف ما إذا كان السطر  <b:includable id='shareButtons' var='post'>  موجودًا أم لا.

الحالة رقم 1: الكود موجود ولكنه غير مدرج

علينا فقط إضافة الجزء "المضمّن" المفقود. ابحث في الصفحة عن الكود التالي:

<b:includable id='postQuickEdit' var='post'>

بمجرد العثور عليها ، حدد السطر الأول </b:includable> الذي ستجده أدناه في الكود. أدناه فقط ، انسخ هذه السطور:
<b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&amp;target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if>
  <b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&amp;target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if>
  <b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&amp;target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if>
  <b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&amp;target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if>
  <b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&amp;target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if>
  <b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>

عند القيام بذالك ، يجب أن يبدو كالتالي:

الحالة رقم 2: كود موجود ولكن ليس موجود
ابحث في الصفحة عن الكود <div class='post-footer'> . لا أعرف إذا كان هذا هو الحال في جميع قوالب Blogger ، لكن في معظم الوقت ، هذا الرمز موجود مرتين وبعد الثانية سنضيف الأسطر التالية:
<b:if cond='data:post.sharePostUrl'><div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/></div></b:if>
يجب أن يبدو مثل هذا ، على سبيل المثال:
Agregar botones para compartir en Blogger


آمل أن أكون قد قدمت لك حلاً سهلاً ، لكن ، بالطبع ، لا يمكنني التنبؤ بجميع المواقف ، وإذا كنت تستخدم  قوالب Blogger مخصصة ، فيمكن ترميزها بطريقة مختلفة.

عند نسخ أسطر التعليمات البرمجية ، تأكد من عدم حذف أي شيء مهم عن طريق الصدفة وأنك لم تنسَ أي سطر. إذا لم ينجح ذلك ، فقم ببساطة بحذف ما أضفته للتو وأعد تسجيل قالب Blogger ... أو استبدل النسخة الاحتياطية التي قمت بإنشائها!

عن الكاتب

Sabine Berthelot

التعليقات


اتصل بنا

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

جميع الحقوق محفوظة

مكعب تقني