Cara Membuat Link Form Button Berjejer / Horizontal di Blog

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 !!
^_^

Comments

Popular posts from this blog

Contoh Surat Lamaran Kerja di Indomaret Terbaru 2018

Cara Melamar Kerja PT. Musashi Auto Parts Indonesia 2019

Cara Melamar Kerja di PT Astra Honda Motor Secara Online