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

بسم الله و الحمد لله و الصلاة و السلام على خير خلق الله محمد الأمين. إخواني الكرام السلام عليكم و رحمة الله.إضافة اليوم لا أضن ان موجودة باحدى المدونات العربية لانها حصرية
اضافة جميلة هي بمثابة صندوق الاعجاب الخاص بفيس بوك الممزوج بتقنية Jquery الرائعة
كما أننا نعلم اهمية الفيس بوك في الاشهار السريع ويقدر عدد مستخدميه الى 690 مليون شخص اذا كان عندك معجبين اكثر اكيد راح يكون موقعك من الاوائل في محركات البحث قوقل لهذا طرحت هذه التدوينة لكي تجذب الزائر بشكلها الجميل ويضغط على أعجبني

معاينة الاضافة من هذا الرابط

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

</head>

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

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

ثم توجه الى تصميم/اضافة اداة/html/java ثم اضف الكود التالي

<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("http://www.shy22.com/upfilpng/dow94283.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=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2FalmAlabda&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://alamibdaa.blogspot.com/</a> / <a href="http://alamibdaa.blogspot.com/2012/10/jquery.html">أحصل علي!</a></span></div></div>

اللون الاحمر هو اسم المستخدم للصفحة مثلا
www.facebook.com/almAlabda
اذن استبدل almAlabda باسم صفحتك

ومبروك عليك الاضافة الرائعة

لا تقرأ وترحل شارك معنا بتعليق فنحن تكبدنا عناء البحث لنجلب لك الافضل والاجمل

يمنع النقل من دون ذكر المصدر