Cara Membuat Gallery

by - Selasa, Oktober 02, 2012













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/AVvXsEhkgWux4GBqTCzbORu_HurwKLjZIGXyWjcRQ5bXABm8WEI6ZEhxU4grB2_XBI0oBRp8EK87cAvQQRAFyxs75UE6wVqpz1MyCNhXIHe1yzhZ1fKrJqvyzP_5wlbgcHUJRA_gn4rw174HrPJ9/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/AVvXsEi4k8J3NcSJ1GyN8Wii3Ld6DAZbIK_n5kY53V8gYuxuK_MopWLAKG8o5zHAekVESeEBQy3HImDPWCfdXwfHalzXdlSQvjzGpC9jg_AXsf2uJWnYLRJ2Q4V1KtRnkCJ5P7Cb74lBHYJlRNE/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/AVvXsEjFEAJ1xxnm-EAF9aNwkRMsIVW3trirTo4NnOL5KXnbHNTjNd-BE29Pc91Zz5JwjcO3IVldNMakusmhIYd2TvtrLJ8_J65IUeWDtqXWMy4xh8-YidjcCuDeaEalbHAa7nWg4i9-QpisWbYQ/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/AVvXsEjUVu6Vi8BmyXc1e7ATPIM1dyPtKM4KPJIcdB8d4XhzvGkBU_gY1c_4gdLfTwluZpT_hVJF4wXxSnA-t5XSrr7XCrPwotR-9aU9CgppNDaPQL5uWjibbzB7WQ16tZ-bdysn-i6nwUiSDLU/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

You May Also Like

0 komentar

Silahkan Berkomentar Dengan sopan :

عن أَبِي سَعِيدٍ الْخدْرِيِّ عَنِ النَّبِيِّ صلى الله عليه وسلم، قَالَ: لَتَتْبَعُنَّ سَنَنَ مَنْ كَانَ قَبْلَكُمْ، شِبْرًا بِشِبْرٍ، وَذِرَاعًا بِذِرَاعٍ حَتَّى لَوْ دَخَلُوا جُحْرَ ضَبٍّ تَبِعْتُمُوهُمْ قُلْنَا: يَا رَسُولَ اللهِ الْيَهُودَ وَالنَّصَارَى قَالَ: فَمَنْ

"Sungguh diantara kalian akan mengikuti apa-apa yang dilakukan bangsa-bangsa terdahulu, selangkah demi selangkah, sehasta demi sehasta walau pun mereka memasuki lubang biawak kamu akan mengikuti mereka". Diantara para sahabat ada yang bertanya "Ya, Rasululah apakah yang dimaksud (di sini) adalah pemeluk agama Yahudi dan Nashrani ?" Rasulullah menjawab "Siapa lagi (kalau bukan mereka) (HR. Bukhari)