صندوق فيسبوك منبثق

1. لوحة تحكم بلوجر.
2. إضافة اداة.
3. javascript.
4. يمكنك المعاينة من هنا

<div class="widget-content"> <style type="text/css"> /*********************************************** * CSS POP-UP With Light Box Effect- &#169; New Facebook Tips Trick (http://new-facebook-tipstricks.blogspot.com/) * This notice must stay intact for use. * Visit http://new-facebook-tipstricks.blogspot.com/ for full source code. ***********************************************/ * html #exestylepopupdiv {position:absolute;} #exestylepopupdiv {z-index: 999999;display:block; top:0px; left:0px; width:0%; height:0%; position:fixed; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9jxNiMj8w25TAwO46CshVZvt8UV7qTVrbaC-ab41e-JB4Fc1fhP3cDSX_ydmq47IJ1Qux52aRjLnmJqfaLc8YnBHgmqWjiAHVc6RC98B9W8VXVH63N5aPYGJ5Q-682nSAJQADt9pOyA/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;} #exestylepopup {background-color: #fff; overflow:none;} .exestylepopup {width:300px; height:170px; position:fixed; top:39%; left:48%; margin-top:-150px; margin-left:-150px;} </style> <!--[if lte IE 6]> <style type="text/css"> /*<![CDATA[*/ html {overflow-x:auto; overflow-y:hidden;} /*]]>*/ </style> <![endif]--> <div id="exestylepopupdiv"> <div id="exestylepopup" class="exestylepopup"> <center style="color:#000;cursor:pointer;float:right;margin-right:-20px;margin-top:-20px;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhry1ZRA9GVD63TV0uDwVNQw2TMcWUDLUlfWB_NspscantJTND1gdxRFdgkOFxSPWvjhI4mgwKs2gwQeCbwo88doDWmfY3KxdIYMUOwEwDwfpWiR1nPqtKRFM_wPyIhbrjlM36aLg3E3A/s40/exeideasclose.png" original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhry1ZRA9GVD63TV0uDwVNQw2TMcWUDLUlfWB_NspscantJTND1gdxRFdgkOFxSPWvjhI4mgwKs2gwQeCbwo88doDWmfY3KxdIYMUOwEwDwfpWiR1nPqtKRFM_wPyIhbrjlM36aLg3E3A/s40/exeideasclose.png"> </center> <div id="exestylepopup" class="exestylepopup"> <center style="color:#000;cursor:pointer;float:right;margin-right:-20px;margin-top:-20px;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhry1ZRA9GVD63TV0uDwVNQw2TMcWUDLUlfWB_NspscantJTND1gdxRFdgkOFxSPWvjhI4mgwKs2gwQeCbwo88doDWmfY3KxdIYMUOwEwDwfpWiR1nPqtKRFM_wPyIhbrjlM36aLg3E3A/s40/exeideasclose.png" original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhry1ZRA9GVD63TV0uDwVNQw2TMcWUDLUlfWB_NspscantJTND1gdxRFdgkOFxSPWvjhI4mgwKs2gwQeCbwo88doDWmfY3KxdIYMUOwEwDwfpWiR1nPqtKRFM_wPyIhbrjlM36aLg3E3A/s40/exeideasclose.png"> </center> <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com/tuhfawebserv&amp;width=300&amp;height=150&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:170px;" allowtransparency="true"></iframe> </div> </div> </div> </div>