Friday, September 10, 2010

How to make Pop Up Ads on Blogger (blogspot).

how make pop up ads on blogspot templatesMaybe you've seen many tutorials like this, about make Pop Up Ads on Blogger, as far as I know there are more complicated to use a lot of codes, but here I try to give an easy and very simple tip, even for beginners in the blog world .

Example, look here : bissmillah-alhamdulillah.blogspot.com

The steps are:
  1. Login to your dashboard on Blogger.com
  2. Go to the Layout Tab (Design tab)
  3. Choose a Page Element
  4. Add Gadget, Choose HTML / JavaScript
  5. And Copy the code below into it
  6. Done

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Click 2 times to close this ad]:.
</a>
</div>
<center>

Insert the ad code or image or anything you want here!

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>

43 comments:

  1. nice trick and thank you

    http://pay-per-click-ptc-ppc.blogspot.com/

    ReplyDelete
  2. Terimakasih banyak om, sudah berhasil.

    ReplyDelete
  3. This is an awesome trick! Thank you!

    ReplyDelete
  4. this is so so so cool!!~
    love it!!~

    ReplyDelete
  5. Thank you for that trick: Can check my popup ads here

    http://ptc-examiner.blogspot.com

    ReplyDelete
  6. bagaimana agar script hilang dalam 1 kali klik ? terimakasih.

    ReplyDelete
  7. How do i make it go away only on one click?

    ReplyDelete
  8. Hey, this is fabulous thanks for posting. i seem to be having a problem with mine going all the way up though, any idea why that would happen and what I can do to change it? www.torontodealsonline.ca

    ReplyDelete
  9. hmmmmmmmm

    download window 8 free.
    http://palpatel090.blogspot.com

    ReplyDelete
  10. lovely blog, but how are you exactly doing all this, would love to know

    ReplyDelete
  11. can you tell me how to shift it's position to the center of the blog?

    ReplyDelete
  12. if adsense will pay a visit to your site and finds out that you are using popup ads,.. will they suspend you account?

    ReplyDelete
  13. its great but it'll be kind of annoying to my visitors that they'll have to click it close every time the page reloads..

    ReplyDelete
  14. thank you...........
    http://hindismsshayri.blogspot.com/
    eduplace4u.blogspot.com

    ReplyDelete
  15. nice trick thx u very much
    http://jaycutlerbest.blogspot.com/

    ReplyDelete
  16. This is very helpful in my blog and i wanna say good job.

    http://mobile-tech-archives.blogspot.com/

    ReplyDelete
  17. Thanks. i'm using this but i need one click close pop up

    ReplyDelete
  18. great.....i did it in my blog...is this is against Google adscence policy..?

    http://southindianmoviez.blogspot.com/

    ReplyDelete
  19. best sms jokes,the best sms jokes,best jokes sms in hindi,best funny sms jokes,best sms jokes ever,love sms,punjabi love sms,love sms hindi,i love you sms for girlfriend,love story sms,my love sms,love hurts sms

    http://sararoyblog.blogspot.com/

    ReplyDelete
  20. this is a really good post. finally a post with something which actually works for what ppl search on google. well done.

    ReplyDelete
  21. Nice thx U !

    http://fantasy-bestiarium.blogspot.com

    Greetings,

    Valvado

    ReplyDelete
  22. Great post thank you http://cooktodine.blogspot.com/

    ReplyDelete
  23. Great post http://cooktodine.blogspot.com/

    ReplyDelete
  24. It works! It's very subtle and non-intrusive pop-up. You can check it out http://spy-tools.blogspot.com/ to see how it looks.

    ReplyDelete
  25. is this is against Google adscence policy..?

    please tell me

    http://plc-scada-dcs.blogspot.com

    ReplyDelete
  26. crack software updated 2012 windows antivirus
    www.gocrack.blogspot.com

    ReplyDelete
  27. Thanks - www.sports-bstream.blogspot.com

    ReplyDelete
  28. its very useful post.i need it badly.thanks for such a informative post

    ReplyDelete
  29. A very useful post, I will try this soon on my blog. Thank you.

    ReplyDelete
  30. thanks ya mas bro i cannt speak english, so i use indonesia

    mkasih saya terbatu dengan post anda thanksss ^_^

    ReplyDelete
  31. hei , if i want to show facebook like button static at the very bottom of the page,how can i do it ?

    Help me..

    i want to include this in my blog , http://www.studentscrunch.com and in www.annaunivedu.info

    ReplyDelete
  32. @Jenifer Eve
    I'll try to help you...But, what's you mean "the very bottom of the page"? is that the post-footer areas located under the comment box?

    ReplyDelete
  33. thanks 4r d info chck out my blog 4r videos free download www.sticamet.blogspot.com n 4r cocktail movie songs

    ReplyDelete
  34. thnx for posting my site http://radhe46.blogspot.in/

    ReplyDelete
  35. Hey someone please help me..
    My pop up is not closing fully half of the area is left...
    It will be more clear by seeing it on my blog
    http://prateektechie.blogspot.in/

    ReplyDelete
  36. there is also a problem dude the add is not cooming in center please help
    see on thehackeroftheworld.blogsppot.in

    ReplyDelete

Please leave your comments or your promotion links, but don't add HTML links into the comment body, because I consider it as a spam, and will be delete..

Thank you for your visit..