|
   |
| مجتمع uCoz العربي للدعم والمساعدة » اصحاب المواقع والويب ماسترز » اكواد وحلول HTML » طريقة اضافه ازرار مشاركة المواقع الاجتماعيه على الصور بموقعك (وصف الموضوع) |
| طريقة اضافه ازرار مشاركة المواقع الاجتماعيه على الصور بموقعك |
السلام عليكم ورحمة الله وبركاته
مالكي ومحبي مواقع Ucoz الكرام فى اول موضوع لى فى منتدي الدعم اردت ان اجعله مميزيا وجديدا ولم يسبق ان راي احد مثله كثيرا فقد تنوعت الطرق التى يمكن من خلالها إضافة أزرار مشاركة المواقع الإجتماعية إلى المواقع والمدونات والمنتديات ، فالبعض يفضل إضافتها أسفل الموضوع وآخرون يفضلونها عائمة أو ثابتة بجانب الصفحة . وقدمت كثير من المواقع خدمة إضافة أزرار المشاركة الإجتماعية بشكل مباشر بأشكال مختلفة . لكن اليوم سأعرض لكم طريقة مختلفة وهى إضافة أزرار المشاركة إلى جميع صور الموقع او المنتدي ، بحيث تظهر عندما تمرر الماوس على الصورة وتختفى بإبتعاد الماوس عن الصورة وذلك من خلال مواقع تقدم هذه الخدمة وتسهل على المستخدم إضافة الأكواد إلى الموقع أو المدونة او المنتديات بالإعدادات التى يحددها . حيث ساطرح لكم موقعين يقدمان هذه الخدمه فلتتابع معي الموضوع حتي تتعرف عليهم اول موقع يقدم تلك الخدمه وهو موقع slingpic.com هذه صورة لشكل الاضافه http://im76.gulfup.com/krCf2z.png ومميزات هذا الموقع هي : - يمكنك من خلاله إضافة أزرار مشاركة الفيس بوك ، تويتر، جوجل بلس ، pinterest ، وغير ذلك من المواقع الإجتماعية . - يعمل بتقنية jQuery بحيث تظهر أزرار المشاركة بمرور الماوس على الصورة وتختفى بالإبتعاد عنها. - يمكن التحكم فى لون الإضافة "فاتح/غامق" بما يناسب لون الموقع. - مناسب لجميع المواقع بلوجر، ووردبريس، حتي على Ucoz > صورة اخري http://i39.servimg.com/u/f39/15/41/80/48/310.png اما طريقة الحصول على الكود وتركيبه على موقعك تكون كالتالي : إذهب إلى موقع slingpic عن طريق الرابط التالي http://slingpic.com/get/index.html ثم قم بضبط الإعدادات المناسبة للكود http://im43.gulfup.com/VZ1GnX.png ثم قم بنسخه و الذهاب إلى لوحة تحكم الموقع الصفحة الرئيسية > تعديل القوالب والان حدد اين تريد ان تضع الكود : - اذا اردت ان تضعه بجميع الصفحات فقم بوضعه فى بدايه قالب محرر الصفحة > صفحات الموقع - اذا اردت ان تضعه بمنتدي موقعك باكمله فضعه فى بدايه قالب المنتدي > المظهر العام لصفحات المنتدى - اذا اردت ان تضعه فى المواضيع فقط فضعه فى بدايه قالب شكل ومظهر الماده . - وهكذا حدد اين تريد ان تضع الكود وقم بوضعه فى القالب الخاص بالمكان اما الموقع الثاني معنا وهو الافضل فهو موقع markerly.com صورة للإضافه http://im76.gulfup.com/krCf2z.png مميزات هذا الموقع - تظهر أزرار المشاركة بشكل أفقى على الصورة بمرور الماوس عليها وتختفى بإبتعاد الماوس عنها. - يمكن التحكم فى لون الإضافة المناسب للون موقعك. - والجديد أنه بالإمكان إضافة أزرار المشاركة على النص نفسه بحيث تظهر الأزرار عند تظليل جزء معين من النص وتستطيع مشاركته عبر المواقع الإجتماعية. صورة اخري http://im64.gulfup.com/RAG6Xp.png كيفية تركيب الإضافة: إذهب إلى موقع markerly.com من هذا الرابط http://http://www.markerly.com/gtc#gr8 ثم قم بضبط الوظيفة المراد إضافتها للكود. قم بإضافة البريد الإلكترونى الخاص بك. إنسخ الكود الناتج اما طريقة اضافه الكود فهي نفس طريقة اضافه كود الموقع السابق والتي كانت كالتالي... قم بالذهاب إلى لوحة تحكم الموقع الصفحة الرئيسية > تعديل القوالب والان حدد اين تريد ان تضع الكود : - اذا اردت ان تضعه بجميع الصفحات فقم بوضعه فى بدايه قالب محرر الصفحة > صفحات الموقع - اذا اردت ان تضعه بمنتدي موقعك باكمله فضعه فى بدايه قالب المنتدي > المظهر العام لصفحات المنتدى - اذا اردت ان تضعه فى المواضيع فقط فضعه فى بدايه قالب شكل ومظهر الماده . - وهكذا حدد اين تريد ان تضع الكود وقم بوضعه فى القالب الخاص بالمكان فى النهاية احب ان اقول : إن هذه الإضافة تميز صور المواقع ، فالصور لاتقل أهمية عن النص فى صياغة المحتوى ، لذلك فمشاركة الصور مع رابط الموضوع سيؤدى إلى زيادة إحصائيات الموقع الي جانب انها تعطي شكل جميل لصورك . تم وبحمد الله اتمام اول موضوع لى واتمني ان ينال اعجابكم وتستفيديوا منه علما اني كنت قد جهزت الموضوع عن طريق اكواد BB Code لكني اتضح انها ليست مفعله للاعضاء فقمت بصياغه الموضوع بشكل عادي لكن انتظروني فى مواضيع جديده واكواد جديده تنال اعجابكم باذن الله لكم ودي وسلامي اخوكم Mr-Code مشاركة حٌررت بواسطة Mr-Code - الجمعة, 12.09.2014, 04:00
|
| |||
| |||