Alignment of Ads, Two Horizontal And Rest Vertical – BuySellAds

Advertisement:

BuySellAds [BSA] is an advertising marketplace for small to medium sized website owners/publishers. Publisher like the flexibility in charging the advertisers and the easiness with which one can implement the ad codes into their website.
And advertisers like the quality publisher websites, ad rotation feature for equal exposure, stats features and the recently added A/B split testing between multiple ad banners etc.

But A Problem..
If you are using 125 x 125 ad format of BuySellAds and you have many advertisers, then you might have come across the problem of aligning them.

Example:
If you want to have 6 ad spots, as shown in below image.

Advertise-Here

[ 2 x 3 – Two Horizontal and rest Vertical ad spots ]

There is no built-in user friendly option to get this to work. One simple solution for this is, you can generate 2 separate javascript ad codes and paste it inbetween 2 separate div or p tags to somehow align it.

But the Problem
1. Using more ad codes means increase in the load time of the website as a whole.
2. All the ads does not get equal exposure. As we can only rotate the ads present in a single block of code and can not rotate between two separate code blocks.
3. Some time we may forget to change the price of advertising on one block, which will some time become unfair for advertisers.

Better Solution
Generate a single ad code with 6(or whatever you prefer) ad spots and add “float:left;” to the A element of the styles array in the ad code.

Before


BannerStyles1240548 = new Array(
    "a{display:block;font-size:11px;color:#888;font-
family:verdana,sans-serif;margin:0 4px 10px 0;text-align:center;text-
decoration:none;overflow:hidden;}",

After


BannerStyles1240548 = new Array(
    "a{float:left;display:block;font-size:11px;color:#888;font-
family:verdana,sans-serif;margin:0 4px 10px 0;text-
align:center;text-decoration:none;overflow:hidden;}",

Caution
Do not copy and paste the above code, as the quotation marks appearing on a webpage will not work properly in the source code. So just manually add float:left; to the A element of the styles array, as shown above.

Finally
1. You have nice looking source code! with less clutter.
2. Less number of javascript code, so faster loading of your webpage.
3. All the ads rotate and thus equal exposure to advertisers.
4. Single change in the settings of your ad code will be applied to all the ads.

Related: CSS Code To align 125X125 Ad Banner On WordPress Sidebar

17 thoughts on “Alignment of Ads, Two Horizontal And Rest Vertical – BuySellAds”

  1. Oops.. Thanks @NavjotSingh for notifying. With this error in the code, the entire post would have been useless — Updated the post. Thanks again for taking time to comment and notify.

  2. Sigh… I wish i could make it work in my theme. No matter where I place the float attribute, it always gets aligned vertically. Could you please help me!!

  3. Aha satish.

    Exactly what I was looking for.

    I have been thinking for a long time to join BSA, now I should completely go for it with above format only.

    By the way, how must should I ask advertisers to pay?

  4. @Richie, By seeing the ad codes you have placed in your blog I can tell you that, you have included some wrong code inside the style.

    Now go back to your BuySellAds a/c and get the fresh new ad code and include “float:left” in the A element of the styles array in the ad code. And place it in the beginning of the a tag, exactly as shown in the above post.

  5. @Abhishek, Nice to know that it helps.

    Charging advertisers depends on many factors. But I think two factors are most important:
    1. Total monthly traffic to your blog.
    2. The size and placement of the ads.
    3. Niche.

    In practice, publishers charge less than or equal to $1 per 1000 Impressions. And if 125 x 125 ad costs $25, then a 300 x 250 can cost $100 i.e., 4 times that it costs for a 125 x 125 spot. But again, the placement is important. If you charge $100 and place it at the end of the webpage, it does not bring more value to advertisers.

    Niche: For some reasons BSA works great on blogs/websites which are from design niche.

    We can see that, the main reason for the success of BSA is that, it has many publishers who sell ad spots for a very low rates.

    My advise would be – to start low and then increase the price when you start getting more advertisers and traffic to your site.

    Experiment what works best for your blog.

  6. Hi Satish, if you can have a look at my site advertising-techniques dot com, this is the code in my widget:

    and this is the code in my custom.css:

    
    BannerStyles1245305 = new Array(
    "a{float:left;display:block;font-size:11px;color:#888;font-family:verdana,sans-serif;
    margin:0 4px 10px 0;text-align:center;text-decoration:none;overflow:hidden;}
    img{border:0;clear:right;}
    a.adhere{color:#666;font-weight:bold;font-size:12px;border:1px solid #ccc;
    background:#e7e7e7;text-align:center;}
    a.adhere:hover{border:1px solid #999;background:#ddd;color:#333;}",);

    I’m using Thesis theme on WP. If you notice, the border of the ad unit does not even show.

    Appreciate if you can help me on this. Many thanks.

    cheers,
    Dong

  7. @Dong,

    Just remove the code you added to custom.css

    Log into your BSA a/c, get the code and put the entire code directly into the sidebar widget.

    Now edit the code as described in the above article: to introduce float: left; into the code. Now everything will work fine.

    Just follow the above post, step by step.

  8. Hi Satish, thanks for the help…but it does not work with me I don’t know why. 🙁 I guess I just need to look for other ad network. OIO publisher and Adbrite works well in my blog.

    cheers

  9. New code is not displaying ads horizontally after adding float:left; to anchor style :S. No cache and main snippet issue! Please help out!

Leave a Reply to SatishCancel reply