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

السلام عليكم و رحمة الله و بركاته
درس اليوم هو عبارة عن كيفية اضافة زر أعجبني Like متحرك لصفحتك علي الفيس بوك في موقعك
هذه الطريقة يتم استخدامها حاليا في معظم المواقع و المنتديات و المدونات العربية لانها تجذب انتباه العضو أو الزائر الذي يقوم بتصفح موقعك


مثال



طريقة اضافة الزر

طريقة وضع الأكواد الصحيحة على كافة الأماكن التى تقبل بوضع الأكواد على منتديات أحلى منتدى

الكود:


<script src='http://egymodern.googlecode.com/files/facebooklike-box.js' type='text/javascript'></script>
<style type="text/css">
.w2bslikebox{background: url("http://2.bp.blogspot.com/-XgOlfackuq0/TsWV2-ME2CI/AAAAAAAACkQ/5sQXpo2KuJ4/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>

بالتوفيق
اي استفسار اكتب ردا بذلك

أرجو النقل الى التقنيات المتقدمة

اخي في اكثر من موضوع قلت لك الاكواد والشروحات توضع هنا
https://help.ahlamontada.com/post.forum?mode=newtopic&f=73

كيف أقوم بتغيير الإعجاب لصالح صفحتي
لأن الكود يظهر زر فيس بوك علا الجنب

عند الضغط عليه يظهرلك المعجبون بهذا EarnLessons‏ على فيس بوك

هذا يعني أن الكود يجب تعديله ليتناسب مع كافة المنتديات الشخصية وليس لصالح أطراف ثالثه
أرجو أن توضح طريقة وضع الموقع بدلا من EarnLessons‏ على فيس بوك

ابحث عن

الكود:

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

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

الكود:



    <script src='http://egymodern.googlecode.com/files/facebooklike-box.js' type='text/javascript'></script>
    <style type="text/css">
    .w2bslikebox{background: url("http://2.bp.blogspot.com/-XgOlfackuq0/TsWV2-ME2CI/AAAAAAAACkQ/5sQXpo2KuJ4/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=رابط صفحتك على الفيس بوك&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>

اخي كما قلت لك القسم غير مناسب

KhALiD-Net كتب:
اخي في اكثر من موضوع قلت لك الاكواد والشروحات توضع هنا
https://help.ahlamontada.com/post.forum?mode=newtopic&f=73