Cool Tips

If you want to put many 125×125 ads on your blog, you may use many methods. You may using WP125 plugin to manage and add your ads on your blog. But I like create my own ads box more than use a plugin.

So I had created an 125×125 ad box by using CSS and DIV tag.

First, add these CSS code into your main CSS style or create a new CSS file to contain them:

#adsbox { float: right; width: 310px/*change this value equal with your width of your sidebar*/; height: auto; text-align: left; margin: 10px 0px 0px 10px; background-color: #F5F5F5; padding: 10px; border: 1px solid #C5C5C5; /* border: 1px solid #C5C5C5; padding: 0 10px; background-color: #336699; */ } #adsbox1 { float: left; width: 130px; height: 130px; text-align: left; margin-top: 5px; margin-left: 14px; text-align: left; } #adsbox2 { float: right; width: 130px; height: 130px; text-align: left; margin-top: 5px; margin-right: 14px; text-align: left; } #adsbox3 { float: left; width: 130px; height: 130px; text-align: left; margin-top: 5px; margin-left: 14px; text-align: left; } #adsbox4 { float: right; width: 130px; height: 130px; text-align: left; margin-top: 5px; margin-right: 14px; text-align: left; } #adsbox5 { float: right; width: 130px; height: 130px; text-align: left; margin-top: 5px; margin-right: 14px; text-align: left; } #adsbox6 { float: left; width: 130px; height: 130px; text-align: left; margin-top: 5px; margin-left: 14px; text-align: left; }

<!– Begin AdsBox –>

<div id=”adsbox”> <div id=”adsbox1″> <a href=”http://ad.ly/refer/315934767″><img src=’http://ad.ly/static/images/referral/square.gif’ /></a> </div> <div id=”adsbox2″> <a href=”http://www.bidvertiser.com/bdv/bidvertiser/bdv_ref_publisher.dbm?Ref_Option=pub&Ref_PID=151663″><img src=”http://kullz.com/image/bidvertiser_125x125.gif”></a> </div> <div id=”adsbox3″> <a href=”http://www.adbrite.com/mb/landing_both.php?spid=89951&afb=120×60-1-blue”><img src=”http://kullz.com/image/adbrite_125x125.gif”></a> </div> <div id=”adsbox4″> <a href=”http://chitika.com/publishers.php?refid=tikinrock”><img src=”http://kullz.com/image/chitika_125x125.png”></a> </div> <div id=”adsbox5″> <a href=”http://adtoll.com/?ref=12339″><img src=”http://kullz.com/image/adtoll_125x125.gif”></a> </div> <div id=”adsbox6″> <a href=”http://secure.hostgator.com/cgi-bin/affiliates/clickthru.cgi?id=tikinrock”><img src=’http://kullz.com/image/hostgator_125x125.gif’ /></a> </div> </div> <!– End AdsBox –>

You just change links and images path then enjoy it

Related posts:

1. Ways to become a professional and famous blogger
2. Top 10 tools for image editing online
3. Blogger's portrait by some cartoons
4. Some tips for Microsoft Office Word