طريقة إضافة صندوق إعجاب الفيسبوك منبثق و عائم - لمدونات البلوجر

<style type='text/css'>
.newmdfbplikebox
 span{bottom: 0;font: 8px "lucida
grande",tahoma,verdana,arial,sans-serif;position: absolute;right:
0px;text-align: right;z-index: 99999;}.newmdfbplikebox span a{color:
#808080;text-decoration:none;}.newmdfbplikebox span
a:hover{text-decoration:underline;}</style>
<script>
function makingdifferentfbcode(show_tbl,hide_tbl){
        document.getElementById(show_tbl).style.display='';
document.getElementById(hide_tbl).style.display='none';
}
</script><div class="newmdfbplikebox">
<div id="mdfaceid1" style="position: fixed; bottom: 0; right: 10px; width:300px; background-color:#ffffff;">
<div style="background-color:#46629d; height:26px;" onclick="javascript:makingdifferentfbcode('mdfaceid2','mdfaceid1')" >
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
    <img src="http://1.bp.blogspot.com/-804huAndVM8/URLNsICQexI/AAAAAAAACj4/V4HQKB7jQn8/s1600/%5Bwww.afkarpro.blogspot.com%5Dfacebook.gif" border="0" width="80" height="24"/>
    </td>
    <td width="10px">
  
  <img
src="http://4.bp.blogspot.com/-PYOKriPN2-E/URLOeg-6GeI/AAAAAAAACkA/ZG32q6QB_v8/s1600/%5Bwww.afkarpro.blogspot.com%5Dfacebook2.gif"
 width="20" height="24"
onclick="javascript:makingdifferentfbcode('mdfaceid2','mdfaceid1')"
/>
    </td>
  </tr>
</table>
</div>
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like-box href="https://www.facebook.com/afkarpro.ap" width="300" show_faces="true" stream="false" header="false"></fb:like-box>
<span>
By <a href="http://afkarpro.blogspot.com/">AfkarPro</a>
 / <a
href="http://afkarpro.blogspot.com/2013/02/-Minimizable-floating-facebook-like-box-widget-for-blogger.html">+Get
 This!</a>
</span>
</div>
<div
id="mdfaceid2" style="position: fixed; bottom: 0; right: 10px;
width:300px; background-color:#FFFFFF; display:none;"
onclick="javascript:makingdifferentfbcode('mdfaceid1','mdfaceid2')">
<div style="background-color:#46629d;height:24px;">
<img
 
src="http://1.bp.blogspot.com/-804huAndVM8/URLNsICQexI/AAAAAAAACj4/V4HQKB7jQn8/s1600/%5Bwww.afkarpro.blogspot.com%5Dfacebook.gif"
 width="80" height="24"
onclick="javascript:makingdifferentfbcode('mdfaceid1','mdfaceid2')"
/>
</div>
</div>
</div>