Cara Membuat Dua Banner Melayang Bawah Berjejeran Dengan Tombol Close

kode iklan

Cara Membuat Dua Banner Melayang Bawah Berjejeran Dengan Tombol Close wordpress -

Cara Membuat Dua Banner Melayang Bawah Berjejeran Dengan Tombol Close blogger

Cara Membuat Dua Banner Melayang Bawah Berjejeran Dengan Tombol Close – Memang paling enak kalau kamu mengelola blog atau website sekaligus juga paham coding ya? Sehingga kamu tidak kerepotan jika ingin menambahkan, melakukan perubahan pada laman blog kamu.
Sayangnya sebagian besar blogger dan pemilik situs web sebenarnya tidak paham tentang coding, karena kebanyakan dari mereka bermula dari amatir dan tanpa basic pengetahuan coding, sama juga seperti admin web blog ini yang buta terhadap coding.

Cara Membuat Dua Banner Melayang Bawah Berjejeran Dengan Tombol Close

Salah satu strategi meningkatkan penghasilan dari blog atau website yang kamu kelola adalah dengan menyediakan lebih banyak space iklan. Sebagai contoh ketika kamu dapat membuat dua banner melayang bawah kenapa hanya di pasang satu saja?
Kali ini admin ingin share tentang bagaimana sih cara membuat banner melayang bawah berjejeran dengan tombol close. Berikut ini contoh penampakannya:

Cara ini dapat kamu terapkan di blogspot / blogger dan juga WordPress, caranya silahkan simak tutorial berikut ini:
kode:

<!–start: Melayang Bawah–>
<div class=”ads bot”><style type=”text/css”>
#floating_banner_bot {
bottom: 0px;
position: fixed;
z-index: 100;
left: 0px;
width: 100%;
text-align: center;
_position:absolute;
_bottom:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight); }
#floating_banner_bot { margin-bottom: 0px; bottom: 0 }
#floating_banner_bot div.close {
width: 100%;
text-align: center; } }
</style>
<div id=”floating_banner_bot” style=”z-index:999;”>
<div class=”close”>
<a href=”#” onclick=”document.getElementById(‘floating_banner_bot’).style.display=’none’;return false;”>
<img src=”http://uceng999.com/wp-content/uploads/2016/07/close.png” width=”95″ border=”0″></a>
</div>
<center>
<tr>
<td>
<a href=”http://victoryqq.com/register.aspx?lang=id&ref=victory88″ target=”_blank”><img alt=”VictoryQQ” border=”0″ src=”http://uceng999.com/wp-content/uploads/2016/07/pasang-iklan-banner-victoryqq.gif” style=”width:475px; height:70px;” title=”VictoryQQ”></a></td>
<a href=” http://dewa.poker” target=”_blank”><img alt=”Dewa Poker” border=”0″ src=” https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB7wK06_rRT_LVetHFkdB9Eu3rjJVLNxCij2EmZuoeiL1JfLWFHIOwQyegQlGopJkPN0CMZHd618FoLAptmezgxmPsUAU3IO_Qv9AgqUiewT2M7uiJYSapsenIvSpca9lWxARxwk7Ff23z/s1600/728×90.gif ” style=”width:475px; height:70px;” title=” Dewa Poker “></a>
</td>
</tr>
</center>
</div>
<!–end: Melayang Bawah–>

Keterangan:

• warna biru: link tombol close (kamu bisa upload sendiri gambar exit button)
• warna merah: adalah kode iklan (jika kesulitan tentang kode iklan silahkan kontak admin)

#Di Blogspot / Blogger

1. silahkan login ke Dashboard Blogger
2. masuk ke menu Template – Edit HTML
3. paste kode di atas </body>
4. simpan

#Di WordPress.org (Self Hosting)

1. silahkan login ke Dashboard WordPress
2. masuk ke Appearance – Editor
3. (lihat sebelah kanan) pilih footer.php
4. paste kode di atas </body>
5. simpan

Banner tersebut bisa tampil di versi dekstop atau browser komputer dan juga mobile atau handphone. Kalau bagaimana tata letaknya di versi handphone seharusnya berjejeran atas dan bawah, nah pada beberapa kasus setiap theme bisa berbeda.
Baca juga:

Nah demikianlah tutorial tentang cara membuat dua banner iklan berjejeran melayang bawah di blog atau website. Pada prakteknya kamu bisa juga membuat 4 banner sekaligus, karena sebenarnya coding penempatan banner iklan cukup simpel. Oke deh, semoga artikel ini bisa sedikit membantu dan terimakasih sudah meluangkan waktu berkunjung ke web blog ini.