membuat slot iklan dibawah blog

Pasang Iklan Fload Melayang Di Bawah Blog Dengan Tombol Close - Mengenai Penempatan Iklan dengan efek floating di dalam blog memang sering kita jumpai di blog-blog yang sudah populer. Tujuannya apa lagi kalau bukan untuk mencari keuntungan dari hasil ngeblognya. Namun, iklan juga dapat mengganggu pengunjung apabila penempatan iklan tidak sesuai pada tempatnya karena akan mengganggu pembaca blog yang kita kelola.

Selain itu google juga tidak suka sebagian konten terhalang oleh iklan. Dengan adanya tombol close maka akan membantu pengunjung untuk membaca dan melihat secara full konten tampilan blog kita.

iklan melayang di blog

TutorWidget akan membagikan tutorial cara memasang iklan dibawah blog. Yang ingin membuat iklan dibawah blog ikuti langkah dibawah ini :

1. Masuk ke Blogger.com
2. Klik Tata Letak => Tambahkan Gadget
3. Pilih HTML/JavaScript
4. Copy kode dibawah ini :
<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/AVvXsEiqJA4u3lT23OCDRTt3pDmlvhPnLBOZ3kTNOzsS680VU-0hPfsvmN8fVkxjK2zUl1Np5E_AKssOVMFjFRe6KPTfrTIcquATOcZS96qdRdEUuUa1hFiVFQnKVobcAajkg3lv-xvUdR-sCYeG/s1600/close-icon.png'/></div>
    <div style='clear: both;'></div>
    <p>
    <p><center>
    <a href="http://tutorwidget.blogspot.com/" target="_blank"><img src="http://i1328.photobucket.com/albums/w530/andoxsz/728x90_zps8c460f01.png" width="728" height="90" alt="Pasang Iklan Anda Disini" /></a>
    </center></p>
    </p>
    </div>
5. SAVE. lihat hasilnya :

  • Note : text yang berwarna Merah ganti dengan kode script iklan yang mau di pasang.

Comments

Popular posts from this blog

Contact Form diHalaman Statis

Membuat Profil Blogger keren Seperti Google+

Mengapa harus ngeblog dari sekarang