كود مباشر لتركيب النافدة المنبثقة للفيس بوك على مدونات بلوجر

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


  1. من القائمة الرئيسية المحدثة من طرف بلوجر blogger أنقر على تخطيط Mise en page
  2. اختر اضافة أداة Ajouter un gadget
  3. اختر أداة html java script
  4. ثم ألصق الكود

الان مع الكود




<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".abtlikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.abtlikebox{background: url("http://4.bp.blogspot.com/-mMtB2ANqowQ/T6es-PuSR2I/AAAAAAAAAjM/LDamrUnMJJc/s320/fb1-right.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.abtlikebox div{ padding: 0; margin-right:-8px; border:4px solid #3b5998; background:#fafafa;}
.abtlikebox span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.abtlikebox span a{color: gray;text-decoration:none;}
.abtlikebox span a:hover{text-decoration:underline;}
}
</style>
<div class="abtlikebox" style="">
<div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Farabytech&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;border_color=white&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;"></iframe><span>Widget by :<a href="http://www.arabytech.blogspot.com"> All Blogging Tips</a></span>
</div>



الان مع التعديلات على الكود
غير arabytech وهي بالأحمر بالجزء الأخير من رابط صفحتك 
مثلا رابط صفحتي على الفيس بوك " مجتمع عربي تيك " هو www.facebook.com/arabytech الجزء بالأحمر هو ما يجب كتابته.
انتهت اضافة اليوم الى الملتقى باذن الله.