تركيب صندوق المعجبين بصفحتك على الفيس بوك لموقعك او مدونتك

بسم الله الرحمان الرحيم 

السلام عليكم 

شرح تركيب صندوق المعجبين في فيس بوك لموقعك او مدونتك بأسهل طريقة

إضافات بلوجر - blogger plugins

وهي طريقة إضافة صندوق المعجبين على يمين الصفحة في موقعك او مدونتك
إلى يمين الصفحة في موقعك طبعاً سيظهر المعجبون عن مرور الماوس على الإيقونة وهي طريقة تتبيث الصندوق بتقنية

الطريقة بسيطة جداً وهي كالآتي :-

قبل كل شيء قم بأخذ نسخة إحتياطية للقالب 

اولا أدخل على حسابك في بلوغر ثم انقر على تصميم ثم تحرير HTML واختر توسيع القالب .
بعد ذلك قم بالبحث عن الكود الاتي

كود:

</head>

قبله نضيف الكود الاتي

كود:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'/>

احفظ القالب ثم توجه إلى تصميم/عناصر الصفحة وأضف أداة HTML/JavaScript ولصق بها لبكود التالي

كود:

<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/AVvXsEggfzqnBzkfjeCui45dkDFvKvSNABCGFpWzNOw_Kq1GKedsppGpiC4_pRvts_9eOD9s9_IUFnJzAL2IF5jSW0WD76APLqWbHiYzxSp5-Cvh4A1uVzXr0yXA2dF7IRpYbmewebBjFlvaBpvA/s150/w2b_facebookbadge.pn")  no-repeat scroll left center transparent !important;display:  block;float: right;height: 370px;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=ضع هنا رابط صفحتك  على الفيس  بوك&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270"  scrolling="no" frameborder="0" scrolling="no" style="border: medium  none; overflow: hidden; height: 270px; width:  245px;background:#fff;"></iframe><span> <a  href="http://www.al3ajaib.blogspot.com">+Get  This!</a></span></div></div>

إحفظ ومبروك عليك الإضافة
تم بحمد الله

هداالشرح اخر للطريقة بسيطة 

بالتوفيق للجميع