HOME

translate

Rabu, 27 Juli 2011

Membuat gambar berjajar secara horisontal

Banner adalah iklan yang tampil didalam halaman website. Banner ditempatkan pada posisi yang menarik sehingga pengunjung dengan mudah melihatnya dan jika klik banner tersebut maka akan muncul informasi yang relevan atau masuk ke website Anda.

Dalam memasang banner hal yang perlu diperhatikan adalah penataan yang strategis agar mudah dilihat dan disesuaikan dengan komposisi template web. Jadi tidak asal tempel karena mata pengunjung tidak suka melihat seuatu yang kurang menarik.

Pemasangan banner iklan dapat disusun secara vertical dari atas ke bawah juga secara horizontal arah menyamping dari kiri ke kanan. Tergantung selera masing-masing pemilik blog. Tapi saya pribadi lebih suka pada susunan yang horizontal menyamping karena akan langsung terlihat semua tanpa harus memutar scroll mouse, apalagi bila ada banyak banner yang akan dipasang.

Simple saja sebenarnya menata banner agar dapat dipasang berjajar menyamping horizontal memerlukan tips khusus, yaitu dengan memanfaatkan fungsi table.
Berikut ini kode yang diperlukan :

<table border="0" cellpadding="2" cellspacing="0" style="border-collapse: collapse"
border width="383">
<tr>
<td>kode banner1</td>
<td>kode banner2</td>
<td>kode banner3</td>
</tr>
</table>

Tetapi perlu diingat usahakan ukuran bannernya sama, misalnya jika banner 1 berukuran 125x125 px maka banner ke-2 dan ke-3 juga 125 x 125 px, tujuannya agar setelah jadi akan terlihat rapi

2 komentar:

  1. assalamualauikim
    tutorial Membuat gambar berjajar secara horisontal bagus sekali tapi sayang sekali tidak ada penjelasan cara upload gambar, jadi kalau bloger pemula tidak akan mengerti dengan kode bener 1 kode bener 2 kode bener 3 mereka akan tulis begitu saja tanpa ada pengarahan, akhirnya mereka kecewa dengan hasil table berisi kode gambar 1 2 dan 3, dalam hati mereka bertanyanya mana gambarnya/benernya. jadi tutorial ini tidak menjelaskan bagaimana mengisi kode gambar 1 dan seterusnya, , mohon maaf bukan menghina tapi mengeritik cara mengarahkan ke pengunjung. table border="0" cellpadding="2" cellspacing="0" style="border-collapse: collapse"
    border width="383"
    tr
    td kode banner1td
    td kode banner2td
    td kode banner3td
    tr
    table
    Cara Membuat Gambar Berdampingan Sejajar di Blog

    BalasHapus
  2. apa yang harus di isi pada kode bener 1 kode bener2 dan kode bener 3

    BalasHapus

Related Posts Plugin for WordPress, Blogger...