Membuat Link Button Horizontal

Button

Menu/navigasi Horizontal Blogger/Blogspot ini juga dibuat dengan HTML dan CSS murni tanpa sentuhan javascript maupun jquery. sama seperti menu/navigasi horizontal sebelumnya. Cara membuat dan memasangnya pun sangat sederhana dan tanpa mengedit template HTML, karena aturan CSS saya buat menyatu dengan HTML nya.

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 .

Berikut adalah contoh script pembuatan Button Horizontal :

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

TERIMA KASIH ATAS KUNJUNGAN SAUDARA

Judul: Membuat Link Button Horizontal
Ditulis oleh Unknown
Rating Blog 5 dari 5

Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke https://tips-triks-ilmu-komputer.blogspot.com/2014/10/membuat-link-button-horizontal.html. Terima kasih sudah singgah membaca artikel ini.
Anda Ingin Kursus Mastering Komputer ?
KLIK DISINI