Jika sebelumnya saya pernah memposting tentang membuat form button,sekarang kita akan membahas tentang membuat form button berjejer.
Untuk sebuah form,jika di sejajarkan akan mengalami sedikit kesulitan.
Disini kita akan mengakalinya dengan menambahkan tabel,untuk meletakkan form-form yang akan kita publikasikan.
<p align="center"><table border="0" cellspacing="1"
width="104"><tr><td width="72"><form method="get"
action='http://www.google.com/'target='_blank"><p><input type="submit"
value='Google'
name="1"></form></td>
<td width="69"><form method="get"
action='http://www.yahoo.com/'target='_blank"><p><input type="submit" value="Yahoo'
name="2"></form></td>
<td width="69"><form method="get"
action='http://www.youtube.com/' target='_blank"><p><input type="submit" value="Youtube'
name="3"></form></td>
<td width="69"><form method="get"
action='http://www.Friendster.com/' target='_blank"><p><input type="submit" value="Friendster'
name="4"></form></td>
</tr></table>
Untuk tulisan warna hijau,rubah sesuai atribut blog anda,jika anda ingin memposisikan form-form diatas,ke kiri,tinggal merubah baris kode yang berwarna merah.
Untuk posisi tengah='center', kiri='left' sedangkan untuk kanan='right',namun masalah posisi,biasanya browsre IE yang berfungsi dengan baik.
Untuk hasil eksekusi diatas,jika anda menginginkan link akan terbuka,pada window yang sama,gantilah kode
_blank gantilah dengan _self.Gimana? minat mau mencoba?
Baca Juga Yang Ini..
Form Button Link
Membuat Link berupa tombol atau form button sebenarnya,disamping menambah kecantikan namun sekaligus merangsang pengunjung untuk mengklik form tersebut. <form method="get" action="http://pelajaran-blog.blogspot.com/'Untuk tulisan http://pelajaran-blog.blogspot.com/ anda rubah sesuai nama blog anda. Untuk tulisan Contoh saja!,rubah sesuai keinginan anda. Sedangkan untuk tulisan _blank gantilah dengan _self jika anda menginginkan halaman,akan terbuka pada halaman itu sendiri,bukan pada jendela baru. Gimana siap mencoba? Baca Juga Yang Ini.. |