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

مثال:



الشرح طريقة :

افتح قالب template الترويسة header.php

ابحث فيه عن :

رمز Code:
</head>
و أضف قبلها مباشرة:

رمز Code:
<script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js&quot;></script> <script type=&quot;text/javascript&quot;> jQuery.noConflict(); jQuery(function (){ jQuery(&quot;.slide_likebox&quot.hover(function(){ jQuery(&quot;.slide_likebox&quot.stop(true, false).animate({right:&quot;0&quot;},&quot;medium& quot; },function(){ jQuery(&quot;.slide_likebox&quot.stop(true, false).animate({right:&quot;-250&quot;},&quot;medium&quot; },500); return false; }); </script>
ثمّ في آخر القالب template أضف :

رمز Code:
<div class=&quot;slide_likebox&quot;> <div style=&quot;color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;&quot;><span><div class='likeboxwrap'><iframe src=&quot;http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com/pages/**************&amp;width=238&amp;colorscheme=light &amp;connections=15&amp;stream=false&amp;header=fa lse&amp;height=350&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; style=&quot;border:none; overflow:hidden; width:228px; height:320px;&quot; allowtransparency=&quot;true&quot;></iframe></div></span></div></div>
مع مراعاة استبدال الـ *********** باسم الصفحة الخاصة بك.

ثمّ افتح قالب template الـ style.css الخاص بالثيم الذي تستخدمه وأضف في آخره :

رمز Code:
.slide_likebox { float:right; width:288px; height:345px; background: url(https://lh6.googleusercontent.com/-VW_GzzYnZJ0/TkiZQFcBc2I/AAAAAAAABmg/fa9_qWV8Cu4/fb_bg.png) no-repeat !important; display:block; right:-250px; padding:0; position:fixed; top: 130px; z-index:1002; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } div.likeboxwrap { margin-top:2px; margin-left:-5px; width:238px; height:325px; background-color:#fff; overflow:hidden; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } div.likeboxwrap iframe {margin:-1px}
تم بحمد الله.




وعذراً اذا الموضوع مكرر ، بحثت في الركن وما لقيته.

رابط الموضوع الأصلي: [ شرح طريقة ] إضافة صندوق متحرك أعجبني facebook على يمين الشاشة للوردبريس


الصور المرفقة



©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©