Cara Membuat Link Form Button Berjejer / Horizontal di Blog

Kode Iklan Di Sini

Membuat link form button berjejer/horizontal di blog 


– Sobat blogger kali ini saya akan share cara menghias blog dengan membuat form button berjejer di blog . Kesulitan dalam membuat form ini adalah tidak bisa dijajarkan akan tetapi dapat kita akali dengan menambahkan table untuk meletakkan form-form yang akan di publikasikan .


Untuk contohnya seperti di bawah ini:

<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>

<td width="69"><form method="get"
action="
http://anaktimor-17.logspot.com/" target="_blank"><p><input type="submit" value="Anaktimor-17"
name="4"></form></td>

</tr></table>

Berikut screenshotnya:

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.

Selamat berkreasi !!
^_^

You Might Also Like:

Disqus Comments