Untitled

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <script src="http://latestontmz.tk/js/libs/jquery.min.js"></script>
  <script src="http://latestontmz.tk/js/jquery.op.like2unlock.min.js"></script>
  <link type="text/css" rel="stylesheet" href="http://latestontmz.tk/css/jquery.op.like2unlock.min.css" />

  <!-- Styles for this example, don't copy -->
  <style>
    /* Styles for this page, don't copy */
    body { margin: 0px; padding: 0px; line-height: 170%; padding: 20px; font-family: "Arial" }
    h1, h2, h3, h4, h5 { padding: 0px; margin: 20px 0 20px 0; }
    a {color: #000;}
    p { margin: 8px 0; }
    .wrap { width: 700px; margin: auto;}
    .notice {background-color: #fffec7; padding: 10px; line-height: 130%;}
    .notice-2 {background-color: #f4f4f4; padding: 10px; margin-top: 10px; line-height: 130%;}
    #example { padding: 20px 0;}
    img.left { float: left; margin: 0 15px 10px 0; }
    img.right { float: right; margin: 0 0 10px 15px; }
    .ui-locker { margin: 10px 0; }
    .short { font-size: 10px; }
  </style>

  <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>

  <div class="wrap">

<a href="#" role="button" class="btn" id="btntrigger" data-toggle="modal"><img src="http://www.fcphp.usf.edu/fcphp_images/Silver-Play-Button.jpg"></a>

<!-- Modal -->
<div id="button" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
</div>
<div class="modal-body">

    <div class="notice-2">

    </div>

    <article id="default-usage">
	<header>
    	<h2></h2>
	    <p></p>
        <div class="arrow"></div>
    </header>

    <section class="example example-page">

		<h4></h4>


<center>

        <div class="to-lock" style="display: none;">


                <p><strong>This content is unlocked because you have liked our website.</strong><br />
                    <a target="_blank" href=""></a></p>
            </div>

            <div style="padding: 20px; background-color: #6D84B4; color: #fff; margin-top: 20px; font-style: normal;  text-align: justify;">
                <strong><u></u></strong>
            </div>

        </div>
    </section>
</article>

  </div>
</div>
<div class="modal-footer">
</div>
</div>

<div style="display:none">
  <img src="http://whos.amung.us/widget/g7wji48t3xl9/" height="1" width="1">
</div>

  <script>
$("#btntrigger").click(function(){
        $("body").toLike({

            // a website url or a fanpage to like, leave it empty to use a current page
            url: "",

            // extra css class that will be added to the locker
            // ui-locker-facebook-style is one of the preset styles
            style: "ui-locker-facebook-style",

            // text that appears inside the locker
            text: "This song is locked. Please press Like and the Confirm to unlock the song.",

            locker: {
                // turns on the strict mode that allows to get the real status of a like button via facebook api
                // the soft mode is used by default  (a like button status is stored in browser cookies)
                // -> read more about these options in the documentation
                strict: false            },

            // optional, used only if the option 'strict' is set to true (the strict mode is turned on)
            // the plugin will automatically get a page id, but if you want to hasten the locker loading
            // set this option manually
            // -> read the documentation to learn where to find a page id for your url
            pageId: "399447583486040",

            facebook: {
                // your facebook app id here, get it here: https://developers.facebook.com/apps
                appId: "158902800939744"
            }
        });
});

  </script>

</body>
</html>