إضافة تابعني عبر المواقع الاجتماعية بتأثيرات عائمه واحترافيه

اضافة تابعني عبر المواقع الاجتماعيه

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



على ماذا تحتوي هذه الاضافه ؟

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

اين يمكنني ان اضع هذه الاضافه وفي اي اتجاه تكون اجمل؟

تتميز هذه الاضافه بمرونتها، ويمكن وضعها إما على الجانب الأيسر،او الجانب الأيمن، اوأعلى أو اسفل المدونه,,,,,,,,
مكان وضع الإضافة مهم جدا لإقبال الزوار عليها , فهناك اماكن لا يقترب الزائر منها ,  فالمكان الامثل لوضع هذه الإضافة إما فى الجانب الأيسر , او اسفل الصفحة وهذا لتظهر افضل نتائج للإضافة,
وللتحكم بموقع الاضافه ، علينا تغيير الامر ب bottom”لوضعها اسفل المدونه  ,او (“top” لوضعها اعلى المدونه)  او ( left لوضعها يسارالمدونه) او ( “rightلوضعها يمين المدونه )  وفيما يلي صوره تبين الاضافه من مواقع مختلفه .
شريط عائم لتابعني عبر المواقع الاجتماعيه

كيفية اضافة هذه الاداه الى مدونات بلوجر


1- من  لوحة التحكم -> قالب -> تحرير HTML -> تابع
     2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 
     3-  الان ضع علامه لى توسيع القالب
     4- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)
</ BODY> 
والصق الكود التالي قبله تمامآ

<!-- import Scripts -->
<script type="text/javascript" src="http://mybloggerlab.com/Scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://mybloggerlab.com/Scripts/mblsocialbar.js"></script>
<div id="scolder">
<script type="text/javascript" src=" http://mbl-flipper-google-blogger.googlecode.com/files/socialflipmin.js"></script></div>
<link href='http://mybloggerlab.com/StyleSheet/mblsocialbar.css' rel='stylesheet' type='text/css'/>

<!-- http://alb33dani.blogspot.com Social Media Bar For Blogger --> 
<script type="text/javascript">
$(document).ready(function(){
$.mblSocialBar({
items: {
twitter: { url: 'ادخل هنا رابط حسابك في تويتر', text: 'تابعني على تويتر' },
facebook: { url: 'هنا رابط صفحتك في فيس بوك', text: 'كن من اصدقاء المدنه على فيس بوك' },
rss: { url: 'هنا رابط حسابك في فيد برنر', text: 'تابع تحديثات المدونه عبر الخلاصات' },
google: { url: 'هنا رابط بروفايلك في جوجل بلس', text: 'تابعني على  google+' },
youtube: { url: 'هنا رابط قناتك في يوتيوب', text: 'تابعني على يوتيوب' },
orkut: { url: 'orkut هنا رابط بروفايلك في', text: 'كن من اصدقاء المدونه على orkut' },
myspace: { url: 'هنا رابط بروفايلك فيmyspace ', text: 'كن من اصدقائي على myspace' },
digg: { url: 'digg هنا رابط بروفايلك في', text: 'تابعني على digg' },
},
show: 8,
position: "left",
skin: "clear"
});
});
</script>




1-الان قم باضافة روابط حساباتك على فيد برنر  و جوجل بلس  و  يوتيوب  و orkut  و myspace و digg

2- وللتحكم بموقع الاضافه ، علينا تغييرماهو مضلل باللون left  بالاوامر التاليه bottom”لوضعها اسفل المدونه  
,او (“top” لوضعها اعلى المدونه)  او ( left لوضعها يسارالمدونه) او ( “rightلوضعها يمين المدونه ) 
3- لتغيير بخلفية الشريط الى اللون الاسود استبدال ما باللون   clear  الى "dark"


,واخيرا قم بحفظ  القالب ومبروووووووووووك عليك الاضافه



هناك 19 تعليقًا:

  1. aشكلاا على موضعيك يا جلال البعداني

    ردحذف
    الردود
    1. العفو .... شكرا لمرورك ,, نورت

      حذف
  2. أزال المؤلف هذا التعليق.

    ردحذف
  3. انا مش لاقي توسيع القالب @-)

    ردحذف
    الردود
    1. لا تقم بتوسيع القالب لان هذا التبويب اختفى من محرر قوالب بلوجر الجديده

      حذف
  4. أزال المؤلف هذا التعليق.

    ردحذف
  5. للاسف انا لما ضفتها توقف عمل السلايد شو عندى و لما شيلتها رجع يشتغل تانى
    هل فيه حل للموضوع ده ؟

    ردحذف
    الردود
    1. للاسف اخي الكريم فبعض اكود الجي كويري تتداخل فيما بينها ,,,

      حذف
  6. شكرا لك أخي الكريم

    على هذه المدونه الرائعة

    ألون الأسود و الخلفية السودا في مدونتك كانت أجمل

    وتعطي المدونه أكثر جمال

    ردحذف
  7. لم تعمل ولايضهر شي ؟
    موقعي
    فيديو الك
    http://www.video-2lak.com/

    ردحذف
  8. من انسخ هذا الكود ما يضهرلي ليش ؟؟؟؟؟؟؟؟؟؟؟؟؟؟

    ردحذف
  9. أزال المؤلف هذا التعليق.

    ردحذف
  10. g, slلو سمحت لو عايز اغير حجم الاضافه اعمل رايه

    ردحذف
  11. السلام عليكم
    كيف حالك اخ جلال
    صدقني انا ممتن الك جدا جدا لاني استفدت منك بشكل كبير جدا (انت شخص مبدع)
    كمل معروفك معي وكلمني على السكايب لاني بحاجة الك ضروري (عندي شوية مشاكل في مدونتي)

    هادا حسابي على السكايب
    spider.gaza

    ردحذف
  12. روعة هذا المدونة روعة جدا وبدعو اصحبي يجوها وعد

    ردحذف
  13. أخي.. الأيقونات لا تظهر!!

    ردحذف