Pages

Jumat, 24 Mei 2013

CARA MEMASANG IKLAN MELAYANG DI FOOTER DENGAN TOMBOL CLOSE






Pada postingan sebelumnya saya juga pernah membahas tentang cara memasang iklan banner diatas header blog, nah kali ini iklan banner akan diletakkan/ditempatkan di footer blog. Jika anda ingin membuat dan memasang iklan di footer, langsung saja yuk simak cara membuat iklan banner melayang di footer blog dengan tombol close 1x saja.



Membuat Iklan Melayang di Footer Blog dengan Tombol Close 1x

1. Login ke blogger.com 

2. Pada dashboard, pilih Tata Letak => Tambah Gadget

3. Pilih HTML/Javascript dan masukkan kode berikut kedalamnya



<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: 728px; height: 6px;'>

<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVOKXaUxDCncBgl9p3n_giXaYrJgWG6wQjKh2fm5g3QsZNK4IqF-JMhY-4P1N-5E-Ys1xywBugl1ofBrKwJKp18RKzh-GFlHZFRtBoQWCxfnK0ZC2kBjigweK76_uWVu4uCiB1morWtG4g/s1600/close-icon.png'/></div>

<div style='clear: both;'></div>

<p>

<p><center>

<a href="URL Tujuan Jika Diklik" target=" blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK9zkB0eJjlDzIo5JnatZgG7d5cVg90jgYEvClRxpO3Hqd2DkRO5a8K6DB4Mo0GlS4w_veY1W1dO0kjd6XzWbYbB5oDGY9PKULzuCf97iYlUdcS3W-DRfDfPOzHmcY6Vu9K1Ui55X8qis/s1600/banner-728x90.jpg" /></a>

</center></p>

</p>

</div>



Keterangan :

1. Teks warna merah adalah ukuran iklan banner

2. Teks warna biru adalah url tujuan iklan banner jika diklik

3. Teks warna kuning adalah Url iklan banner

SILAHKAN MENCOBA :D KALAU KURANG MENGERTI SILAHKAN KOMEN 
Share:

0 komentar:

Posting Komentar

Toko-One

Aksesoris Fashion:


Aksesoris Komputer:

Aksesoris Mobil & Motor:

Aksesoris Rambut:


Alat Kantor:

Alat Kecantikan:


Alat Kesehatan:

Alat Olahraga:


Baju:

Buku, CD, Ebook:

Alat Keamanan & CCTV:


Charger dan Power Supply:

Dompet:

Elektronik Lain:

Gadget Komputer:


Handphone & Aksesoris HP:

Jam Tangan:


Kacamata & Softlens:


Kamera Digital & Handycam:

Kamera Tersembunyi:


Kecantikan:


Lampu Hias:

Mainan Anak:

Makanan & Minuman:

Obat & Jamu:

Pelangsing:


Pemutar Musik & Media Player:


Perawatan wajah & kulit:

Perlengkapan Bayi:

Perlengkapan Kerja:


Rumah Tangga:

Sepatu:

Software:

Suplemen Makanan:

Tablet PC & Laptop:


Tas:

Unik dan Hobby:


Tablet PC & Laptop:

Elektronik Lain:

Obat & Jamu:

pcash