إضافة قطار المواقع الإجتماعية المتحرك إلى موقعك Social icon 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 فى البحث عن الروابط
قم بتغيير رابط صفحة جوجل بلس الملون باللون الأصفر برابط صفحة جوجل بلس الخاصة بموقعك
قم بتغيير رابط الفيس بوك الملون باللون  الأخضر برابط صفحتك على الفيس بوك
قم بتغيير رابط تويتر الملون باللون الأزرق برابط تويتر الخاص بموقعك

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

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

بقلم Dr.Rasha Omran

مطورة تطبيقات الهاتف ، سفيرة ببرنامج Women Techmakers التابع لجوجل ، أهتم بالمحتوى الرقمى وأحببت أن أدون كل ما تعلمته فى هذا الموقع للإفادة فى أعمال هادفة