دليل المدون

2014-03-14

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

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

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

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

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 للتأكد من أن الكود سيعمل جيدا.

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

أضف أزرار المشاركة الإجتماعية بأشكال مختلفة:
تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا  
تصميم مواقع إلكترونية و تطبيقات بأقل الأسعار

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

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

Privacy-Policy | إعلن لدينا
جميع الحقوق محفوظة لــ كن داعيا للخير 2011-2022 ©

تصميم كن مدون