Source Code:

Place before </body> tag

<style type='text/css'>
body {overflow: auto; margin: 0px;}
tr, td{border:0px;}
#darkenScreenObject{width: 1248px; height: 2122px;}
</style>

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div style="position: fixed; display: none; width: 850px; height:680px; margin-left: -400px; margin-top: -350px; text-align: center; top: 50%; left: 50%; z-index: 60; border: 1px solid rgb(0, 0, 0); background: #000000;" id="box">
<table style='width: 800px; margin: 20px; color: #64AAD0; font-weight: bold;'>
<tr><td> </td>
    <td align='right' style='padding: 30px 0 0 0; top: 50px;'>
        <a href='javascript:;' style='color: #64AAD0;text-decoration:underline;' id='closebutton'>X Tutup</a>
    </td>
</tr>
<tr>
<td>
    <img src='http://i1170.photobucket.com/albums/r531/CariInternet/a6b51a60.jpg' />
</td>
<td valign='top' align='left' style='padding-left:10px; width:400px;'>
    <img src='http://i1170.photobucket.com/albums/r531/CariInternet/d1008b80.jpg' style='margin: 0 0 20px 80px; width: 220px; height: 220px;' border=0 /><br />
    <font style='font-size:30px; color: red;'>Bantah Seksyen 114A<br />Hari Internet Blackout, <br />14 Ogos 2012</font>
<ol style='margin:0 0 0 20px;'>
    <li style='color: #FFF500; margin-bottom: 5px;'>
        <a target='_blank' style='color: #64AAD0;text-decoration:underline;' href='http://stop114a.wordpress.com/what-is-section-114a/'>Ketahui lebih lanjut</a> bagaimana pindaan ini boleh mengancam kebebasan berinternet di Malaysia.
    </li>
    <li style='color: #FFF500'><a target='_blank' style='color: #64AAD0;text-decoration:underline;' href='http://www.facebook.com/evidenceamendmentact'>Sokong：Satu Juta Ratyat Malaysia</a> Bantahan Seksyen 114A</li>
	

<span>
<div class="fb-like" data-href="http://www.facebook.com/evidenceamendmentact#!/evidenceamendmentact" data-send="false" data-width="320" data-show-faces="false" data-font="verdana"></div>
</span>

<br />
<span>
<a target='_blank' style='color: #64AAD0;text-decoration:underline;' href='http://www.facebook.com/sharer/sharer.php?u=http://www.facebook.com/evidenceamendmentact'>Share on Facebook</a>
</span>
</ol>
<br /><br /><br /><br />
<span style='color: #FFF500'>Oleh: <a target='_blank' style='color: #64AAD0;text-decoration:underline;' href='http://cijmalaysia.org/'>Centre for Independent Journalism (CIJ)</a></span>
</td>
</tr>
</table>
</div>

<div style="position: absolute; top: 0px; left: 0px; overflow: hidden; display: none; opacity: 0.7; z-index: 50; background: #000000; width: 1248px; height: 2122px;" id="darkenScreenObject"></div>

<script type='text/javascript'>
    function grayOut(vis, options, extra) {
      // Pass true to gray out screen, false to ungray
      // options are optional.  This is a JSON object with the following (optional) properties
      // opacity:0-100         // Lower number = less grayout higher = more of a blackout 
      // zindex: #             // HTML elements with a higher zindex appear on top of the gray out
      // bgcolor: (#xxxxxx)    // Standard RGB Hex color code
      // grayOut(true, {'zindex':'50', 'bgcolor':'#0000FF', 'opacity':'70'});
      // Because options is JSON opacity/zindex/bgcolor are all optional and can appear
      // in any order.  Pass only the properties you need to set.
      var options = options || {}; 
      var zindex = options.zindex || 50;
      var opacity = options.opacity || 70;
      var opaque = (opacity / 100);
      var bgcolor = options.bgcolor || '#000000';
      var dark=document.getElementById('darkenScreenObject');
      if (!dark) {
        // The dark layer doesn't exist, it's never been created.  So we'll
        // create it here and apply some basic styles.
        // If you are getting errors in IE see: http://support.microsoft.com/default.aspx/kb/927917
        var tbody = document.getElementsByTagName("body")[0];
        var tnode = document.createElement('div');           // Create the layer.
            tnode.style.position='absolute';                 // Position absolutely
            tnode.style.top='0px';                           // In the top
            tnode.style.left='0px';                          // Left corner of the page        
            tnode.style.overflow='hidden';                   // Try to avoid making scroll bars            
            tnode.style.display='none';                      // Start out Hidden
            tnode.id='darkenScreenObject';                   // Name it so we can find it later
        var msgnode = document.createElement('div');           // Create the box layer.
            msgnode.style.position='fixed';                 // Position fixed
            msgnode.style.display='none';                      // Start out Hidden
            msgnode.id='box';                                   // Name it so we can find it later
            // give it a size and align it to center
            msgnode.style.width = "300px";
            msgnode.style.height = "300px";
            msgnode.style.marginLeft= "-150px";      
            msgnode.style.marginTop= "-150px"; 
            msgnode.style.textAlign = 'center';
            msgnode.style.top= "50%";                           // In the top    
            msgnode.style.left="50%";                          // Left corner of the page    
        tbody.appendChild(msgnode);                            // Add it to the grey screen
        tbody.appendChild(tnode);                            // Add it to the web page
        dark=document.getElementById('darkenScreenObject');  // Get the object.
      }
      if (vis) {
        // Calculate the page width and height 
        if( document.body &&  ( document.body.scrollWidth || document.body.scrollHeight ) ) {
            var pageWidth = document.body.scrollWidth+'px';
            var pageHeight = document.body.scrollHeight+'px';
        } else if( document.body.offsetWidth ) {
          var pageWidth = document.body.offsetWidth+'px';
          var pageHeight = document.body.offsetHeight+'px';
        } else {
           var pageWidth='100%';
           var pageHeight='100%';
        }  
        if(pageHeight=='0px'){
            pageHeight='2500px';
        }
        //set the shader to cover the entire page and make it visible.
        dark.style.opacity=opaque;                      
        dark.style.MozOpacity=opaque;                   
        dark.style.filter='alpha(opacity='+opacity+')'; 
        dark.style.zIndex=zindex;        
        dark.style.backgroundColor=bgcolor;  
        dark.style.width= pageWidth;
        dark.style.height= pageHeight;
        dark.style.display='block';  
        if(extra == 'Y')
            document.body.style.overflow =  'hidden';
        document.getElementById("box").style.zIndex = zindex+10;
        document.getElementById("box").style.border = "#000 solid 1px";
        document.getElementById("box").style.display = "block";
		document.getElementById("closebutton").onclick = function() //attach a event handler to hide both div
        {
            dark.style.display="none";
            document.getElementById("box").style.display = "none";
            document.body.style.overflow = 'auto';
			cij_setCookie('cij_campaign','close', 1);
		}
        document.getElementById("box").style.backgroundColor="#000";  
        //document.getElementById("box").innerHTML = "";
      } else {
         dark.style.display='none';
      }
	}
function cij_getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
  {
  x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
  y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
  x=x.replace(/^\s+|\s+$/g,"");
  if (x==c_name)
    {
    return unescape(y);
    }
  }
}

function cij_setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}