كود المواقع الاجتماعية بتأثيرات عائمة لمدونات بلوجر social blogger

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

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

صورة الاضافة

مميزات الاضافة:

1- تحتوي علي اشهر 8 مواقع اجتماعية ( تويتر-فيسبوك-رابط الخلاصات-جوجل بلس-يوتيوب-وغيرهم ).

2- شكل جذاب و تأثيرات عائمة تعطي شكل جمالي لمدونتك.

3- سهل التعامل معها.

4- عن وضع المؤشر عليها يظهر شرح الايقونة كما بالصورة التالية

و الاضافة ممكن ان تضاف اما في يمين rigth او يسار left او اعلي top او اسفل bottom الصفحة و اختار ما يناسبك من ذلك علي حسب شكل قالب مدونتك.

الان ناتي لكيفية اضافة الكود :

1 - اذهب الي لوحة التحكم ثم اختار قالب ثم بعد ذلك تحرير HTML 

2 - خذ نسخه احتياطيه للقالب قبل إجراء أي تعديلات

3 - ضع علامه توسيع القالب

4 - قم بالبحث عن الكود التالي <body/> او</body> و لفتح مربع البحث يرجي الضغط علي (CTRL+F)

5- قم بوضع الكود التالي قبله مباشرة

<!-- 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 > 

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

- ولتغيير مكان الاضافه ، قم بتغيير الكلام الملون بالاحمر بالتالي “bottom” اسفل المدونه او (“top” اعلى المدونه) او ( left يسارالمدونه) او ( “right”يمين المدونه ).

بكده نكون انتهينا من درسنا اليوم ... السلام عليكم و رحمة الله و بركاته

شارك هذا المنشور