Welcome, visitor! [ Login | Sign Up ]
You need to login first before you can download this exclusive template.

(Don't have an account yet?
Register for free!)

Blogger Template Info

Ads Theme Template

Click to enlarge Ads Theme Blogger template


If you’re looking for a new Blogger template, you came at the right time. Hands down, this is the best template we’ve converted here at eBlog Templates. It’s a wonderful web 2.0 popular blog layout with some great built in ad spots (hence the template name) and features.

It’s either a two or 3 column template (you can change it on the fly) so you get the best of both worlds. This Blogger template is what I call a “powerhouse” template since almost all the features you need are already built in. On top of that, it’s quite easy to setup and makes your blog look like a professional site without much effort.

I predict this template will be a top template on this site within a few months, if not weeks. With the amount of effort that went into converting this template and attention to details, I sure hope you appreciate this free amazing new xml Blogger/Blogspot template.

Features Include

  • Two or Three right side columns which are easy to switch (default is three)
  • Three great location ad spots (header banner 468 x 60, three 125 x 125 buttons in sidebar, and a 468 x 60 AdSense banner above the first post)
  • Integrated Feedburner rss and subscribe via email sidebar module (also includes “add to favorites” Technorati link)
  • Built-in live traffic feed widget from FEEDJIT
  • Built-in MyBlogLog and BlogCatalog recent reader widgets
  • Dynamic tabs easily created by editing the link list widget
  • Search box without the need for a “go” button
  • Recent posts and comments widgets
  • Nicely designed individual blog post comments section
  • Properly setup Blogger layout editor

You can see from this screenshot that the actual editor is nicely setup so you don’t need to scroll or try and figure out how to click on the “edit” widget links. Most templates that you download make it tough to edit — not this one!

ads-theme-layout.jpg

This template does require some configuration in order to get it working as designed. Please follow the steps below if you’d like it to work properly. I also recommend backing up your existing template before changing just in case you run into any problems. You could also setup a new Blogger blog as a test area and try installing it there first.

Top Tabs Setup

When you first install this template the top tabs will not be visible which is normal. You’ll need to go into the Blogger page element layout editor and edit the “Top Tabs” widget. It’s a link list so just add whatever tabs you want. Don’t add a “Home” tab since it will automatically appear once you create and save the tab widget.

Header Ad Banner

The default banner is hardcoded into the template but will disappear when you add anything to this widget. It’s an HTML widget so you can put the banner ad code straight into this box. This widget can also be deleted if you don’t have a 468 x 60 and you’ll just be left with the black header. Here’s the default ad code if you want to use it as a model:

<a href="https://www.linkworth.com?a=10230" target="_blank">
<img src="https://www.linkworth.com/adm/affiliate_manager/affiliate_banners/bann-36.gif" border="0" />
</a>

FeedBurner RSS and Email Links

To get this section working you’ll first need to have a FeedBurner account. If you don’t already have one, please read the “How to Setup FeedBurner on Blogger” article and then come back. Another option is to just delete this widget if you’re not interested in knowing your subscriber count or allowing your readers an easy way to subscribe.

Once you’ve got your FeedBurner account, you’ll need to edit this template code and replace a few parts. Search your template code for the following line <!-- Replace Your RSS, RSS Email Subscription, and Technorati --> and then look right below that for the rss feed link.

https://feeds.feedburner.com/<strong>YOUR-FEED-NAME-HERE</strong> . Replace the text in red with your FeedBurner name (i.e. eBlogTemplates is ours)

Next we’ll need to update the subscribe via email link with your feed id. You’ll need to make sure to enable subscribe via email within FeedBurner otherwise this part won’t work.

https://www.feedburner.com/fb/a/emailverifySubmit?feedId=YOUR-FEED-ID-HERE&loc=en_US

After you’ve changed both of these areas save your template and check to see if it works. If you’re having trouble finding your feed name or id, please read our article above or see FeedBurner’s help section to locate it.

125 x 125 Ad Section

