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

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

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

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

بشكل جذاب وانيق

الآن مع الشرح لوضع الصندوق

في البداية اذهب على لوحة تحكم بلوجر ومن ثم قالب ومن ثم edit html

ابحث عن كلمة

رمز Code:

 </head>

من ثم اضف قبلها مباشرة الكود التالي :

رمز Code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </script>

اضغط حفظ ومن ثم اذهب الى لوحة تحكم بلوجر ومن ثم التخطيط واضف أداة HTML/JavaScript Widget

والصق بداخلها الكود التالي :

رمز Code:

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.floatinglikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieXEq2RZE1g0V0WuOLD3SemWwuoQBge27KSBEnCLjx45MNLnaDYBy2siqMI41VKTbQu5MJWq36LaZVKx256mtD_GnwGh3UKUYsawzcZw1-lWl-yNL1PVyBl5ImscI-6VyuB3V1pkX1N5E/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.floatinglikebox div{border:none;position:relative;display:block;}
.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.floatinglikebox span a{color: #808080;text-decoration:none;}
.floatinglikebox span a:hover{text-decoration:underline;}
</style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/mafiantcom&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe></div></div>

مع مراعاة تغيير
http://www.facebook.com/mafiantcom

الى رابط صفحتك في الفيس بوك

هل أعجبك الموضوع ؟