Berita Terkini
Loading...
Tuesday 8 April 2014

Membuat Table Iklan Baris Beserta Link

21:27

Niat Ngeblog - Mungkin sudah banyak blog tutorial yang membahas cara membuat table iklan, tetapi sebagian besar hanya menunjukkan cara membuat tablenya saja. Ketika hasilnya di terapkan, semuanya kelihatan bagus tetapi ketika kita mengklik iklan tersebut, yang terjadi adalah kita malah di bawa menuju gambar iklan tersebut bukan ke wabsite iklan yang di maksud, hal ini di karena gambar iklannya tidak mempunyai link.

Berikut cara saya untuk membuat table iklan baris lengkap dengan link yang mengarah ke webset asal iklan. Cara ini sudah saya terapkan seperti pada widget "Download Film Gratis" (kotak merah pada sisi kanan blog ini) yang mengarah ke blog Sebuah Dongeng.

Caranya adalah sebagai berikut :

01. Buka Account Blogger kamu.

02. Cari menu Page Elements, klik Add a Gadget.

03. Pilih HTML/JavaScript.

04. Edit dahulu kode berikut sesuai dengan keterangan, lalu copas "teliti meng-EDIT-nya ya kawan".

Table Dua Baris

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

<a title="NAMA WIDGET 1" href="http://ALAMAT WEBSITE 1 YANG DITUJU" target="_blank"><img src="http://ALAMAT GAMBAR IKLAN 1" /></a>

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

<a title="NAMA WIDGET 2 " href="http://ALAMAT WEBSITE YANG DITUJU 2 " target="_blank"><img src="http://ALAMAT GAMBAR IKLAN 2" /></a>

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

Table Empat Baris

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

<a title="NAMA WIDGET 1" href="http://ALAMAT WEBSITE 1" target="_blank"><img src="http://ALAMAT GAMBAR 1" /></a>

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

<a title="NAMA WIDGET 2" href="http://ALAMAT WEBSITE 2" target="_blank"><img src="http://ALAMAT GAMBAR 2" /></a>

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

<a title="NAMA WIDGET 3" href="http://ALAMAT WEBSITE 3" target="_blank"><img src="http://ALAMAT GAMBAR 3" /></a>
</td>
<td align="center">

<a title="NAMA WIDGET 4" href="http://ALAMAT WEBSITE 4" target="_blank"><img src="http://ALAMAT GAMBAR 4" /></a>
</td>
</tr>
</table>

Cara menambahkan dua table berikutnya adalah dengan menambahkan kode berikut dengan mengganti kode </table>  pada kode di atas.

<tr>
<td align="center">

<a title="NAMA WIDGET 1" href="http://ALAMAT WEBSITE 1" target="_blank"><img src="http://ALAMAT GAMBAR 1" /></a>

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

<a title="NAMA WIDGET 2" href="http://ALAMAT WEBSITE 2" target="_blank"><img src="http://ALAMAT GAMBAR 2" /></a>

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

Keterangan Kode :

Nama Widget : Ganti dengan nama widget kamu.
Alamat Website : Ganti dengan alamat website yang ingin di tuju.
Alamat Gambar : Ganti dengan alamat gambar iklan. Untuk mendapatkan alamat gambar, terlebih dahulu upload gambar berukuran 125 x 125 melalui website photobucket

05. Save dan lihat hasilnya.

Selamat mencoba,

0 komentar:

Post a Comment

 
Toggle Footer