make sliding ads banners for your blogspot

Do you have a blog with high-traffic and want to place Sponsor ads to make money ? Why don't you place your ads on sliding banner like this :You can check demo here

Here are steps to make this sliding banner
go to blog layout ,choose edit html .
insert this code before </head>

<style type="text/css">
.slideads1 {text-align:left}
.slideads2 {text-align:right}
</style>

Save template !
Create a HTML/Javascript widget and paste the code bellow into widget content :

<div id="divAdLeft" style="position: absolute; width: 110px; float: left; left: 0pt; top: 0.00000103038px;">

<div class="slideads1">
<a href="http://simplexdesign.blogspot.com/"><img src="link banner 1" border="0"></a>
</div>

</div>

<div id="divAdRight" style="position: absolute; width: 120px; float: right; left: 989px; top: 0.00000100252px;">

<td class="slideads2">
<a href="http://simplexdesign.blogspot.com/" target="_blank"><img src="link banner 2" border="0"></a>
</div>

</div>

<script language="JavaScript" src="http://contact.dinhquanghuy.googlepages.com/slide_ads.js"></script>

with this script ,sliding banners only show when screen resolution is 1024 x 768 . To make banners appear with others resolution ,you can download file slide_ads and modify it as you want .

If insert a HTML/Javascript widget break up your blog layout ,insert code directly to your template by editing in HTML is a good choice .

Ok,we are done ,save template and enjoy it !


huy signature

Share this post

Advertisement

0 comments:

Post a Comment