Lightbox Untuk Link di Blog

by Rhinokage Rio

HTML

<link rel="stylesheet" href="https://8579a835711466b329532f888fdef8b5efd2a89d.googledrive.com/host/0B495PN79xGJ6Q1VRQVhfeTVlREk/lightbox-blanter.css">
<script src="https://8579a835711466b329532f888fdef8b5efd2a89d.googledrive.com/host/0B495PN79xGJ6Q1VRQVhfeTVlREk/lightbox-blanter.js"></script>
<center><a class='buttonlog lightbox' data-options='{"width":1100, "height":600, "iframe": true}' href='http://blanter-forever.blogspot.com' itemprop='url'>[Click Here]</a>
    <br/>
DEMO : <b>Lightbox Untuk Link di Blog</b>
    <br/>
    <b>http://blanter-forever.blogspot.com</b>
</center>

CSS

@font-face {font-family:&#39;Oswald&#39;;font-style:normal;font-weight:400;
src: local(&#39;Oswald Regular&#39;), local(&#39;Oswald-Regular&#39;), url(http://themes.googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-a_WHw.woff) format(&#39;woff&#39;);}
body {
background:#d4d9e1;
font-family: 'Oswald';
}
a:link {
outline:none;
text-decoration:none;    
font-family: 'Oswald';
}
.buttonlog{
display:inline-flex;
border:double #fff;
cursor:pointer;
font-size:13px;
font-weight:bold;
text-transform:uppercase;
color:#FFF!important;
background-color:#07ACEC!important;
margin:5px 0;
padding:7px 25px;
text-shadow:none;
transition:all 1s;
}
.buttonlog:hover, .buttonlog:hover, .buttonlog.link:hover {
background:#282828!important;
border:double #fff;
box-shadow: 0px 0px 18px 18px rgba(80, 80, 80, 0);
}

JavaScript

jQuery(document).ready(function(){$('.lightbox').lightbox()});