Cara Membuat Dua Banner Melayang Bawah Berjejeran Dengan Tombol Close

Cara Membuat Dua Banner Melayang Bawah Berjejeran Dengan Tombol Close

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.

Rgocasino

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 Membuat Dua Banner Melayang Bawah Berjejeran Dengan Tombol Close

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

kode:

Bandar Q

<!–start: Melayang Bawah–>
<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><a id=”close-teaser” onclick=”document.getElementById(‘teaser3’).style.display = ‘none’;” style=”cursor:pointer;”><center><img src=’http://ubloger.com/wp-content/uploads/2016/07/close.png‘ alt=’close’ title=’close button’/></center></a></div>
<center>
<a href=’http://situslucky.com/’ target=’_blank’><img alt=’Lucky99Bet’ border=’0′ src=’http://ubloger.com/wp-content/uploads/2016/09/pasang-iklan-banner-situslucky.gif’ style=’width:480px; height:70px;’ title=’Lucky99Bet’/></a>
<a href=’http://situslucky.com/’ target=’_blank’><img alt=’Lucky99Bet’ border=’0′ src=’http://ubloger.com/wp-content/uploads/2016/09/pasang-iklan-banner-situslucky.gif’ style=’width:480px; height:70px;’ title=’Lucky99Bet’/></a>
</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 AppearanceEditor
  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.

One thought on “Cara Membuat Dua Banner Melayang Bawah Berjejeran Dengan Tombol Close

  1. Arga Eryzal

    sangat membantu gan dalam penempatan iklan mandiri hehe

Comments are closed.