إضافة نافذة الفيس بوك المتحركة عائمة لبلوجر 2014

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

والصلاة والسلام على خير خلق الله سيدنا محمد عليه أفضل الصلاة والسلام. 

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

اليوم اقدم لكم إضافة نافذة الفيس بوك المتحركة عائمة لبلوجر 2014.

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

شرح التركيب :

• اذهب الي "لوحة التحكم".
• 
  
• ثم نختر "التخطيط".
• 
  
• ثم نختر "أضافة اداة".

• ثم نختر "HTML/JavaScript".  

واضف هذا الكود

<!-- http://mostafa-web.blogspot.com/ -->
<style type="text/css">
/*<![CDATA[*/
#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}.fbplbadge {background-color:#3b3b3b;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;left: -47px;width: 47px;background-image: url("http://im60.gulfup.com/LQJKiY.png");background-repeat: no-repeat;overflow: hidden;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}.mdfbplikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;left: 6px;text-align: left;z-index: 99999;}.mdfbplikebox span a{color: #3b3b3b;text-decoration:none;}.mdfbplikebox span a:hover{text-decoration:underline;}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
    (function(md){
md(document).ready(function(){
var $dur = "medium"; // Duration of Animation
md("#fbplikebox").css({right: -250, "top" : 150 })
md("#fbplikebox").hover(function () {
md(this).stop().animate({
 right: 0
}, $dur);
}, function () {
md(this).stop().animate({
right: -250
}, $dur);
});
md("#fbplikebox").show();
});
})(jQuery);
/*]]>*/
</script>
<div class="mdfbplikebox">
<div id="fbplikebox" style="display:none;">
<div class="fbplbadge"></div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FIamMostafaWeb?%3F&amp;width=250&amp;height=250&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23C4C4C4&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:250px;background:#FFFFFF;" allowtransparency="true">
</iframe>
<span>
</span>
</div>
</div>
<!-- http://mostafa-web.blogspot.com/-->

التعديلات علي الكود :

بدل كلمة "IamMostafaWeb" بدلها بـ "User Name" الخاص بصفحتك على الفيس بوك.

من فضلك اضغظ لايك لمشاهدة لينك التحميل