وضع زر الموقع الشهير pinterest فوق صور التدوينات لنشرها بسهولة

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

فقط قم بأخذ نسخة إحتياطية من قالبك ثم أدخل على تخطيط Layout وقم بإضافة أداة java script وأضف بداخلها الكود التالى بالحالة أو الشكل الذى يعجبك

1- الزر صغير باللون الأبيض وشكله مستطيل
<!-- Please call pinit.js only once per page -->
<script type="text/javascript" async  data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>

2- الزرصغير باللون الأبيض وشكله مستدير
<!-- Please call pinit.js only once per page -->

<script type="text/javascript" async  data-pin-shape="round" data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>


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

هناك 4 تعليقات:

  1. شكرا جزيلا
    شبكة بلا حدود الإخبارية http://www1net.blogspot.com/

    ردحذف
  2. شكرا لك

    موقع الغرف برس
    http://alghuraf-press.blogspot.com/

    ردحذف
  3. شكراً جزيلاً أخي أبو إياد على الإضافة الجميلة.

    ولكن هنالك مشكلة تواجهني عند إضافتها، وهي ظهور زرّ المشاركة على جميع الصور في الموقع حتى صورة البنر ، وأنا أودّ أن يظهر زرّ المشاركة على صور المواضيع فقط.. فهل يمكنني ذلك؟!

    ردحذف
  4. حل مشكلة ظهور زرّ الموقع الشهير Pinterest على صور أخرى غير المُدرجة في الموضوع ، كصور الإعلانات وشعار الموقع وغيرها.

    http://www.abu-iyad.com/2014/10/Add-Pinterest-hover-button-on-Images-in-blogger.html

    أخي الكريم أود إعلامك بأنني وجدث حلّاً لإزالة ظهور زرّ المشاركة من الصور الأخرى في الصفحة كالإعلانات وشعار الموقع وأي صور أخرى لا ترغب بأن يظهر عليها زرّ مشاركة Pinterest.

    الحل بسيط وهو كالتالي:
    إضافة العبارة (nopin='nopin') قبل كود إغلاق الصورة المراد إزالة زر المشاركة منها.

    كالتالي :
    src="direct image link" border="0" alt="description" nopin="nopin">

    مثال آخر: إذا أردت إزالة وعدم إظهار زر المشاركة على صورة الشعار في مدونات بلوجر، كل ما عليك هو
    الدخول إلى صفحة تحرير القالب والبحث على (headerimg) وإضافة (nopin='nopin') قبل إغلاق الوسم (/>).
    وعلى هذه الأساس يتم تطبيق ذلك على جميع الصور التي لاترغب بإظهار زر المشاركة عليها سواء كانت مدرجة في الموضوع أم في الموقع بالمجمل.

    ---------------

    أرجو منك أخي أبو إياد إضافة هذا الحلّ لموضوعك كي تعمّ الفائدة للجميع.

    ردحذف

مدونة أبو إياد تصميم بلوجرام جميع الحقوق محفوظة 2016

اعلان مخفى فى الرئيسية