طريقة إنشاء شريط الشبكات الإجتماعية العائم

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

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

إبحث عن الكود التالي (لمن ليس له خبرة في منصة بلوجر يزور هذا الرابط فسيساعده أساسيات بلوجر

</body> و قم بوضع الكود الموجود بالأسفل فوقه مباشرة. 

<!-- import Scripts -->

<script type="text/javascript" src="https://mybloggerlab.googlecode.com/files/jquery-1.7.1.min.js"></script>

<script type="text/javascript" src="https://mybloggerlab.googlecode.com/files/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'/>

<!-- 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: 'تابعني على جوجل +' },

youtube: { url: '#', text: 'قناتي على اليوتيوب' },

orkut: { url: '#', text: 'تابعني على أوركيت' },

myspace: { url: '#', text: 'تابعني على مايسبيس' },

digg: { url: '#', text: 'تابعني على دييغ' },   

},

show: 8,

position: "left",

skin: "clear"

});  

});

</script>

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

بعد التغير قم بحفظ القالب و إذهب لمعاينته على مدونتك.