Cara Membuat Gallery

Pasang kode di bawah ini di HTML Blog agan

<style type="text/css">
div.gallery
{
  margin: 2px;
  border: 2px solid #D8D8D8;
  background-color:#ECECEC;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}  
div.gallery img
{
  height: 100px;
  width: 125px;
  display: inline;
  margin: 5px;
  border: 2px solid #ffffff;
}

div.gallery a:hover img
{
  border: 2px solid #000000;
  /* for IE */
  filter:alpha(opacity=40);
  /* CSS3 standard */
  opacity:0.4;
}

div.label
{
  border: 2px solid #D2D2D2;
  background-color:#ffffff;
  text-align: center;
  font-weight: normal;
  height: 40px;
  width: 120px;
  padding:3px;
  margin: 5px;
}

</style>

<div class="gallery">
<a target="_blank" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-_TWLd_1z26mYfdYhVG1P71sXXsGOM_Q5-HQPFaBC_T67rQWHYx4-Ft9qgOvwNKA3wByCfHlqCw_O609ked2H3c_33uAOCCFPwgewYVD430ju1WCv6gphA7K-JiXUJC2b04kvG6rUZYdO/s200/RINGJOINT.jpg"/></a>
<div class="label">RING JOINT</div>
</div>

<div class="gallery">
<a target="_blank" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-iM70gc8-NdTFXxno5H8_62pT_7OEaL_0-7M57m-wZfQOGSszHy2kS2vwbikc-lVhXpFGRNJGGAs9egdAmE6G9NrnDpmsX4r-hDWZlKV6Zkw4JH6dZWX5BA95wZ4yJtQIUd0Yq3onzMQ/s200/GASKET_GT.jpg"/></a>
<div class="label">SPIRAL WOUND GASKET SS</div>
</div>

<div class="gallery">
<a target="_blank" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3X4jCMsW6hOHxcQPlQeYcJBcUn5bAkR7ZSYVr07LgRTriXsnzzPwPuHo-QvCyKA6CohFg3BG9drHLAV2sB5nxQOrIrFl99Yw_rzEAKKdwqcpfUuk7kQFO5s1mBv64krEiJFQYhKBSV24x/s200/Spiral_Wound_Gasket.jpg"/></a>
<div class="label">SPIRAL WOUND GASKET CS</div>
</div>

<div class="gallery">
<a target="_blank" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxAxWFKWXn8xGHZPA0CHDjITQi_I-5O5lHSBlgZdiVvqlKdyVOH1gtRwXHFEKYG-XL82KLOnrc9Espjpb03mf14nHWbLQBaLOl_GizZv4OlfoBpzdS0d5uHFk3hIXGAa3Dt5AnsyKl1C8/s200/GASKET_TEFLON.jpg"/></a>
<div class="label">GASKET PAKING</div>
</div>

Note : Ganti Kode # dengan URl Tujuan Agan
          Ganti Warna merah Dengan URL gambar agan