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

 

اهلا بك فلقد طارت طيور الترحيب تغرد بوجودك

وتصفق بأجنحتها تعلن سرورها بأنظمامك معنا في هذا المنتدى الذي يتشرف بقدومك

فاتمنى ان تقطف من الورود ماشئت الذي ينفعك وان تسقيها بما ينفعنا




ننتظر جميل حرفك وصدق نبضك..الدافئ

مرحباً بك بين زهور الإبداع ورحيق الأخوة وشهد المحبة

أتمنى لك إقامة هادفة... ومواضيع نافعة




ننتظر بوح قلمك وجميل عباراتك ونبض حرفك في البستان

ورحيق أزهارك الجميلة التي بلا شك ستعطر المكان

حللت أهلا ونزلت سهلا

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

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

- من  لوحة التحكم -> قالب -> تحرير 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 سنة ،مدون مغربي مهووس بجديد تكنولوجيا المعلوميات ، مهتم بتطوير المواقع والتجارة الالكترونية يمكنك متابعته من خلال الفيسبوك . تويتر . جوجل بلس

ضع تعليقا أخي الكريم