اضف صفحتك بالفيس بوك الى مدونتك بتقنية 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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4feggTK4MpcC8LQIwoM8CaZbesBgwtji89QeWCG79WHkz8MjPQSgso_enfTG1bN0mdqKByArEY7bX3meL-7OV3XXZsTjfYDWDm6U9nm26HE9l6oNLLPORs20ZsNdBnHArFC6Vm8zA32-V/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%2Fallah&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>


اللون الاحمر هو اسم المستخدم للصفحة مثلا
www.facebook.com/allah
اذن استبدل page ب allah
بالنسبة للذين يجهلون معنى اسم المستخدم فاليتوجهو الى هذا الرابط
ومبروك عليك الاضافة الرائعة

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

هناك تعليق واحد:

تكلم حتى اراك واترك تعليقك بوجهة نظرك