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

۩۩۩۩۩۩۩۩۩۩۩۩۩۩۩۩۩۩۩۩۩۩۩۩۩۩۩۩
*•.¸.•* بِسْمِ اللهِ الْرَّحْمَنِ الْرَّحِيمِ •¸ .*•
قُلْ هُوَ اللَّهُ أَحَدٌ ۞ اللَّهُ الصَّمَدُ ۞ لَمْ * •
يَلِدْ وَلَمْ يُولَدْ ۞ وَلَمْ يَكُن لَّهُ كُفُوًا أَحَدٌ * •
*•.¸.•**• صدق الله العظيم *•.¸.•* *•

۩۩۩۩۩۩۩۩۩۩۩۩۩۩۩۩۩۩۩۩۩۩۩۩۩۩۩۩

والان مع الشرح

1- توجه إلى لوحة تحكم المدونة

2- تصميم ثم تحرير HTML

3- إبحث عن الوسم التالي </head>

4- ثم ضع فوقه مباشرة الكود التالي

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(function (){
jQuery(".slide_likebox").hover(function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");
},function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"-250"},"medium");
},500);
return false;
});
</script>

5- بعد ذالك إبحث عن الكود التالي ]]></b:skin>


6- و ألصق هذا الكود فوقه مباشرة

.slide_likebox {
float:right;
width:288px;
height:345px;
background: url(https://lh6.googleusercontent.com/-V...8Cu4/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}

7- قم بحفظ القالب الأن

بعد وضع هذه الأكواد توجه إلى تصميم عناصر الصفحة و قم بإضافة أذاة Html/JavaScriptو ضع بها الكود التالي

<div class="slide_likebox"> <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;"><span><div class='likeboxwrap'><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/%D8%B3%D9%88%D8%AF%D8%A7%D9%86%D9%8A%D8%B2-%D8%A8%D9%88%D8%B3%D8%AA/691368017541013&amp;width=238&amp;colorscheme=light&amp;connectio ns=15&amp;stream=false&amp;header=false&amp;height =350" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:228px; height:320px;" allowtransparency="true"></iframe></div></span></div></div>

الأن قم بتغير ما هو باللون الأسود بإسم صفحتك على ال Facebook ثم إحفظ الأداة و تمتع بالإضافة الرائعة

مصدر:http://www.ar-bl.net/vb/t14767.html