These are the three ads in the right sidebar which you need to edit the template code to change. Search the template code for <!– Replace with your 125 x 125 ads –> and then look right below that for the three lines of ad code which are:

<a href="https://www.widgetbucks.com/home.page?referrer=7116002"><img src="https://i254.photobucket.com/albums/hh92/eblogtemplates/adstheme/banner-widgetbucks.gif" border="0px" /></a>

<a href="https://www.linkworth.com/?a=10230"><img src="https://i254.photobucket.com/albums/hh92/eblogtemplates/adstheme/banner-linkworth2.gif" border="0px" /></a>

<a href="https://www.text-link-ads.com/?ref=2164"><img src="https://i254.photobucket.com/albums/hh92/eblogtemplates/ads/text_link_ads_F_125x125.gif" border="0px" /></a>

If you’ve got ads to place in here, then just paste the code into the template. I recommend signing up for your own Text Link Ads account and using them. Each referral you convert, you get $20 (or $25 I forget). If you don’t have ads to use, you can either leave our default ads or delete this widget altogether.

Recent Posts and Comments Widgets

This one is easy to setup since we’ve already written an entire article dedicated to this. Please see “How to Setup Recent Comments and Posts Widgets” to configure these two widgets.

Recent Readers Widget

You’ll need to have MyBlogLog and BlogCatalog accounts if you want to use this widget. The default widget will show the original author’s pictures so please either delete this widget or change the account ids to your own. Once you’ve setup these up, then edit the template code and search for <!-- Replace "2007112507294841" with your your mybloglog id --> and then replace the account numbers with yours.

Live Traffic Feed Widget

This is a really cool feature within this template and the best part is you don’t need to do anything to setup it up! There are some further options if you click on “options >>” on your actual blog page under the widget but that’s it.

You should now have the template all setup and ready to go. I hope you enjoy this beauty and please make sure to keep the footer links intact since numerous hours of my time and the original designer were put into making it. That’s all we ask for giving away this template! Enjoy!

Special thanks to Eric over at Blogging Secret for designing this wonderful template originally for WordPress.

Revision History

Update (3/3/08) – Per a couple requests and to make this template even more flexible, I’ve changed how underlined links are handled. You can now edit the underlined color via the Blogger “Fonts and Colors” section along with 10+ additional other color variables. Less work for you having to mess with the .css template code now.

Update (3/5/08) – Added in post author tags so you can toggle the “By Author Name” within the posts. Also compressed the css so the file is much slimmer and cleaner.

Update (3/14/08) – The individual posts Google AdSense code block was missing and has now been added to the template code.

Update (4/18/08) – Fixed layout screen so the two widgets aren’t overlapping.

Ready to super charge your blog? Check out our professional premium blogger templates or make money by joining our blog affiliate program!

Want to make your blog stand out from the crowd? I recommend giving your newly downloaded Blogger template a unique and personalized look. Read our Free Blogger Header Images article and find yourself a great custom header image!

If you like this post then please consider subscribing to our eBlog Templates RSS feed. You can also subscribe by email and have new templates and articles sent directly to your inbox.




Trackbacks


1,523 Responses to “Ads Theme”




   
Jen on Jan 20, 2009, 12:39 pm  

I love the way you include ad space in your design.

Clean design and easy to navigate!


   
Chander Riat on Jan 21, 2009, 3:49 am  

Nice theme i likeed it an dusing it but it shows error in internet explorer but runnings uccessfully in firefox.

Pls check this link http://www.gadgetsmantra.com/2009/01/new-helicopter-for-us-president.html

my side widgets are going extra down from the template. pls help me


   
Chander Riat on Jan 23, 2009, 2:56 am  

How to change the side bar light gray color in to white. Pls let me know.


   
Cassiano on Jan 23, 2009, 5:52 am  

blog para baixar


   
Prem Godara on Jan 24, 2009, 4:46 am  

