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.

188Domino | Agen Poker | Agen Domino | Poker Online Terpercaya

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:

RomeoPoker | Agen Poker Online | Agen Domino99 Online | Agen BandarQ

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:

<!–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.

Obat Pembesar Penis
Category: Blogging Tags: , ,

About d.bhaghoz

Jangan berpikir dua kali, ragu-ragu tak memberi kepastian. Mulai bertanya, biar penasaranmu terpuaskan. Gerakkan dunia, jangan biarkan dunia yang menggerakkanmu. Tuliskan kisah hidupmu, hidup terlalu singkat untuk alur kisah orang lain. Melangkahlah kemana hati ini melangkah. Go a head !!!

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

Leave a Reply

Your email address will not be published.