BizriL blog

15.3.13     + Bagikan / Simpan Post Ini

How To Make Flying Ad

flyad
There is an opinion stating that the ad was part of income for a blogger, I did not deny it, because the ads on this blog can generate passive income for me.

Have you still remember my story on this blog about 5 Steps to Increase Google Adsense Revenue?

Maybe we have too many ads to put on our blog, but sometimes we rush to put the ad placed in the sidebar is not so good, because there were other ads, if too many ads in the sidebar of a blog made an appearance as chaotic, the trick is to display ad flying on the bottom of the blog page.

Flying ad much like footer but its static, because the ad did not come down when the blog page rolled up, but it always dwell in that place. The ad using close button, so it can be closed by a blog visitor.

To create a flying ad at the bottom of the blog page was very easy, just a same way to make a gadget in the footer section. Here's the full description:

1. Select Layout menu

2. Add a new gadget in footer section

3. Select HTML / Script gadget

4. Copy the following code and paste on a new gadget :

<script type='text/javascript'>
$(document).ready(function() {
$('img#closed1').click(function(){
$('#btm_banner1').hide(90);
});
});
</script>

<style type='text/css'>
div#btm_banner1 {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}

div#btm_banner1 img{
border:0;
cursor:pointer;
}
</style>

<div style='height: 0px;'></div>
<div align='center' id='btm_banner1' style='height: 110px; z-index: 9999;'>
<div style='text-align: right; width: 750px; height: 8px;'>
<img id='closed1' src='http://3.bp.blogspot.com/-Rmf8EmBLEYI/UIOQO-p-4vI/AAAAAAAAIWE/SdcYJNw7hgE/s1600/1350799346_Close.png'/>
</div>
<div style='clear: both;'></div>

<!--Put your ad code here -->

</div>

5. Replace "<!--Put your ad code here -->" with the ad code you want to display, for this flying ad I set width to 728px and height to 90px, according to one of the adsense ad type.

6. Save.

7. Done.

Now you can see the new ad flying at the bottom of the blog page.

Good luck!


alexa, google, blog, tip, trick, meta, tag, pagerank, seo, traffic, webmaster, analyzer, tool, search engine

facebook comments
logo32g 10 comments

10 komentar:

  1. Nice article my friend, thank for share......

    BalasHapus
    Balasan
    1. Thanks.. Nice comment too

      Hapus
  2. thanks sob ..dicoba dulu

    BalasHapus
    Balasan
    1. @Dhani Tri Kusuma: ama2 gan, ane mau kasih software RoboTraffic untuk 10 komentator pertama, itu juga kalau agan mau coba, link-nya dikirim ke mana ?

      Hapus
  3. Thankz infox, sangat bermanfaat broo...

    BalasHapus
    Balasan
    1. @Vicky Bankzat: terimakasih komennya, mudah2an manfaat buat kmu

      Hapus
  4. keren tipsnya..moga ga melanggar tos GA.

    BalasHapus
    Balasan
    1. ZuL : benar zul, moga2 aja gak melanggar GA TOS, tapi memang tampilannya keren, hehe...
      Thanks for nice comment

      Hapus
  5. bg, kalo buka di android muncul gak?

    BalasHapus
    Balasan
    1. @Yudha Abirangga: di android muncul, tapi kalo mau dipake iklan ukuran harus menyesuaikan

      Hapus

Bizril Blog ™ adalah DoFollow blog
.
Tulislah komentar dengan menggunakan bahasa yang baik dan tidak menyinggung SARA (Suku, Agama, Ras dan Antar golongan). Usahakan agar komentar anda relevan dengan topik bahasan.
Boleh menyertakan 1 link pada komentar, tetapi jika lebih dari 1 link akan dihapus.
Terimakasih atas komentar anda.