The easiest way to change colors is by logging in your Blogger account and navigating to Layout -> Fonts and Colors Tab.


   
Prem Godara on Jan 24, 2009, 5:28 am  

   
Prem Godara on Jan 24, 2009, 5:33 am  

   
ardi on Jan 26, 2009, 12:23 pm  

ej blero je ma i miri vazhdo ti se i kalle kontart


   
Jen on Jan 26, 2009, 1:55 pm  

is it possible to double-up on the 125×125 and have two rows of three?


   
David on Jan 26, 2009, 9:30 pm  

@Jen, sure but it will likely break the column because it’s not designed for 3 125×125 ads.


   
Shedrow Queen on Jan 28, 2009, 11:41 pm  

Hi David –

I am trying to download this template and keep getting a message saying this page is not availble. Is the problem on my end and how do I fix it?


   
Shedrow Queen on Jan 28, 2009, 11:49 pm  

Actually, instead of allowing me to save the template to my computer, my download manager is opening the application, which gives me the page not available message. Is that something I cahnage in my download settings?


   
Shedrow Queen on Jan 29, 2009, 9:41 am  

David – fixed the download problem but am having the same problem now as Zigzagler with the overlapping gadgets. How do I correct that?


   
jay.castillo@gmail.com on Jan 29, 2009, 9:55 pm  

Very nice template, thanks! Can I change the color of the footer, without changing the footer links of course. I already tried by navigating to Layout -> Fonts and Colors Tab but I can’t find it?


   
Neil on Jan 29, 2009, 11:16 pm  

hi..why isnt the post comment link working?
How to fix it?
I cant seem to find the problem.


   
joe23419 on Jan 30, 2009, 1:59 pm  

The post comment isn’t working and also:

I was wondering if its possible to change the text that is in the search box, and the size of the search box?

Thanks


   
TechMata on Jan 30, 2009, 4:41 pm  

Yes you can joe23419 ^_^

http://pinoyingermany.blogspot.com/


   
luis on Jan 30, 2009, 9:10 pm  

thnx again


   
heriw on Jan 30, 2009, 10:34 pm  

Dear sir,
Thanks for the template. I have install to my blog.
One question, how to show the “date posting” since I never found the date when I published the posts (below the title).

I also found that the page element at header stacking with top tabs, and tob tabs stacking with blog post area..

Need your advice.


   
joe23419 on Jan 31, 2009, 9:36 am  

TechMata –

How do you change it?


   
TechMata on Feb 1, 2009, 1:42 pm  

Just search:

value=’To search, type and hit enter’

and change the default text.

to change the width just put size=’100′

so the final code should look something like this:

Hope this helps ^_^


   
TechMata on Feb 1, 2009, 1:43 pm  

…input id=’s’ class=’s’ name=’q’ size=’100′ type=’text’ value=’To search, type and hit enter’ onfocus=”if (this.value == ‘To search, type joe23419’)…


   
andi2fake on Feb 1, 2009, 11:38 pm  

Hi all, Can anyone help me?
I use this template for my brand new blog, dbs-tasikmalaya.blogspot.com. Well, it’s a great template and I love it so much. But today, I realize there’s something wrong here, I CAN’T POST a COMMENT! Nothing happens when I try to click on POST-A-COMMENT link (or ‘POSKAN KOMENTAR’ in Indonesian). I don’t know what I’ve done with the code and can’t remember. Please, somebody help me…!!!


   
Don Rabbitt on Feb 2, 2009, 7:17 am  

Hi, David
The Blog Posts block on the Layout page is covering up the Adsense block above it. How can I move it down, so I can change the ad block?

Also, is there a way (that I am missing) to enter the Nav or Layout page directly from the Home page? I am editing the site by entering the dashboard through my Blogge account. Too inconvenient, especially if I may want to trash the other Blogger sites.

Finally, is it possible to easily enlarge the font size on Posts? If not, I can live with it as is, but would prefer a slightly larger font. It would be easier to read for all us old codgers.

Thanks for all your Great work! I am still finding my way around, but basically I’m very pleased with the way it works.


   
andi2fake on Feb 2, 2009, 12:33 pm  

