- Back to Home »
- Cara Membuat Banner Iklan Melayang Di Bawah Blog
Posted by : INDOBLOG BLITAR
Minggu, 27 Juli 2014
Cara Membuat Banner Iklan Melayang Di Bawah Blog
Cara Membuat Iklan Melayang Di Bawah Blog ini disertai dengan tombol Close untuk mempermudah pengunjung ketika ingin menutup iklan tersebut.
Oke saya rasa tidak perlu panjang lebar, ayo di mulai...
Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.
Ikutilah langkah-langkah di bawah ini :
1. Klik Tata Letak.
2. Klik Tambah Gadget.
3. Pilih Gadget HTML/Javascript.
4. Kemudian (copy & paste Kode di bawah ini untuk memasukkan widget ini pada blog kamu).
<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: 105px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 15px;'>
<img id='closed' src='http://3.bp.blogspot.com/-5Xmw6yLK2IA/UY90rdA5MdI/AAAAAAAAA9s/Es4fMYsRE5E/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="http://enoparnoabiezz.blogspot.com/p/mau-iklan-anda-tampil-diblog-ini-yap.html" target="_blank" title="Pasang Iklan Di Sini"><img alt="Space Iklan 728 x 90" border="0" src="http://2.bp.blogspot.com/-czjKiT9IgDM/UY9sl3XNLFI/AAAAAAAAA9Y/Q1u2zBnJP0U/s1600/pasang+iklan+728x90.gif" /></a>
</center></p>
</p>
</div>
<small><a href="http://enoparnoabiezz.blogspot.com/2013/05/cara-membuat-iklan-melayang-di-bawah.html" target="_blank">Cara Membuat Banner Iklan Melayang Di Bawah Blog</a></small>
</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: 105px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 15px;'>
<img id='closed' src='http://3.bp.blogspot.com/-5Xmw6yLK2IA/UY90rdA5MdI/AAAAAAAAA9s/Es4fMYsRE5E/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="http://enoparnoabiezz.blogspot.com/p/mau-iklan-anda-tampil-diblog-ini-yap.html" target="_blank" title="Pasang Iklan Di Sini"><img alt="Space Iklan 728 x 90" border="0" src="http://2.bp.blogspot.com/-czjKiT9IgDM/UY9sl3XNLFI/AAAAAAAAA9Y/Q1u2zBnJP0U/s1600/pasang+iklan+728x90.gif" /></a>
</center></p>
</p>
</div>
<small><a href="http://enoparnoabiezz.blogspot.com/2013/05/cara-membuat-iklan-melayang-di-bawah.html" target="_blank">Cara Membuat Banner Iklan Melayang Di Bawah Blog</a></small>
- Ubah ukuran pada script berwarna biru karena kolomnya berdampingan dengan tombol Close, maka tinggi kolomnya harus lebih besar dari tinggi ukuran pada banner/gambar iklan kamu.
- Tombol Close memerlukan space kolom 15px, maka kamu buat kolom dengan ukuran : tinggi banner + 15px.
- Warna kuning adalah URL gambar Close, silahkan kamu ganti dengan selera yang kamu mau.
- Warna merah adalah URL iklan, silahkan kamu ganti dengan selera yang kamu mau.
- Warna orange adalah judul iklan, silahkan kamu ganti dengan selera yang kamu mau.
- Warna hijau adalah ALT gambar iklan, silahkan kamu ganti dengan selera yang kamu mau.
- Warna ungu adalah URL gambar iklan, silahkan kamu ganti dengan selera yang kamu mau.
5. Simpan Pengaturan.
Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat :)
Pages
Diberdayakan oleh Blogger.
Postingan Populer
-
Cara Membuat Kolom Komentar Facebook di Blog Cara Membuat Kolom Komentar Facebook di Blog yang saya tulis ini adalah sekian cara y...
-
Memasang Screensaver Blog Versi 2 Screensaver blog atau biasa disebut energy saving mode merupakan kode script yang diperkenalkan ...
-
Cara membuat kotak komentar facebook di blogger terbaru 2014 Panduan lengkap tentang blogger - Cara membuat kotak koment...
-
Cara Membuat Banner Iklan Melayang Di Bawah Blog Cara Membuat Iklan Melayang Di Bawah Blog ini disertai dengan tombol Close ...
-
Cara Mendaftarkan Blog Ke Google Webmaster iing solihin Add Comment Tutorial Blogspot Saturday, April 19, 2014 ...
-
Cara Membuat Recent Post Berjalan Naik Turun Di Blog M au Bisa Bergerak Naik Turun, Silahkan Ikuti Berikut : 1. Login Blog 2. Pil...
-
Cara Membuat Gambar Dipojok Kanan Kiri Atas Bawah Cara Membuat Gambar Dipojok Kanan Kiri Atas Bawah Syalooooommmmmm,,,,, Tuhan Mem...
-
Cara Membuat Judul Blog atau Teks Berjalan Pada Title Bar Selain artikel yang menarik tampilan blog yang bagus tentunya t...
-
Membuat Screen saver di blog dengan menggunakan sedikit CSS,,,Mungkin blog akan terkesan hemat energi karena saat tidak di cursor, tidak di...
-
Cara Membuat Label Bergerak Naik Turun Di Blog Mauuuu Seperti Berikut,, Ikuti Langkah Berikut Yea : 1. Login Blog 2. Pilih Tat...