دليل المدون

2013-03-08

إضافة قطار المواقع الإجتماعية المتحرك إلى موقعك Social icon Train

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

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

سيدنا محمد وعلى آله وصحبه أجمعين

أضف أزرار المشاركة الإجتماعية الفيس بوك ، تويتر، جوجل بلس بشكل جديد ومميز
social-facebook-tweeter-google-train
كما نعلم جميعا أهمية المواقع الإجتماعية فى زيادة عدد زوار ومتابعين المواقع والمدونات فلابد الإهتمام بإضافة أزرار الفيس بوك وتويتر وجوجل بلس إلى المدونة بشكل مميز لتشجيع الزائرين بالإشتراك بها ومتابعة جديد موقعك من خلالها.
وقد قدمت طرق عديدة لإضافة أزرار المشاركة الإجتماعية يمكن أيضًا الإطلاع عليها:
نوافذ متحركة صندوق معجبين الفيس بوك مع صندوق محادثة تويتر وزر جوجل +1 والقائمة البريدية
 أفضل طريقة لإضافة أزرار الفيس بوك وتويتر وجوجل بلس لموقعك
قائمة ثابتة من أيقونات المواقع الاجتماعية الخشبية
 إضافة زر أعجبنى وصندوق الإعجاب Like box,Like

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



طريقة تركيب القطار المتحرك إلى مدونات بلوجر:
  1.  إذهب إلى لوحة تحكم بلوجر
  2.  تخطيط ثم إضافة أداة Html & javascript
  3.  ثم إنسخ الكود التالى وألصقه بالأداة

<!--http://www.condaianllkhir.com/--> 
<div style="bottom: -3px; left: 0px; position: fixed; width: 100%; z-index: 65535;">
<marquee>
<style media="screen" type="text/css">

  *
  {
   padding: 0;
    margin: 0;
  }
   body
   {
    padding: 0;
    margin: 0;
   }
   #flexbox
   {
    //display: -webkit-box;
    //-webkit-box-orient: horizontal;
    //-webkit-box-align: stretch;
    //width: auto;
   }
/*---- http://www.condaianllkhir.com/---*/
  </style>
<a href="https://plus.google.com/105400830730395545290/posts" rel="nofollow" target="_blank"><img alt="google-plus-icon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaLQT3OP1SWnrqMeqdAqvkTHmOS1rNy_CtptljrqdlLCS9YQcZhPrvSW9-RqPKWGNHo9tgXUMZUydMgWymUJf52mYgG3bxAaRJ0cgW6WvL-1hrPCUzR9i3apNhdpZiotb0C5Aq5bGX5Ao6/w391-h389-o-k/%25D8%25AC%25D9%2588%25D8%25AC%25D9%2584-%25D8%25A8%25D9%2584%25D8%25B3.png" style="border: 0px none; margin: 0px; padding: 0px;" title="google-plus-icon" /></a>
   <a href="https://twitter.com/DrRo2" rel="nofollow" target="_blank"><img alt="tweeter-icon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx-KJj6BZGBlwDsRuBOcxaqEL72BMUDpxVipzHJQZe2x3EJvW7P7g9u1fDxI4H6TSCPfL9P1co5A9IDbx39AuD6Z7ajm5mvuPBllCfdxqE9wUmJDJ51kLdsFQ5SQe5Qq6DAK1l6SFzhPUP/s70/tweeter.png" style="border: 0px none; margin: 0px; padding: 0px;" title="tweeter-icon" /></a>
<a href="http://www.facebook.com/designsblog" rel="nofollow" target="_blank"><img alt="facebook-icon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaPrUg5rLZynvLRngt7Gl-NxDETs0-nQ91FrBYrZk25p9D8PJhxmoSvY1A0gn4lGuvvoeBGpc0pJe3Eau_19v2FcAerKj_nBFRR0DYOx8Vg7TkvAXL26Vth3LMK3Cifbnxr33BB9ocQk9R/s150/%D9%81%D9%8A%D8%B3-%D8%A8%D9%88%D9%83.png" style="border: 0px none; margin: 0px; padding: 0px;" title="facebook-icon" /></a>
   </marquee></div>
<a href="http://www.condaianllkhir.com/" rel="nofollow" target="_blank"> <span style="font-size: xx-small;">Blogger widgets </span></a></div>
التعديل على الروابط الموجودة بالكود كالتالى:
إستخدم الكيبورد Ctrl+F فى البحث عن الروابط
قم بتغيير رابط صفحة جوجل بلس الملون باللون الأصفر برابط صفحة جوجل بلس الخاصة بموقعك
قم بتغيير رابط الفيس بوك الملون باللون  الأخضر برابط صفحتك على الفيس بوك
قم بتغيير رابط تويتر الملون باللون الأزرق برابط تويتر الخاص بموقعك

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

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

هناك 12 تعليقًا

  1. شكرا لم مدونتك اكثر من رائعة

    ردحذف
  2. اذا سمحتم انا عايز اكثر من طلب
    1 عايز اعمل صوره للهيدر لموقعي وتكون مكتوبه بخط جميل وجزاب وهي
    احباب رب العالمين
    وعايز اغير القالب بس كل قالب بيقولي في خطا في mxl هل من مساعده

    ردحذف
  3. اعجبني القطار وكذلك الماوس اللي تتحرك معه الكتابة .. بصراحة مبدعة اختي .. استمري

    ردحذف
  4. الابداع والروعة اجدها هنا

    ردحذف
  5. جميل ولكني لااستطيع اضافتة لأنه يسير بالعكس في متصفح كروم

    ردحذف
  6. السلام عليكم انا عملت مدونةجديدة وعملت راس الصفحة وصفحات جانبية
    لاكن لا اعرف كيف اظهر الصفحات الجانبية مع العناوين الرئيسية
    قمت باخفاء الصفح ولا اعرف طريق لاظهارها
    اللي بعرف يقولي وما يبخل على ارجوكم

    ردحذف
  7. مجهود جامد جدا ربنا يجزيكي كل خير علي هذا العمل بجد تم التطبيق هنا
    مدونه اخباريه رائعه
    http://elayat-news.blogspot.com/

    مدونه لعشاق الكلام والاقوال والحكم
    http://3shak-elkalam.blogspot.com/

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

    ردحذف
  9. شكرا لمروركم الكريم جميعا

    @ mark iz
    سأحاول بإذن الله الفترة القادمة تحديث إضافة القطار وإدراج اليوتيوب بها

    ردحذف
  10. السلام عليكم ورحمة الله وبركاته شرح رائع ومدونة جميلة جداً بجد بدون مجاملات
    أنا اريد ازرار مشاركة التواصل الإجتماعي الموجودة علي اليمين كنت من فترة رأيتها في موضوع في المدونة والآن لا أعرف مكانه بالضبط أرجو المساعدة

    ردحذف
  11. @ عميد يوتيوب
    الإضافة على هذا الرابط "أزرار المشاركة"
    شكرًا لمتابعتك

    ردحذف
  12. جميله جداً وذادت بعدد الزوار للمدونه

    ردحذف

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

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

تصميم كن مدون