Membuat Iklan Melayang dibawah Blog dengan Tombol Close

 

Membuat Iklan Melayang dibawah Blog dengan Tombol Close - Posting saya pada kali ini adalah tutorial membuat (widget) iklan banner melayang/always on top di bagian bawah blog. Iklan/banner dan sebagainya pastinya gak harus di Sidebar blog kan? tapi ingat estetika tetap harus dijaga sebagai blogger, yang artinya kita jangan memasang widget secara berlebihan. 

Oke langsung saja berikut caranya:

1. Login ke Akun Blogger sobat masing-masing.
2. Masuk pada bagian Tata Letak.
3. Klik tambah gadget dimana saja, karena dimana pun sobat menambahkan gadget, tetap hasilnya akan berada di bawah Blog dan melayang.
4. Pilih mode HTML/Javascript.
5. Masukan kode berikut:

<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht7BghLHAaMHG0R6YAVWIZUB2_YrlxZxBJu_GIgoC2OYw_W4FoBQv99JgmcX-9Z1YEkLCV8brmhWjnSOimU7-mANeDjA2fCPmJgVV6AkaO5K_YRsFR8RO1HZhuF5M-XnDZFGwIikr4N0l1/s1600/close3.png'/></div>
    <div style='clear: both;'></div>
    <p>
    <p><center>
    <a href="http://narutoblackfans.blogspot.com" target="_blank" title="NBF"><img alt="Naruto Black Fans" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaWUGwcKJteYAyGKZw8Ss-phtw6QyCoL8T5BT8R2fq_a3t17HJR-2R1DFq2KbqE-ANxhk3-Yk6kwOPhMten05Tb1bRL04CjmRJagbwo8N5cdhndvVHvIu-tcAU0tbLk4Yz6O_ejijtxue0/s1600/naruto.PNG" /></a>
    </center></p>
    </p>
    </div>

6. Ubah script berwarna merah dengan url gambar iklan sobat.
7. warna biru untuk alamat tujuan dan kuning judul dan keterangan.
8. Klik simpan, dan selesai.

Sedikit postingan dari  saya tengtang Membuat iklan melayang dibawah blog, Terimakasih dan semoga bermanfaat!