<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Simple Gallery</TITLE>
<META name="author" CONTENT="HuseiN - (http://husein.tk)" />
<META NAME="Keywords" CONTENT="simple, gallery, blogger">
<META NAME="Description" CONTENT="simple gallery on blogger using easyframework popup gallery">
<script type="text/javascript" src="http://jquery.com/src/jquery-latest.js"></script>
<script type="text/javascript" src="lokasi file easy.js"></script>
<script type="text/javascript" src="lokasi file main.js"></script>
<style type="text/css">
body { font: 12pt Helvetica, Arial, sans-serif; }
a {text-decoration:none;}
#gallery {background: #ccc; padding: 0px;width: 100%; -moz-border-radius: 10px 10px 10px 10px;}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {border: 5px solid gray;border-width: 5px 5px 5px;}
#gallery ul a:hover img {border: 5px solid #fff; border-width: 5px 5px 5px;color: #fff;}
#gallery ul a:hover { color: #fff; }
</style>
</HEAD>
<BODY>
<div id="gallery" align="justify"> <!-- awal div gallery -->
<ul>
<li><a class="popup gallery" href="#gb1" title="Liburan IPPP ke Cibodas">
<img src="http://farm5.static.flickr.com/4114/4891845648_6dcd6ae7a8_m.jpg" /></a>
</li>
<li><a class="popup gallery" href="#gb2" title="Mudik IPPP ke Desa Cilimus, Sukabumi">
<img src="http://farm5.static.flickr.com/4122/4891910822_594ec1936b_m.jpg" /></a>
</li>
</ul>
</div> <!-- akhir div gallery -->
<div style="display:none;"> <!-- awal div hidden -->
<img id="gb1" src="http://farm5.static.flickr.com/4116/4891842714_01dc45ae5f_z.jpg" />
<img id="gb2" src="http://farm5.static.flickr.com/4140/4891313423_9e0f515ec1_z.jpg" />
</div> <!-- akhir div hidden -->
</BODY>
</HTML>