Membuat Tabel Iklan di Blog

Langsung saja kita mulai, cara paling praktis membuat kolom iklan adalah menggunakan tabel, karena dengan tabel ini kita bisa langsung menambahkannya ke dalam sidebar dimanapun posisi sidebar itu berada tergantung template yang dipakai. Anda tinggal memilih menu ‘Tambah Gadget’ selanjutnya pilih ‘HTML Javascript’ dan anda tinggal memilih kolom iklan seperti apa yang akan dipakai dari tutorial yang akan saya bahas disini.



Tabel kolom Tunggal

<table border="1" width="100">
<tbody><tr>
<td align="center">

Sample 1

</td>
</tr>
</table>

Maka Hasilnya akan seperti dibawah ini :


Sample 1


Atau apabila kata ‘Sample 1’ kita ganti dengan kode iklan yang saya miliki dan ‘border’ saya ganti dengan angka ‘0’, maka hasilnya akan seperti ini :

Photobucket

Tabel Kolom Double
Untuk membuatnya anda tinggal menambahkan kode </td> <td align="center"> dibawah kode iklan yang pertama. Contoh :

<table border="1" width="200">
<tbody><tr>
<td align="center">

Sample 1

</td>
<td align="center">

Sample 2


</td>
</tr>
</table>

Maka Hasilnya akan seperti dibawah ini :

Sample 1

Sample 2

Atau apabila kata ‘Sample 1’ dan ‘Sample 2’ kita ganti dengan kode iklan yang saya miliki dan ‘border’ saya ganti dengan angka ‘0’, maka hasilnya akan seperti ini :


Photobucket

Photobucket

Apabila anda menghendaki kolom iklan sesuai dengan ukuran lebar template, maka anda tinggal mengubah ‘width’ sesuai lebar template dan menambahkan kode </td> <td align="center"> setelah kode iklan dibawah setiap kode iklan yang anda pasang. Sebagai contoh lebar template anda ‘400px’, maka kode yang anda masukkan seperti dibawah ini :

<table border="1" width="400">
<tbody><tr>
<td align="center">

Sample 1

</td>
<td align="center">

Sample 2

</td>
<td align="center">

Sample 3

</td>
<td align="center">

Sample 4

</td>
</tr>
</table>

Maka hasilnya :


Sample 1

Sample 2

Sample 3

Sample 4


Tabel 2 Kolom 2 Baris
Untuk membuat tabel kolom 2 baris anda tinggal menambahkan kode berikut pada setiap pergantian baris :

</td>
</tr>
<tr>
<td align="center">

Contohnya :

<table border="1" width="200" cellpadding="5">
<tr>
<td align="center">

Sample 1

</td>
<td align="center">

Sample 2

</td>
</tr>
<tr>
<td align="center">

Sample 3

</td>
<td align="center">

Sample 4

</td>
</tr>
</table>

Maka hasilnya :

Sample 1

Sample 2

Sample 3

Sample 4

Contoh Kolom Iklan yang sudah jadi :

Photobucket

Photobucket

Photobucket

Photobucket


Yang perlu anda perhatikan adalah ‘width’, ‘border’, ‘cellpadding’. Anda tinggal menyesuaikan dengan kondisi panjang dan lebar template anda. Khusus untuk ‘border’ apabila anda tidak menginginkannya tinggal anda ganti dengan angka ‘0’, maka iklan yang anda tampilkan tidak memiliki garis tepi tabel, sebagaimana contoh-contoh yang ada di atas. Untuk kode iklan juga tidak hanya untuk ukuran 125x125 saja, anda tinggal mengganti dengan kode iklan dengan ukuran yang berbeda maka kolom tabel akan mengikuti ukuran tabel yang dimasukan.

Berikut ini adalah contoh kode HTML banner iklan 125x125 :

<a href="http://s731.photobucket.com/albums/ww312/centralborneo004/?action=view&current=Advertise125x125.png" target="_blank"><img src="http://i731.photobucket.com/albums/ww312/centralborneo004/Advertise125x125.png" border="0" alt="Photobucket"></a>

Selamat Mencoba..

10 comments:

rudi on October 05, 2009 said...

Terima kasih infonya sangat bermanfaat

dedesaputra on December 08, 2009 said...

Thanks infonya sob..
kebetulan lagi cari ini untuk memperbaiki iklan di blog ane..

AsepRosyadi on December 12, 2009 said...

TQ BOS.... MANTAAP

Shihela on February 15, 2010 said...

Ini yang saya cari... Makasih, infonya TOP BGT.

wong tjilik on March 18, 2010 said...

mantapz boss..infonya maturnuwun...

Lagi Belajar on March 28, 2010 said...

Terimakasih sekali Saudara...saya datang dari google nih...lagi butuh teknik blogging...thank..

460 WEST on June 18, 2010 said...

makasih kang, sangat membantu sekali bagi pemula seperti saya

Koje on July 10, 2010 said...

mantap, mantap... buat nambah-nambah page :)
http://ekos06.student.ipb.ac.id

bayprakoso on July 27, 2010 said...

mangtab abisssss gan...terima kasih bantuan ngga langsungnya...

dru-creation on February 03, 2011 said...

infonya bagus gan ????


Post a Comment

Berikan Komentar Anda yang berkualitas agar Komentar anda tidak disebut sebagai 'Junk Comments'. Komentar yang Bernada SPAM, Link Promosi dan lain-lain dengan Sangat Menyesal akan Kami Hapus,
Terima Kasih.

 

Followers

There was an error in this gadget