Cara Letak Iklan Terapung Ikut Saiz Banner

Memang lumrah buat sebuah blog yang mahu menjana pendapatan, akan ada paparan iklan. Namun begitu, semua sedia maklum bahawa ruang dalam blog sangat terbatas. Apatah lagi andai anda terlalu banyak informasi mahu dikongsikan. Perletakkan iklan yang berkesan penting agar apa yang anda iklankan dalam blog dapat diperlihatkan kepada pengunjung.

Apabila ruang dalam blog menjadi masalah, terutama kepada blogspot, maka penting anda mencari satu alternatif untuk memungkinkan iklan yang - samada anda punya, tapak iklan yang disewakan atau sumber iklan yang lain diselitkan di dalam blog untuk paparan.

Kedudukan iklan yang baik akan memungkinkan iklan tersebut menjana pendapatan menerusi blog.

Salah satu cara untuk optimasi iklan dalam blog ialah dengan menggunakan cara iklan terapung. Untuk entri ini, saya akan kongsikan cara dan kaedah untuk meletakkan iklan terapung, yang lengkap dengan butang tutup (close) sebagai salah satu option kepada pengunjung jika tidak mahu diperlihatkan iklan tersebut.

Cara dan kaedah ini sesuai digunakan kerana anda boleh meletakkan pelbagai saiz banner iklan yang anda suka, selain butang tutup untuk membolehkan pengunjung yang tidak dapat melihat isi kandungan blog anda sepenuhnya, menyahaktifkan iklan tersebut.

Cara Letak Iklan Terapung Ikut Saiz Banner

Salin kod HTML di bawah ini dan lakukan beberapa ubahsuaian yang akan saya sebutkan kemudian. Letakkan ke dalam blog dengan Add HTML/Javascript menerusi Layout blog anda.

<style> #bloggerspicesflotads { height:30px; width:auto; background: #333333 url('..'); background-repeat:repeat-x; text-align:left; padding-top:4px; } #bsadsbase{ height:600; // tinggi iklan yang anda mahu letakkan margin: auto; width:160px; //kelebaran iklan yang anda mahu letakkan background:#fff; border-bottom:2px #333333 solid; border-right:2px #333333 solid; border-left:2px #333333 solid; text-align:center; padding:4px; } #bsadsheadline{ opacity:1.0; height:auto; width:auto; position:fixed; top:65px; right:10px; //kedudukan iklan terapung tersebut border-bottom:1px #005094 solid; border-bottom:0px blue solid; color:#333; padding:0px; z-index:1001; font-size:13px;} </style> <script type="text/javascript"> function getValue() { document.getElementById("bsadsheadline").style.display = 'none'; } </script> <div id="bsadsheadline"> <div id="bloggerspicesflotads"> <span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em"></span> <span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"><a href="http://www.hasrulhassan.com" target="_blank" onclick="getValue()">tutup(x)</a></span> </div> <div id="bsadsbase"> <p align="left"> </p> <p> // KOD IKLAN ANDA <br/></p> </div> </div>
Untuk ubah saiz banner yang anda mahu letakkan dalam iklan terapung ini, anda perlu lihat beberapa pembolehubah..

• Pada bahagian bsadsbase; ubah nilai height dan width iaitu dengan nilai atau saiz banner anda.
• Pada bahagian tutup (x) tu, gantikan url blog saya www.hasrulhassan.com dengan url blog anda.
• Masukkan kod HTML iklan yang anda mahu letakkan pada bahagian KOD IKLAN ANDA itu ... dan seterusnya simpan (save).

Mudah je kan? Tapi harus diingatkan, iklan seperti ini kadangkala menghalang robot enjin carian untuk gelintar blog anda, dan dari segi aspek penampilan sebuah blog yang baik, seharusnya tiada iklan terapung seperti ini dalam blog - yang memungkinkan gangguan kepada sesetengah pengunjung, walaupun telah tersedia butang tutup untuk memberikan pilihan.


Selamat mencuba.