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

[Chakira]

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

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

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

شكل الاضافة :
http://www.dzbatna.com/attachments/691971d1366904384-546801_227213310744371_1039629744_n.jpg
المعاينة المباشرة :

من هنا (http://www.ar-mafiant.com/)

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

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

ابحث عن كلمة

رمز Code:
</head>
من ثم اضف قبلها مباشرة الكود code التالي :




رمز Code:
<script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js&quot; type=&quot;text/javascript&quot;> </script>
اضغط حفظ ومن ثم اذهب الى لوحة تحكم بلوجر ومن ثم التخطيط واضف أداة HTML/JavaScript Widget

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

رمز Code:
<script type=&quot;text/javascript&quot;> //<!-- $(document).ready(function() {$(&quot;.floatinglikebox&quot;).hover(function() {$(this).stop().animate({right: &quot;0&quot;}, &quot;medium&quot;);}, function() {$(this).stop().animate({right: &quot;-250&quot;}, &quot;medium&quot;);}, 500);}); //--> </script> <style type=&quot;text/css&quot;> .floatinglikebox{background: url(&quot;http://3.bp.blogspot.com/-VXmAJdQRHJ8/Tra8E16fZGI/AAAAAAAAClg/o5M632x9qX8/s1600/floatingfb.png&quot;) 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=&quot;floatinglikebox&quot; style=&quot;&quot;><div><iframe src=&quot;//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=fals e&amp;header=false&amp;appId=159468740772399&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; style=&quot;border:none; overflow:hidden; width:251px; height:270px; background:#fff;&quot; allowtransparency=&quot;true&quot;></iframe></div></div>
مع مراعاة تغيير
http://www.facebook.com/mafiantcom

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








http://2.bp.blogspot.com/-KmkietGXrMo/UXPnjifW-oI/AAAAAAAAAPU/sGt8F8PaBR8/s320/xlu6ncek.gif (http://2.bp.blogspot.com/-KmkietGXrMo/UXPnjifW-oI/AAAAAAAAAPU/sGt8F8PaBR8/s1600/xlu6ncek.gif)



http://img252.imageshack.us/img252/4607/fiamanoe8hc0.gif


http://img232.imageshack.us/img232/12/07tunisiacafe.gif




الصور المرفقة http://www.traidnt.net/vb/attachments/691971d1366904380-546801_227213310744371_1039629744_n.jpg


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©