SELAMAT DATANG DI BLOGGER CYBER DHARMA >

Selasa, 18 Maret 2014

Cara Memasang Iklan Melayang di Bawah Footer Blog

Cara Memasang Iklan Melayang di Bawah Footer Blog

Saya pemasaran bagaimana Cara Memasang Iklan Melayang di Bawah Footer Blog dengan tombol Close. Sebagai orang yang belajar ngeBlog tentunya cari info kesana kemari. Siapa tau kelak bisa latihan bisnis online dengan memasang ikln milik sendiri.
Tak heran semakin pesatnya dunia blog saat ini dibarengi dengan bisnis online yang begitu maju. Transaksi online pun kini mulai diminati karena sangat mudah dan praktis. Bagi pemilik usaha online yang ingin memasarkan barang dagangannya pasti akan membuat promosi di website atau blognya dengan berbagai bentuk iklan teks maupun banner. Tampilan yang menarik dan strategis akan sangat berpengaruh pada visitor yang ingin berkunjung atau tertarik dengan barang dagang Y kita promosikan. Dan salah satunya yang paling strategis adalah dengan memasang Iklan banner Floating atau melayang di blog. Pada kesempatan kali ini saya akan share Bagaimana Cara memasang Iklan Melayang di Bawah Blog atau Footer Blog dengan Tombol Close agar tidak mengganggu. Penasaran dan Ingin Mencobanya ? Yo kita praktekan bersama !! Berikut langkah-langkahnya :
1. Login ke Akun Blognya
2. Pada Dashboard pilih Opsi Tata Letak >> Tambahkan Gadget >> Pilih HTML/JavaScript >> Dan Paste code script dibawah ini ke dalam kotak yang telah disediakan >> 
<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: 90px; z-index: 9999;'>
<div style='text-align: right; width: 900px; height: 6px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ0X2VYVhaKfUpv-sii51dqYk2I_z4y5mtMws8x21kj-ggZnyT3oldz-WT2kwzXn4CvA78AURz1fek-hMoMUMr5hPabOtFrt7_zKeElgzH7ePdB4lr0BIiGUxsEAX92zS5G9pHL18IW7PK/s1600/close3.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>

<a href="http://belajartutorialblogger.blogspot.com/" target="_blank"title="Pasang Iklan"><img src="http://i.imgur.com/lAck3To.gif"  border="0"/></a>

</center></p>
</p>
</div>
Keterangan :
- Script berwarna merah silahkan rubah dengan kode script iklan Sobat
- Script berwarna biru silahkan sesuaikan ukuran banner / iklan sesuai selera masing2
3. Jika sudah klik Save/ Simpan dan lihatlah hasilnya . . 
Jika sudah berhasil maka hasilnya akan seperti gambar dibawah ini :
Klik Gambar utk Memperbesar ukuran

Tidak ada komentar:

Posting Komentar

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))