ـــــــــــــــــ
صندوق الفيس المتحرك , كيفية اضافة اعجبنى للفيس على الموقع , كود صندوق الفيس , Like Box
السلام عليكم ورحمة الله وبركاته
يقدم لكم موقع مودرن ميديا اليوم سرح كيفية اضافة صندوق الفيس بوك الى موقعك او مدونتك وذالك من اجل ذيادة اعداد معجبينك فى صفحاتاك على الفيس بوك وهذه من افضل الطرق هذه الايام التى تربط الفيس بالمواقع وتجعلك تحصل على ذوار من الفيس للموقع ومن الموقع للفيس
الصندوق متحرك للداخل والخارج
اولاً نقوم بأضافة الكود الذى يجعل الصنوق متحرك من الداخل للخارج وهكذا
قم بالذهاب الى لوحة التحكم فى موقعك .
اختر من القائمه الموجود امامك او بالجمب القالب
تحرير html
قم بالبحث عن
ضع فوقه مباشرة</head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
ثانياً لأضافة الاداه اتبع الاتى :.
- قم بالذهاب الى لوحة التحكم
- اختر تخطيط من القائمة الموجوده امامك بالجمب
- اضغط على اضافة اداه جديده
- اختر اضافة اداة html
- قم بوضع الكود التالى
<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/AVvXsEjZQSjKB2TfXK0Rc5192VseF_LU_fQe8rjgQE4qxvG1Uc4DXOS2GN5UM2ZNo5Jdx2Wm-0DdxYprCfzS3n-bfDxAoZ9DwUaff9XP3WGFVHasTg7v5X7ViELnHs56jRxLEE6uYLVGm9yP5-_9/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&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&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>
ملحوظه/ لا تنسى الضغط على حفظ فى كل مره
نرجو ان يكون الشرح قد نال اعجابكم وللاستفسار عن اى شىء اضغط فى الاسفل
ـــــــــــــــــ
