مدونة بلوجر المبتدئين : facebook

السبت، 8 ديسمبر 2012

إضافة ازرار المشاركة بمدونة لوجر العائمة Floating share buttons

أداة إضافة ازرار المشاركة الرائعة لمدونتك ببلوجر Floating share buttons bar

ولإضافة تلك الأداة نقوم بعمل الآتي

1- نذهب لقالب او Template

*هنا خطوة إختيارية لمن يريد أخذ نسخة إحتياطية للقالب في حال حدوث خطأ

*ثم نختار تنزيل النموذج بالكامل أو Full download

2- إختيار Edit أو تحرير شيفرة HTML

3- نضغط على متابعة أو proceed

4-ثم نضغط على توسيع القالب او Expand

ومن لوحة المفاتيح نضغط CTRL+F للبحث بالكود بشكل اسهل عن السطرالتالي:

<body>

و نقوم بنسخ هذا الكود أسفل السطر :

<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left: 50px; top: 50px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count" href="http://www.blogger.com/blogger.g?blogID=7085736832521121017"></a>
<a class="addthis_button_tweet" href="http://www.blogger.com/blogger.g?blogID=7085736832521121017" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall" href="http://www.blogger.com/blogger.g?blogID=7085736832521121017"></a>
</div>
<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50a7a8c60990b1f8" type="text/javascript"></script>

ثم نضغط حفظ (ويفضل قبلها معاينة لنتأكد من ان الخطوات سليمة)

والآن اصبح بمدونتك ازرار مشاركة العائمة ...تهانينا!

إقرأ المزيد... >>

الجمعة، 16 نوفمبر 2012

طريقة إضافة صندوق معجبين فيسبوك facebook العائم بمدونة بلوجر

صندوق معجبين facebook fan او اللايك Like الفيسبوك العائم

أداة رائعة تخدم زوار مدونتك وتمكنهم من التفاعل مع محتواك بشكل افضل

مشاهده حيـّه Live Demo

ولإضافة صندوق الفيسبوك العائم نتبع الخطوات التالية:

1- ندخل للتخطيط او الLayout

2- إضافة اداة او Add Gadget

3- نختار اداة HTML/Javascript

4- ننسخ بالصندوق الكود التالي :

*تم تحديث الكود

<style>img,a{border:0;}#on{visibility:visible;}#off{visibility:hidden;}#facebook_div{width:196px;height:353px;overflow:hidden;}#facebook_right{z-index:10005;border:2px solid #3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;right:-200px;}#facebook_right img{position:absolute;top:-2px;left:-35px;}#facebook_right iframe{border:0px solid #3c95d9;overflow:hidden;position:static;height:360px;left:-2px;top:-3px;}#facebook_left{z-index:10005;border:2px solid #3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;left:-200px;}#facebook_left img{position:absolute;top:-2px;right:-35px;}#facebook_left iframe{border:0px solid #3c95d9;overflow:hidden;position:static;height:360px;right:-2px;top:-3px;}</style><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script><script type="text/javascript">jQuery(document).ready(function(){ jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); }); jQuery("facebook").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("facebook").stop(true,false).animate({right: -303}, 500); }); });</script><div id="on"><div id="facebook_right" style="top: 18%;"><div id="facebook_div"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMb6WkuXtyXqBjCNNp6aDaECAU7gu0i5U-K8pAW_tval3y9e_cUVwBP-NQ7l_pYt4Ck80BPc8dv3U7tzAgQ4AXbfRhShGekNNo6XLyIFmTpkoTf1lx-ErPJlezjE6aBEzslj0wVKMzAfQ/s1600/helperblogger.com-facebook-icon.png" alt="" /><iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Blog2noob/300431213400228&&width=200&height=348&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:348px;" allowtransparency="true"></iframe></div></div></div>

5- غير الموجود باللون الاحمر الى عنوان صفحتك بالفيس بوك

6- ثم حفظ او save

*تستطيع تغيير ابعاد الصندوق من خلال تغيير الارقام بالعرض width والارتفاع height

والآن اصبح بمدونتك صندوق اعجاب الفيسبوك تهانينا...!

إقرأ المزيد... >>

مدونة بلوجر المبتدئين

Pages

السبت، 8 ديسمبر 2012

إضافة ازرار المشاركة بمدونة لوجر العائمة Floating share buttons

الجمعة، 16 نوفمبر 2012

طريقة إضافة صندوق معجبين فيسبوك facebook العائم بمدونة بلوجر

المتابعون

الأقسام

المشاركات الشائعة

أرشيف المدونة

إجمالي مرات مشاهدة الصفحة