Menu


Menu Tab

Pages

Memasang Tabel Gambar

Memasang Tabel Gambar
Menampilkan gambar wallpaper maupun animasi pada postingan menggunakan tabel gambar horizontal
dengan cara sebagai berikut :
Login ke akun blog klik entri halaman baru HTML
copy kode dibawah ini
pastekan kedalam halaman baru tersebut dan klik simpan selesai
<style type="text/css">
@import "compass/css3";
body {
    background: #FFF;
    padding-left:0px;}
h1 {
  text-align: center;
  font: bold 80px Sans-Serif;
  padding: 0px 0;
}
.otto {
  background: #dad ;
  color: yellow;
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);}
</style>
<h1 class="otto">
DEMO SHOW
</h1>
<font size="5" color=" green "face="Time newroman">MEMASANG TABEL GAMBAR HORIZONTAL PADA POSTINGAN</font>
<table  border="0">
<tr><td>
<img src="http://Link Gambar.jpg" name="e902" border="0" width="230" height="230
onclick="window.open('http://Link Gambar.jpg','popup','width=1500,height=1500,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false">

<font size="3" color="gray"face="arial"><center>
Your Text</center>
</a>
</td><td>
<img src="http://Link Gambar.jpg" name="e902" border="0" width="230" height="230
onclick="window.open('http://Link Gambar.jpg','popup','width=1500,height=1500,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false">

<font size="3" color="gray"face="arial"><center>
Your Text</center>
</a>
</td><td>
<img src="http://Link Gambar.jpg" name="e902" border="0" width="230" height="230
onclick="window.open('http://Link Gambar.jpg','popup','width=1500,height=1500,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false">

<font size="3" color="gray"face="arial"><center>
Your Text</center>
</a>
</td><td>
<img src="http://Link Gambar.jpg" name="e902" border="0" width="230" height="230
onclick="window.open('http://Link Gambar.jpg','popup','width=1500,height=1500,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false">

<font size="3" color="gray"face="arial"><center>
Your Text</center>
</a>
</td></tr>
</table>
Penjelasan :
Tabel tersebut menggunakan link PopUp, edit kode yang diberi warna, jika ingin menggunakan
link target letakan ditengah kode <center>Link Target</center>
Contoh :
<center><a href="http://Your Link" target="_blank">Your Text</a></center>
All Sources
Edited by. Myscript2010

Myscript2010

Home Page
 
 

Copyright@2015

Copyright © Cibeber Cimahi