Kod Pelbagaikan Style Banner Iklan Di WordPress Blog

Dalam tutorial kali ini, saya akan berkongsi satu lagi cara untuk pelbagaikan style banner iklan yang dipasang di blog wordpress anda. Meletakkan banner di tempat yang strategik adalah penting untuk menarik perhatian pembaca dan seterusnya mendapatkan klik. Kegagalan berbuat demikian akan menjejaskan peluang anda untuk mendapatkan income dari banner iklan yang dipasang walaupun memiliki trafik yang tinggi.

Bagi yang tidak biasa dengan PHP code yang digunakan di WordPress, kesilapan dalam proses memasang kod iklan seperti Google AdSense, Chitika, Nuffnang dan sebagainya boleh menjejaskan blog anda, sehinggakan ada yang bertangggapan memasang kod iklan di WordPress adalah satu tugas yang cukup sukar.

Antara tempat yang biasanya menjadi pilihan blogger untuk memasang banner iklan ialah di bahagian header, sidebar dan footer selain daripada single post (sebelum dan selepas post).Walau bagaimanapun, dalam post kali ini saya tidak akan menyentuh tentang sebarang penggunaan plugin untuk memasang banner iklan, sebaliknya akan berkongsi kod untuk pelbagaikan style banner iklan di blog anda.

Memasang Style Kod Banner Iklan Di Single Page, Single Post, Home, Category, Comments, Header dan Footer

• Wrapping Kod Untuk Selarikan Banner Iklan Ke Kiri Atau Ke Kanan

Berikut adalah wrapping kod untuk selarikan style banner iklan anda. Penggunaan kod di bawah membolehkan anda mengubah kedudukan banner iklan ke kiri atau ke kanan dengan hanya mengubah kod “right” atau “left” ;

<div style=”float: right;”>PASTE KOD BANNER IKLAN ANDA DI SINI</div>

• Kod Memasang Dua Unit Banner Iklan Sebelah Menyebelah (Side by Side)

Anda boleh mengubah jarak (margin) mengikut keperluan anda. Ini akan menempatkan dua unit iklan untuk muncul sebelah menyebelah. Pastikan anda maklum tentang jumlah lebar keseluruhan iklan anda bila digabungkan kedua-duanya.

Contohnya, anda memasang 2 banner iklan 300 px width dan 15 px margin (300 x 2 + 15 x 4) = (600 + 60) = 660 px width.

Sekiranya px width blog anda lebih kecil, sebagai contoh 550 px width sahaja, satu daripada banner iklan anda akan turun ke bawah secara automatik.

<div style=”float:left; Margin: 15px;”>PASTE KOD BANNER IKLAN PERTAMA DI SINI</div><div style=”float:right; Margin: 15px;”>PASTE KOD BANNER IKLAN KEDUA DI SINI</div>

atau

<div style=”margin:0 auto;”>
<div style=”float:left;”>PASTE KOD IKLAN 1</div>
<div style=”float:right;”>PASTE KOD IKLAN 2</div>
</div>

• Kod Mengubah Margin

Anda boleh mengubah jarak atau margin banner iklan ke kiri atau kanan dengan mengubah kod “margin: 15px;” ;

<div style=”float:right; Margin: 15px;”>KOD BANNER IKLAN DI SINI</div>

Kesimpulan

Kepelbagaian style banner iklan di blog anda mampu memberikan impression yang baik kepada pelawat. Salah satu contoh penggunaan dua unit banner iklan yang saya aplikasikan di mobilityworlds ialah di bahagian header yang memuatkan iklan Nuffnang dan juga button feed, twitter dan Google +.

Sekiranya anda berminat untuk mencuba, pastikan anda melakukan proses backup terlebih dahulu. :)