Cara Membuat 2 Widget Berdampingan dengan Rapih


Untuk Cara Membuat 2 buah Widget Sejajar dan berdampingan rapih serta teratur tidaklah sulit dan terkesan mudah. Hanya dengan memanfaatkan kategori susunan script berlabel tabel, widget pun dapat berdampingan dengan baik. Lalu bagaimanakah caranya ? Ikuti dan simak terus artikel Media Blogger ini.

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.

Itulah tadi, tutorial blogger mengenai Cara Membuat 2 Widget Sejajar secara Teratur. Terimakasih, telah berkunjung di Media Blogger. Semoga dapat memberikan pengetahuan dan informasi yang lebih pada Anda.

19 comments:

  1. terimakasih infonya ,setelah dicoba berhasil juga ,gc percaya lihat aja baner slider aku http://kink-exclusive.blogspot.com/

    ReplyDelete
  2. Thanks sob,.
    Kunjungi balik http://aswinputrablog.blogspot.com/ jangan lupa like, follow, n coment juga yaa.

    ReplyDelete
  3. Replies
    1. bisa ditaruh dimana saja bro.
      kalau di widget, klik tambah gadget, pilih HTML/Javascript masukkan kode diatas deh.

      sisanya tinggal ganti kode sesuai dengan elemen apa yg ingin dimasukkan.

      Delete
  4. kunjungan lagi gan,
    tutorialnya sukses gan terima kasih
    http://mr-strawhat.blogspot.com/
    http://ranginangx.blogspot.com/

    ReplyDelete
  5. Ijin coba gan. Semoga berhasil...

    ReplyDelete
  6. thanks gan
    kunjungi balik :D
    like,follow
    http://krisnabayuaji123.blogspot.com/

    ReplyDelete

Web Design Blogs W3 Directory - the World Wide Web Directory DMCA.com

Copyright © 2013 IMPOINT Blog . All rights reserved.| Blogger.com File Storage Created by Blogger Tuts | Template