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

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/AVvXsEjZc3G0jEnQY23g0mPm8_xG7_afw2mAvW0jiEMAETt4XTFqkzWTK8I70kbwLoaSC9sY41mDA5zpDeI9-RZfIy85usk0ZeW8jodc3OkbQbY5A1SRAvfQK_DjZU-eoooQL4sJh5NUNt5WBw/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/AVvXsEjZpkKDhkUpEb8ujhFfD22AXzbtnT2A4xjuDlQVqoMrdYV5OHw90K6lPuOyITeuqtAwpPhOfNmGtoOvNO59t1fqC5PlU6mGDDGZQhBSSocYsNiOFWXI8U2qmx7zgkI6BlOX_cBOMmLqtw/s40/exeideasclose.png" original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZpkKDhkUpEb8ujhFfD22AXzbtnT2A4xjuDlQVqoMrdYV5OHw90K6lPuOyITeuqtAwpPhOfNmGtoOvNO59t1fqC5PlU6mGDDGZQhBSSocYsNiOFWXI8U2qmx7zgkI6BlOX_cBOMmLqtw/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/AVvXsEjZpkKDhkUpEb8ujhFfD22AXzbtnT2A4xjuDlQVqoMrdYV5OHw90K6lPuOyITeuqtAwpPhOfNmGtoOvNO59t1fqC5PlU6mGDDGZQhBSSocYsNiOFWXI8U2qmx7zgkI6BlOX_cBOMmLqtw/s40/exeideasclose.png" original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZpkKDhkUpEb8ujhFfD22AXzbtnT2A4xjuDlQVqoMrdYV5OHw90K6lPuOyITeuqtAwpPhOfNmGtoOvNO59t1fqC5PlU6mGDDGZQhBSSocYsNiOFWXI8U2qmx7zgkI6BlOX_cBOMmLqtw/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>