Hi, it’s me again
Can’t wait for help, I try to solve the can’t-post-a-comment problem myself. Well, I’m done, and now it works. Even better…


   
joe23419 on Feb 2, 2009, 2:24 pm  

TechMata –

Thats what I figured before. So I searched it and it said not found (when I went to edit html) however if I view the source of the page, it is there. Any idea?

Sorry for the troubles. Thank you.


   
Brett on Feb 2, 2009, 3:39 pm  

andi2fake — How did you get the comments to work? I can’t seem to figure it out…

Can anyone else help me?


   
TechMata on Feb 3, 2009, 12:15 am  

Hi joe23419,

Lots of How to’s and step by step tutorial can be found in this site:

http://bloggertinker.blogspot.com/

If your question is not answered please don’t hesitate to ask questions as I have customized this template several time and still using it with my other blogs.

Hope this helps ^_^


   
Tifany on Feb 3, 2009, 11:45 am  

This is an amazing and user friendly blog template. Thank you so much for sharing you gifts with us!


   
Brett on Feb 3, 2009, 9:39 pm  

Still looking for some help with comments. Can someone please help me out?

Thanks much.


   
TechMata on Feb 4, 2009, 12:13 am  

Hi Brett,

Hope this helps
http://bloggertinker.blogspot.com/2009/01/step-by-step-tutorial-how-to-embed-or.html

Not sure if it works with this template as it is already customized.

andi2fake have the fix.


   
Brett on Feb 4, 2009, 1:27 am  

Thanks for the help, TechMata. However, I just spent the last 30 minutes following directions and looking for other help without success.

Any other ideas for me? I really like this template, but no comments is frustrating. I’m thinking about switching to something I can make work…


   
TechMata on Feb 4, 2009, 2:26 am  

Hi Brett,

Have you tried the link I have given?
Actually I have used this template, and the comments link is working. (the comment is not embedded though, but for its better because it neat rather than showing a very long scroll bar).

Take a look:
http://techmata.blogspot.com


   
andi2fake on Feb 4, 2009, 12:26 pm  

Hi, Brett
Sorry to keep you waiting, am I too late here? Well, looks like TechMata has give you a solution, ain’t it work yet? Frankly I don’t know how or why, but all I know is, it’s not enough just by clickin’ on the Embedded below post option. We need some more sets of code to locate and replace. When I worked on this template to make the comment works, I found out that the comments-setting has already been set to Embedded below post (or I set it myself?). That’s what might happen with your template, Brett. If so, all you need to do is just switch it back to Pop-up window or Full page. But, if you want the comments Embedded below post (as you can see in my blog here), you need some more additional steps. Here they are:
1. Go to Layout>>Edit HTML
2. Backup your template if you wish to
3. Locate the code similar to this:

<b:if cond=’data:post.allowComments’>
<a class=’comment-link’ expr:href=’data:post.url + "#comments"’ >
<b:if cond=’data:post.numComments == 1′>1 <data:top.commentLabel/>
<b:else/><data:post.numComments/>
<data:top.commentLabelPlural/>
</b:if></a>
</b:if>

4. Replace with this one:

<b:if cond=’data:post.allowComments’>
<a class=’comment-link’ expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’>
<b:if cond=’data:post.numComments == 1′>1
<data:top.commentLabel/>
<b:else/>
<data:post.numComments/>
<data:top.commentLabelPlural/>
</b:if></a>
</b:if>

5. Next, locate another piece of codes like this:

<p class=’comment-footer’>
<b:if cond=’data:post.allowComments’>
<a expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’><data:postCommentMsg/></a>
</b:if>
</p>

6. Replace with this one:

<p class=’comment-footer’>
<b:if cond=’data:post.embedCommentForm’>
<b:include data=’post’ name=’comment-form’/>
<b:else/>
<b:if cond=’data:post.allowComments’>
<a expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

