Home » » Cara Membuat Iklan Melayang Di Bawah Blog

Cara Membuat Iklan Melayang Di Bawah Blog

Cara Menambahkan Iklan Di Bawah Blog
Beberapa waktu yang lalu, pernah saya hadirkan artikel Menambahkan Kotak Iklan Di Bawah Judul Postingan. Untuk beberapa blog yang berpotensi bagus tentu ditandai dengan ramainya pengunjung blog setiap hari. Dan barang tentu juga berpotensi besar untuk mendatangkan pebisnis atau badan-badan usaha untuk mempromosikan produk dan layanannya. Untuk itu perlu penambahan kotak/banner iklan tambahan pada halaman atau tampilan blog.

Pemasangan banner iklan tentu haruslah tidak menggangu tampilan blog. Apalagi sampai menutupi bagian penting blog, yaitu posting blog yang dibuat. Salah satu solusinya yaitu menambahkan banner iklan pada halaman blog kita dengan menambahkan kotak iklan melayang dibagian bawah blog. Untuk pemasangannya tidaklah terlalu sulit. Yang pasti, semua tutorial sudah dalam percobaan dan berhasil. Ikuti langkah-langkah singkatnya sebagai berikut :

1. Login pada blogger yang teman miliki.
2. Pada dasbor Pilih Tata Letak dan klik Tambahkan Gadget.
3. Masukkan kode script di bawah ini pada kotak yang telah tersedia

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>
</script><br />
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='btm_banner' style='height: 120px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 10px;'>
<img id='closed' src='http://4.bp.blogspot.com/-9MWyoN5VsJM/TivTpPyUuhI/AAAAAAAABL0/ldO739MTRBg/s1600/close3.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>

<a href="Alamat URL Iklan" target="_blank" title="Pasang Iklan Disini"><img alt="Pasang Iklan Disini" border="0" src="Alamat URL Gambar Iklan" width="728" height="90"/></a>

</center></p>
</p>
</div>

4. Ubah kode script warna merah dengan kode iklan yang sudah dipersiapkan.

5 Untuk script berwana biru, lakukan penyesuaian dikarenakan  kolom iklan sangat berdampingan dengan kolom close. Untuk tinggi kolom close harus lebih besar dibandingkan dengan tinggi kolom iklan atau banner iklan yang sudah dipersiapkan. Jika tombol close belum brfungsi, berarti kolom close kurang tinggi, silakan lakukan penyesuaian lagi.

6. Klik Simpan. Dan silakan untuk melihat hasilnya.

Nah, cukup mudahkan cara pemasangan iklan melayang di bawah blog. Silakan dicoba, semoga berhasil.
Keyword : Cara Menambahkan Iklan Melayang, Cara Membuat Iklan Melayang, Cara Memasang Iklan Melayang, Iklan Melayang, Cara Mudah Membuat Iklan Melayang.

1 komentar:

* Komentarlah yang sopan dan tidak mengandung sarah.
* Jangan gunakan Kotak Komentar dengan promosi produk serta usaha yang anda miliki. Silakan gunakan sarana Review Produk dan Jasa di blog ini. Maaf, akan dihapus.
* Terima kasih atas kunjungan, komentar dan partisipasi yang diberikan.

.