أهمية الشبكات الإجتماعية أصبحت أكثر مما كانت عليه سابقا بسبب قوتها و تفاعلها الكبير. إذ يوجد الملايين من الناس بها و هي منجم مهم لجلب الزوار، و على كل مدون إستغلالها بشتى الطرق ليستفيد منها.
ومن بين هذه الطرق وضع أيقونات الشبكات الإجتماعية في مدونته من أجل جدب المزيد من الزوار. و إضافتنا لهذا اليوم ستكون عبارة عن أيقونات الشبكات الإجتماعيىة بشكل مميز و جميل.
إبحث عن الكود التالي (لمن ليس له خبرة في منصة بلوجر يزور هذا الرابط فسيساعده أساسيات بلوجر
</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 غيره حسب ذوقك أو لون المدونة.
بعد التغير قم بحفظ القالب و إذهب لمعاينته على مدونتك.
0 التعليقات لموضوع "طريقة إنشاء شريط الشبكات الإجتماعية العائم"
الابتسامات الابتسامات