كيفية اضافة فيسبوك علئ يسار مدونة بلوجر

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

اما هذه الصورة فهي للالاداة بعد تقريب الفارة اليها :

اولا نقوم بالدخول الئ بلوجر ->  المزيد من الخيارات -> التخطيط
 اذا لم تعرف كيف تفعل ذلك تابع هذا الشرح في هذه الصفحة 
بعد ذلك قم باختيار اضافة اداة و انسخ الكود تحت
-------------------------------------------------------------------------------------------------------
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<style type="text/css">
/*<![CDATA[*/
#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}.fbplbadge {background-color:#E98534;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;right: -47px;width: 47px;background-image: url("http://1.bp.blogspot.com/-si8RqHzR8YA/T9yn4fMA9wI/AAAAAAAADUs/TIiffednqVM/s1600/md_vertical-left.png");background-repeat: no-repeat;overflow: hidden;-webkit-border-top-right-radius: 8px;-webkit-border-bottom-right-radius: 8px;-moz-border-radius-topright: 8px;-moz-border-radius-bottomright: 8px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;}.mdfbplikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}.mdfbplikebox span a{color: #808080;text-decoration:none;}.mdfbplikebox span a:hover{text-decoration:underline;}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
    (function(md){
md(document).ready(function(){
var $dur = "medium"; // Duration of Animation
md("#fbplikebox").css({left: -250, "top" : 100 })
md("#fbplikebox").hover(function () {
md(this).stop().animate({
 left: 0
}, $dur);
}, function () {
md(this).stop().animate({
left: -250
}, $dur);
});
md("#fbplikebox").show();
});
})(jQuery);
/*]]>*/
</script>
<div class="mdfbplikebox">
<div id="fbplikebox" style="display:none;">
<div class="fbplbadge"></div> 
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpro4technology&amp;width=250&amp;height=250&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23C4C4C4&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:250px;background:#F5EBF5;" allowtransparency="true">
</iframe>
<span>
</span>

</div></div>
-------------------------------------------------------------------------------------------------------

قم بتغيير اللون الاحمر الئ لونك المفضل الذي تريده للاداة و لاختيار الالوان ادخل هذا الموقع

قم بتغيير اللون الازرق الئ رابط صفحتك علئ الفيس بوك يعني اسم صفحتك الذي تجه بعد كلمة www.facebook.com/pro4tchnology و هي التي ملونة بالاخضر هنا