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

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

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

وده شكل الصندوق

الان نذهب الي قالب كما موضح بالصورة التالية 

عند الضغط علي قالب سيظهر لك بجانب القائمة السايقة 

ومنها نضغط علي تحرير HTML وسيظهر لنا

ونضغط علي توسيع قوالب عناصر واجهة المستخدم

كما موضح بالصورة السابقة

ونقوم بالبحث عن  </head>

ونضع هذا الكود جانبها مباشرة

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

ثم نذهب الي التخطيط كما موضح بالصورة التالية

 

عند الضغط علي التخطيط يظهر لنا بجانب القائمة السابقة

  

ومنها نضغط علي اضافة اداه وسيظهر لنا

ومنها نظغط علي HTML/Java Script

وسيظهر لنا

نضع الكود التالي في الصندوق الذي اسفل كلمة المحتوي ثم اضغط حفظ

<script src='http://egymodern.googlecode.com/files/facebooklike-box.js' type='text/javascript'></script>

<style type="text/css">

.w2bslikebox{background: 
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9QIUubOH6JKe2DSkNNaqUh9TYdfniGHTRb_Ssvkfj9matIqD-00qWCZTywGFp9Av0NrWvHzMjba_bzEQObFU2PUnJv5xgosZ7z0xKp8b4qSbPxYodD4v-cBuwlsmFOmlNvz2y-Ob9gO4Y/s1600/facebook-page2.png")
  no-repeat scroll left center transparent !important;display:  
block;float: right;height: 270px;padding: 0 5px 0 46px;width:  
245px;z-index: 99999;position:fixed;right:-250px;top:20%;}

.w2bslikebox div{border:none;position:relative;display:block;}

.w2bslikebox  span{bottom: 12px;font: 8px "lucida  
grande",tahoma,verdana,arial,sans-serif;position: absolute;right:  
6px;text-align: right;z-index: 99999;}

.w2bslikebox span a{color: #808080;text-decoration:none;}

.w2bslikebox span a:hover{text-decoration:underline;}

</style>



<div class="w2bslikebox" style="z-index: 9999999999;">

<div>



<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/egymodern&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270"
  scrolling="no" frameborder="0" scrolling="no" style="z-index:  
9999999999; border: medium none; overflow: hidden; height: 270px; width:
  245px;background:#fff;">

</iframe>



</div>

<script type="text/javascript">

writeHTMLasJS();

</script>

</div> 
 

لا تنس تغيير الرابط الاحمر برابط صفحتك علي الفيس بوك

نرجوا ان نكون افدناكم 

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