Home » » Cara Membuat 2 Widget Berdampingan Dalam 1 Kolom

Cara Membuat 2 Widget Berdampingan Dalam 1 Kolom

 
 Widget atau Gadget memang merupakan sebuah elemen penting yang dijadikan sebagai tempat untuk menaruh berbagai macam perangkat yang digunakan dengan susunan HTML, Javascript, Feed, jQuery dan lainnya. Nah, apabila di bagian sidebar kita hanya terdapat satu buah kolom dan ingin merubah dari satu kolom menjadi dua buah kolom tentu akan membuat kedua kolom tersebut semakin kecil dan sempit.

Untuk itu Cara yang paling ampuh untuk mengatasi masalah tersebut adalah dengan cara menggabungkan kedua widget tadi menjadi satu bagian dalam satu buah elemen Gadget. Cara Menjadikan kedua buah widget tanpa harus membagi menjadi banyak colomn di sidebar adalah seperti berikut ini :

<table><tr>

<td>Kode Widget Anda</td>

<td>Kode Widget Anda</td>

</tr>

</table>
Anda hanya tinggal merubah tulisan Kode Widget Anda dengan script elemen HTML/Javascript saja. Saya akan menjabarkan secara detail mengenai script diatas. Kode <td> adalah untuk menampilkan widget Anda satu persatu mengarah ke samping kanan, sehingga kode td ini dapat dipakai untuk menggabungkan 2 buah widget secara sejajar dan teratur. Sedangkan kode <tr> adalah elemen untuk menampilkan widget ke posisi atas dan bawah. Jadi, Anda dapat mengaturnya secara bebas tinggal memilih penggunaan td atau tr kah yang ingin Anda pakai untuk merapihkan kedua atau lebih widget Anda.

Tetapi jangan lupa, gunakan tanda slash * / * seperti yang diapit oleh tanda bintang, pada penutup td dan tr untuk setiap satu buah widget. Contohnya seperti ini </td> atau </tr>. Sedangkan kode tabel adalah untuk membuat elemen sesuatu menjadi dua atau banyak baris dan kolom.

Sumber : Sumber : http://impoint.blogspot.com/2013/01/cara-membuat-2-widget-berdampingan.html

0 komentar:

Posting Komentar

Silakan berkomentar sesuai dengan topik. Jangan menyisipkan link aktif pada komentar dan jangan sampai komentar Anda masuk komentar SPAM.

Jangan salahkan Saya bila komentar Anda dihapus !

Arsip Blog