الأحد، 9 نوفمبر 2014

أضف أزرار مشاركة المواقع الإجتماعية إلى صور موقعك



أضف أزرار مشاركة المواقع الإجتماعية إلى صور موقعك

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

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

slingpic.com

image-social-share
  •  يمكن إضافة أزرار مشاركة الفيس بوك ، تويتر، جوجل بلس ، pinterest ، وغير ذلك من المواقع الإجتماعية .
  • يعمل بتقنية jQuery  بحيث تظهر أزرار المشاركة بمرور الماوس على الصورة وتختفى بالإبتعاد عنها.
  • يمكن التحكم فى لون الإضافة "فاتح/غامق" بما يناسب لون الموقع.
  • مناسب لجميع المواقع بلوجر، ووردبريس،..................... 

تركيب الإضافة لمدونات بلوجر:

  1. إذهب إلى موقع slingpic.com ثم قم بضبط الإعدادات المناسبة للكود   
  2. الذهاب إلى لوحة تحكم بلوجر
  3. تخطيط
  4. أضف أداة
  5. اختار Html/Javascript
  6. إنسخ الكود الذى حصلت عليه بعد ضبط الإعدادات المناسبة وألصقه بأداة Html/Javascript ثم حفظ 

تركيب الإضافة لمدونات Wordpress

  1. وذلك  بالذهاب إلى الموقع وتحميل الأداة الخاصة بمدونات ووردبريس
  2. بعد ذلك يمكنك رفع الأداة إلى plugins directory الخاص بموقعك.

markerly.com

  • تظهر أزرار المشاركة بشكل أفقى على الصورة بمرور الماوس عليها وتختفى بإبتعاد الماوس عنها.
  • من مميزات هذه الخدمة أيضًا أنه بالإمكان إضافة أزرار المشاركة على النص نفسه بحيث تظهر الأزرار عند تظليل جزء معين من النص وتستطيع مشاركته عبر المواقع الإجتماعية.
  • يمكن التحكم فى لون الإضافة المناسب للون موقعك.
image-social-share

كيفية تركيب الإضافة:
  1. إذهب إلى موقع markerly.com ثم قم بضبط الوظيفة المراد إضافتها للكود.
  2. قم بإضافة البريد الإلكترونى الخاص بك.
  3. إنسخ الكود الناتج 

تركيب الإضافة لمدونات بلوجر:  

  1. الذهاب إلى لوحة تحكم بلوجر
  2. تخطيط
  3. أضف أداة
  4. اختار Html/Javascript
  5. إنسخ الكود الذى حصلت عليه بعد ضبط الإعدادات المناسبة وألصقه بأداة Html/Javascript ثم حفظ  

تركيب الإضافة لمدونات wordpress

إنسخ الكود الناتج وألصقه بين الوسوم <body> and </body> الخاص بقالب المدونة.

للتحقق من صحة تركيب الكود إنسخ رابط موقعك داخل صندوق التحققVerification box ثم إضغط  Verifyللتأكد من أن الكود سيعمل جيدا.

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

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

إرسال تعليق