اضف صفحتك فى الفيسبوك الى مدونتك

اهلا باعضاء و زوار مدونة عالم نت 

 فى البداية احب ان اعتذر عن غيابى عن المدونة يومان كاملا فى الواقع لم اجد ما اكتبة هههههههههههههههههههههههههههه

نبدا الموضوع

هذة التقنية من افضل تقنيات تسجيل الاعجاب و اتصال مدونتك بالفيسبوك 

هذة صورة من التطبيق

هذة التقنية مضافة فى المدونة

الشرح 

ادخل على تصميم/ تحرير html/ قم توسيع القالب وخذ نسخة اضافية الان ابحث عن:

</head>

ثم اضف قبله هذا الكود

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

ثم توجة الى تصميم / عناصر الصفحة / اضف ادارة هتمل&جافا سكريبت

 ثم اضف هذا الكود

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc6r4rEZtj9fKxgfI0gBW_6jLQaX15yvNW7LcgNGea0QR8rkI29BS7K3fwqdlNRMJ3dI0UaZS2iGUeRDh8gXnPlFbKWpWyv8z5PquwvYRh2dBe6hcKGYcZuj7UNrKdR56Ld3PlZWJ9FHO4/s150/w2b_facebookbadge.pn") 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=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2F3alemnet&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="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>By <a href="http://www.way2blogging.org/">Way2blogging</a> / <a href="http://www.way2blogging.org/2011/06/add-static-facebook-pop-out-like-box.html">+Get This!</a></span></div></div>

اللون الاحمر  هوا اسم المستخدم

مثال 

 

facebook.com/3alemnet

استبدل اسم المستخدم لبيدجك بــــ  

3alemnet

  

.

فى النهاية احب اقولكو مبروك على الاضافة

المصدر : مدونة امجد

Posted in: تعليم و شروحات