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

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

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

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

طريقة تركيب القطار المتحرك إلى مدونات بلوجر:

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

<!--http://pinco-s3curity.blogspot.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://pinco-s3curity.blogspot.com/---*/
  </style>
<a href="https://plus.google.com/u/0/114367162945128335794/posts" rel="nofollow" target="_blank"><img alt="google-plus-icon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRvcHakr7wlHmqINzx88YY1ZwDbaQyEns1B1fI7Ammy4s69QQnkwisTWXr7T6gAyS8OqJlvi3Tte_d3lOYRvtDTrj2W0EYblQGlfAcimxX_GAcB38qn-8dFT4osVo5EL-7_SbBQlWyqJQn/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/pincoweb" rel="nofollow" target="_blank"><img alt="tweeter-icon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOEvmZYq0UmG6WQh5kIQMPohXMTca5B8XJcW9DV3XkmpWs444WU8ZuWo5fTWqJlN2rezg_e2JzoyII9xLXotV3PHzpT_5kUy6A87uDTyPZ7wE_WW2kmvet6N6d2WcRTb5q7YMRqn8yZYIm/s70/tweeter.png" style="border: 0px none; margin: 0px; padding: 0px;" title="tweeter-icon" /></a>
<a href="http://www.facebook.com/Pincos3" rel="nofollow" target="_blank"><img alt="facebook-icon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwqymsK16lJrpDwz3a7UFNYu8vvus8wmcw4L_IFCLO0uC4nbkXLMBpGwjwojJo6KF8RJYkZYfwWobhuiNNjtjj0PM3hBzMa-KV6H_w_b9qxvvNq4_dvlgQJDegVWnp5CEZT9aqRhnfpcBr/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://pinco-s3curity.blogspot.com/" target="_blank"> <span style="font-size: xx-small;">Blogger widgets </span></a></div>

التعديل على الروابط الموجودة بالكود كالتالى:
إستخدم الكيبورد Ctrl+F فى البحث عن الروابط
قم بتغيير رابط صفحة جوجل بلس الملون باللون الأصفر برابط صفحة جوجل بلس الخاصة بموقعك
قم بتغيير رابط الفيس بوك الملون باللون  الأخضر برابط صفحتك على الفيس بوك
قم بتغيير رابط تويتر الملون باللون الأزرق برابط تويتر الخاص بموقعك

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

  لاتنسوا التقييم