vBulletin 4 : Show Advertisement after first post

Since vBulletin version 4.0.3, the two Ad Location templates “ad_header_logo” and “ad_showthread_firstpost” are missing and moved to Custom Templates with absolutely no use on the templates from where they were being called.

“ad_header_logo” template was there to put a banner at the right of the logo floating right and the “ad_showthread_firstpost” was there to show banner after the first post of each thread. As those templates no longer in use, you need to manually edit other templates to get the exact same result. Let us see how you can put a 720×98 Leaderboard banner (Or, any size you want) after the first post.

vbulletin templates vBulletin 4 : Show Advertisement after first post

First, you need to style the block so that the advertisement banner looks cool and float on center. To do this, go Admin CP > Style Manager. Choose Edit Templates at the dropdown menu of the style you want to edit. Then double click on the CSS Templates. That will expand the CSS Templates. Now, double click on the additional.css and add the codes below at the bottom of other codes existed on that css file.

.firstpost_advert_container {
clear: both;
display: block;
float: left;
margin-bottom: 12px;
position: relative;
width: 100%;
border: 1px solid #E5E6F4;
}

.firstpost_advert {
width: 100%;
background: #F1F1FA;
border: 1px solid #fff;
min-height: 90px;
margin: 0;
padding: 7px;
text-align: center;
vertical-align: middle;
}

Click Save. You can change the background and border color to match your style.

Now, you need to edit the postbit or postbit_legacy template depending on which layout you are using. To do that, double click on Postbit Templates and the again double click on the template name (postbit/postbit_legacy) you need to edit. Add the following code at the very bottom of the other codes in that template.

<vb:if condition="$post[postcount] == 1">
<li class="firstpost_advert_container"><div class="firstpost_advert">
// Uncomment the below line if you have a Remove Ads URL
//Remove Ads.. <a href="Your Remove Ads URL" rel="nofollow"><b>Click Here</b></a><br /><br />
Your Ad Code Here
 </div>
</li>
</vb:if>

That will show the banner after first post of every thread, but will not show on a multipage thread. If you want to show the banner after first post on every page, you should use the code below.

<vb:if condition="$post[postcount] % $vboptions[maxposts] == 1">
<li class="firstpost_advert_container"><div class="firstpost_advert">
// Uncomment the below line if you have a Remove Ads URL
//Remove Ads.. <a href="Your Remove Ads URL" rel="nofollow"><b>Click Here</b></a><br /><br />
Your Ad Code Here
 </div>
</li>
</vb:if>

ad showthread firstpost vBulletin 4 : Show Advertisement after first post

Hi, I am Abhik and this is my blog ItsAbhik.
I write about Search Engine Optimization (SEO) and Internet Marketing here in this blog and provide tips on how you can make money online. More about me..

You are welcome to write a Guest Post on this blog and share your stories with us.
Follow me on:  TwitterFacebook and Google+

Subscribe for FREE and EXCLUSIVE Stories

3 Comments

  1. Thanks.. i was able to “add an ad” in vBulletin 4 quite easily after reading this!

  2. Explained in simple words. Thanks!

  3. Thanks for the article, I’m in the process of upgrading 6 forums from vb3 to vb4 and ads under first post is a must to keep my advertisers happy!

Leave a Reply

Copyright © 2006 - 2012 ItsAbhik Media. All rights reserved.
ItsAbhik Powered By WordPress | CDN by MaxCDN | Hosted by Hostgator