Memasang Fanpage Facebook dengan CSS Murni di Blog

Berikut adalah kode untuk membuat fanpage facebook dengan css.

<style type="text/css">
* html #popupfacebook{position:absolute}
#popupfacebook{display:block;top:0;left:0;width:100%;height:100%;position:fixed;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjPByH7O8oMQVFsHL1zTr2HKMfGAexqPCGbRNkxBcS3fp4MtvBCjojGEkSEzXMZ3cvkmpI6DdCc_obGADeQCU9O0xhSBuUwqM3ovKpB03DnBoYvM6FQQf-9nvGykPoMQKjXLqsBdFouQ/s128/popupideasopacity0.5.png);overflow-y:auto;z-index:999999;margin:0}
#facebookpopup{background-color:#FFFFFF;overflow:none;z-index:999999}
.facebookpopup{width:290px;height:300px;position:fixed;top:45%;left:50%;margin-top:-200px;margin-left:-200px;border:10px solid #009cff;z-index:999999;padding:20px}
#popup-title{background:#009cff;color:#FFFFFF;font-size:20px!important;font-weight:700;width:280px;line-height:25px;text-align:center;font-family:Arial!important;float:left;margin:0 auto;padding:0px}
.likefaceblogevolutions{width:280px;height:200px;border-radius:3px;position:relative;background:#FFFFFF;margin-top:60px;padding:0 10px 15px 0}
.likefaceblogevolutions,.likefaceblogevolutions:before,.likefaceblogevolutions:after{background:#FFFFFF;border:1px solid #009cff}
.likefaceblogevolutions:before,.likefaceblogevolutions:after{position:absolute;content:"";bottom:-3px;left:2px;right:2px;height:1px;border-top:none}
.likefaceblogevolutions:after{left:4px;right:4px;bottom:-5px;box-shadow:0 0 2px #009cff}
</style>
<div id="popupfacebook">
<div id="facebookpopup" class="facebookpopup">
<h3 id="popup-title">KLIK LIKE DI BAWAH!!</h3>
<div class="likefaceblogevolutions">
<div style="height:200px;overflow:hidden">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Ftuntasnet&amp;width=292&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;show_border=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
</div>
</div>
<br />
<center style=" float:left; font-size:14px;cursor:pointer;" ><a style="background: #009cff; padding:5px 5px 10px 5px; font-size:12px; color:#FFFFFF; text-decoration:none;" onmouseup="document.getElementById('popupfacebook').style.display='none'">CLOSE</a></center>
</div>
</div>