7. Save your template
8. Now go to Settings>>Comments
You can now choose the Embedded below post option.
9. Save, and done.
10. Note: in case you don’t know it yet, the comment box won’t appear if you’re in homepage. Go to post-page.

That’s all I guess, Brett. Hope it helps. Thanks to David, and thanks to my mentor, Kang Rohman for this great lesson.


   
John on Feb 4, 2009, 10:07 pm  

be very careful of templates in this website!!!

yes, it’s free, but your adsense $ will not go to your account; instead all the $ will go to the designer’s adsense account! make sure you change the adsense ID code in the html. i don’t mind the designer making $ this way, but at least he should be honest and tells us that he’s making $ from our blogs!!!!!


   
John on Feb 4, 2009, 10:10 pm  

the owner of this website keeps deleting comments that expose the truth as mentioned above! guys, spread the words so no more ignorant people suffer!


   
Talk2myCPA on Feb 5, 2009, 4:12 am  

I dont know if you will be interested to this but I manage to make some enhancement to this Ads-Theme-Template, i’ve done several modifications and my latest is the banner rotator which you will only find in my blog (i’m not sure if someone already did this). This is the 468 x 60 banner on the right top level of this template. The banner rotator changes everytime you load the blog. Check it out. This is the link

http://talk2mycpa.blogspot.com/2009/02/banner-rotator-for-ads-theme-template.html

Cheers!


   
Jeffrey on Feb 5, 2009, 4:30 am  

that’s just like my blog!

http://pho99.blogspot.com

same rotating thing


   
Helen Hunt on Feb 5, 2009, 5:42 pm  

Thanks guys for having and putting up these amazing themes online for free. They have changed the way I get ranked and traffic to my site.

My page ranking as moved from PR2 to PR5 since installing your theme.

Nice job guys 🙂


   
David on Feb 5, 2009, 6:27 pm  

@John, the adsense in this template is a placeholder. After you download the template, you are free (and encouraged) to change the adsense into your own account.


   
David on Feb 5, 2009, 6:32 pm  

@John, comments are moderated and deleted if they are spammy, harmful, or offensive. That’s how most sites work otherwise there would be junk all over the place. 😉


   
David on Feb 5, 2009, 6:39 pm  

@Helen, glad to hear it. I wish we could take credit for your page rank jump but that’s more b/c you’ve just got a good quality site and more people linking to you. 🙂


   
ron on Feb 6, 2009, 9:11 pm  

Kindly help me.

I deleted or remove the linkworth banner as well as the widget it self. But, i cant modify the title as well as the background image to fit the whole header. What shall i do.

Check my site: http://www.caviteniofilipino.blogspot.com to further clarify what im saying.

THanks.


   
Autoresponder on Feb 7, 2009, 1:42 am  

You certainly have some attractive blogger templates!


   
SexyDoctor on Feb 11, 2009, 1:27 pm  

Dear David,

Thanks a lot for your effort to this great template. I just launched my blog by using this template.
Have a great work there, as always 🙂

Cheers.


   
sund2009 on Feb 13, 2009, 1:46 am  

Hi I love your template and trying to add it to my blogger account. I get the error below when I try to save. PLease help

The new widget id “Recent-Comments-Widget” is invalid for type: Feed


   
TechMata on Feb 13, 2009, 1:53 am  

Hi sund2009,

Can you please state what you did first? If its okay with you, you are welcome to visit my blog and state there your problem since I have used this template with my other blog. ^_^


   
sund2009 on Feb 13, 2009, 2:05 am  

I downlowaded the .zip file and extracted the content on my desktop. I log into blogger and went into edit layouts and it has a “import template” area where I uploaded the .xml file and clicked on “SAVE’.

I then get this error


   
TechMata on Feb 13, 2009, 7:18 am  

What do you mean “Import Template”? The only texts I could see when changing the template are “Browse” and “Upload”. Or maybe I am using a different blogger? -_-


   
David on Feb 13, 2009, 5:55 pm  

@TechMata, It’s going to be the “upload” link.