I’m actually surprised our Ads Theme didn’t get mentioned because it’s one of our top downloaded templates. Could be because the template is called “Ads Theme” and Mashable didn’t want to promote that.

It’s also worth noting that someone left a comment on Mashable stating that some of the templates have already exceeded their bandwidth so the images aren’t showing up. Always be careful and double-check the image locations before deciding to move your entire blog over.

Regardless, you should check out the entire list provided by Mashable and download as many as you like.

This template will work right out of the box but in order to personalize it just for you, it’s going to take some work. You’ll need to edit the template code which is usually for more experienced Blogger users but anyone is welcome to try of course. The difficulty level is a 9/10 so be prepared to sit down and spend some time setting this template up.

Features Include:

• Several different types of highly optimized “Make Money” ad spots
• Built-in FeedBurner rss and subscribe via email area
• Top box displaying your 10 most recent posts (yes I said 10)
• Calendar style date on each individual post
• Header banner rotator
• Dynamic top tabs so you can easily add them
• Custom comments section
• Live website traffic widget from FeedIt
• And much more…

This is the first ever Blogger template that includes a very cool header banner rotator so you can randomly display several different banners in one spot! View the demo and try reloading the page a couple times to see it in action. There are four different banners sharing that spot.

Here’s a quick screenshot of how the comments section looks on this template. It’s very unique and not your boring Blogger-style look which makes the Langit template so special.

Let’s Configure this Template!

Ok, you’ve got your beverage of choice, a comfortable chair, and are now ready to setup this new template for your blog. We’re going to start from the top and work our way down and I advise you to make backups of your template along the way. Also, always remember to check the “expand widget templates” checkbox in the edit html window of Blogger otherwise you won’t see the entire template code. Let’s begin.

Step #1 – Setup Your Header Banner

The 468 x 60 header banner is a great spot to advertise and you’ll see this spot being used on many websites. The banner spot on this template is an HTML/Javascript widget so you can easily paste in whatever code you want. You actually have several options so choose the one that works best for you.

Option 1 – I don’t want to mess with the code now right now and can always come back later. Let’s keep the existing banners. This is also a good choice if you don’t have any banners to use at this time. If you don’t have any banners to use, I recommend signing up for at least one affiliate program like Text Link Ads, or LinkWorth which will give you banners. If you click on the banners in the demo, it will take you to the sites where you can sign-up.

Option 2 – I don’t like ads and want to remove it. Sure, just delete the widget from your blog.

Option 3 – I only have one banner and don’t want to use the banner rotator script. Ok, no problem. Just edit the banner widget and paste in your single banner code. It will automatically remove the banner rotator and replace it with your new banner.

Option 4 – I’ve got plenty of time and a few banners and want to set this thing up now. Perfect! In order for you to get your banners to work properly, you’ll need to run the javascript banner rotator script (you’ll need to have your banner images hosted somewhere before using the banner rotator script otherwise it won’t work) to give you the proper code and then just paste it into the banner widget box within your layout page. This will automatically remove the default banner rotator and replace it with your new banners.

Step #2 – Setup Your RSS Feed Using FeedBurner

Before moving forward, I recommend you first read our article on the basics of setting up FeedBurner for Blogger if you don’t already have an account. After you get your account up and running, you’ll need to edit the template code to update the FeedBurner section.

First, search your template code for id=”top_rblock” which is where you’ll find the FeedBurner code. Next, replace the “YOUR-FEED-NAME-HERE”, “YOUR-FEED-ID-HERE”, and “YOUR-BLOG-NAME-HERE” text with your FeedBurner provided info. You’ll also need to activate the email subscription feature within FeedBurner. (read the bottom part of the article describing where you get the code). There are a total of 4 places you need to update so make sure you got them all.

You’ll also want to add your own feed counter which shows the total number of subscribers you have. You’ll need to activate this first under “Publicize” –> “FeedCount” and then scroll down to click on “Activate”. Now you can change the colors and copy the code to use in your Blogger template. You’ll want to replace the following code in your template:

http://i254.photobucket.com/albums/hh92/eblogtemplates/langit/feed-counter.gif
with something that looks like this:
http://feeds.feedburner.com/~fc/myfeed?bg=99CCFF&fg=444444&anim=1

Now your feed count will automatically update whenever someone subscribes to your blog!

Step #3 – Add Top Tabs

This is pretty easy actually since the top tabs are generated via a link list. Just go into your Blogger layout page and click “edit” on the “top tabs” widget. There you can add as many tabs as you want. The “home” tab automatically appears so you don’t need to create one.

Step #4 – Setup Advertising Accounts

You’ll need to have the following 3rd party accounts setup if you want to make money and use this template as designed. The ads currently in this template are placeholders and will continue to work if you’d rather not hassle with setting up new accounts or changing the code so it’s up to you.

• Google AdSense – Allows you to display highly targeted text advertisements for you to make money (create an AdSense account)
• Chitika - Displays related products below each blog post. You get paid for each click! (create a Chitika account)

After you’ve got your advertising accounts all setup, you can move on and configure the ad sections in this template.

Step #5 – Configure AdSense Sidebar 336 x 280 Ad Unit

You’ll first need to be familiar with Google AdSense and how to setup a new ad before changing this code. Make sure to use the matching colors which will not only make it blend in with your blog but will also increase clicks. The color scheme is as follows: border & background: 44494D, text & url: FFFFFF, and title: D7DFF0. Once you’ve got your new 336 x 280 AdSense block of code, you’ll need to convert it using our Ad Code Converter.

Take the output of that and then replace the existing code in the template. To find the code in the template, search for “adsense code start”.

Step #6 – Configure Chitika 468 x 90 Ad Unit

This is the ad unit you’ll find right below each blog post. It’s called “Related Products” and is a great way to make money from your blog. Each time someone clicks on your link, you get paid! It’s a PPC program (pay per click) just like Google AdSense but it’s run by Chitika. Check out the template demo and see for yourself. Try clicking on any of the links and see where it takes you. Much different than Google AdSense.

So after you’ve setup your account, you’ll need to create a new 468 x 90 Related Product Unit (RPU). You can generate the code by clicking on the “Get Code” tab within Chitika. Then it will walk you through creating an ad unit. You can even change the colors which we did on our ad unit (title: 2277DD) so it matches our site better.

Next, grab the code and then you’ll need to convert it using our Ad Code Converter. Take the output of that and then replace the existing code in the template. To find the code in the template, search for “chitika code start”.

Step #7 – Get Your Individual Post Date Stamp Working

Chances are when you first install this template your timestamp format won’t be set properly and you’ll see an “undefined” message instead of the post date. You’ll need to make one small change in your “Settings” => “Formatting” => “Timestamp Format” section before it will work. Change whatever you currently have to this format: “Sunday, April 13, 2008″ and then save. Make sure you change the “Timestamp Format” which is the 4th one down. Your template should now work properly.

Ok, that pretty much covers everything you need to properly setup this template. Oh, one more thing. On some blogs, the header blog name title is too wide and ends up wrapping which doesn’t look so good. You can easily change that by going into your Blogger “Fonts & Colors” section and making your title size smaller. Another option is to just shorten your blog name but I don’t think you want to do that.

Credits

This template was originally designed for WordPress by Eches and converted to Blogger by GosuBlogger. eBlog Templates saw a lot more potential with the nice template and decided to take GosuBlogger’s initial conversion to the next level by optimizing and adding several new features to help you make more money with your site.

Revision History

4/13/08 – Fixed json entry.title.$t javascript error so the template now validates correctly in both IE and FF.
4/14/08 – Fixed another javascript error only affected in IE. It was the FeedBurner form action url. Also made the subscribe box a small pop-up window instead of a new browser page.

The right sidebars come with your standard widgets as well as some additional custom ones. eBlog Templates has added the cool real time FeedIt traffic widget, a Text Link Ad ad placeholder, and an Google AdSense placeholder which just needs your publisher id entered.

If you don’t already have an AdSense account, you should sign up for one now for free so you can start making money on your blog.

There’s also a hardcoded Google AdSense link unit put into the top area above your first post. This is a great spot to get clicks so you should update it with your own publisher id. It’s not a widget so you’ll have to edit the template code and look for the following tag “<!-- start top google ad block -->” and “<!-- end top google ad block -->“. That’s the section you can change.

You’ll notice that the code looks a little strange. That’s because it needs to be converted in order for Blogger to recognize it. Once you create your new AdSense code you can convert it using our free Ad Code Converter and then paste it into your template.

Thanks to Blog Mundi for creating this cool three column template!

The bad news is at this point magazine-style themes are really hard to convert into an acceptable working fashion. This is primarily due to the fact of Bloggers’ limited template tags and not being able to create a static home page. I have seen a couple attempts of sites trying to convert magazine-style themes but the results haven’t been too good.

With that being said, I think it’s in the best interest of everyone if eBlog Templates converts a template that will work as designed and will also be popular for other Blogspot bloggers.

Here’s a summary of the templates submitted (excluding templates that are copyrighted, already converted, or only available for purchase). The list is ordered by date submitted.

1) Visionary by Justin Tadlock (submitted by SMSreports) – live demo

2) Mag Style by JackBook (submitted by SMSreports) – live demo

3) LightBreaker by Moses (submitted by Javi) – live demo

4) Mimbo by Darren Hoyt (submitted by Keite) – live demo

5) Massive News by Jason Schuller (submitted by Andre) – live demo

6) Branford Magazine by Michael Oeser (submitted by Andre) – live demo

Thanks to Andre, Javi, Keite, and SMSReports for the 6 great submissions! I really like them all but unfortunately we need to eliminate 4 based on the entry requirements listed above. The Visionary, Mimbo, and Branford magazine-style themes will not convert over to Blogger well (if at all) and the Mag Style template by JackBook has already been converted.

That leaves us with two finalists: LightBreaker and Massive News. Congrats to Javi and Andre for making the finals!

Now comes the part where we leave it to the eBlog Templates visitors to vote on the winner. The poll below will be left up until the end of April at which time the winner will be announced. Then I will convert the winning template and include a footer link (of the winners choice) and release it on eBlog Templates!

If you aren’t familiar with SEO (search engine optimization) just the fact of having a viral footer link back to your site will substantially help your site rank better. Essentially whoever downloads and installs the template will have a link back to the winners site!

Update: The contest is over the winner has been announced. See the results here.

Place your vote below. You can only vote once so don’t try to fool the system!

Opinion Polls & Market Research

It’s a two column template with all the usual goodies like recent comments and recent posts widgets, link list, two ad spaces which come pre-installed with Text Link Ads and Niche Store. Both ads disappear once you replace the html widget with anything if you don’t want to use them.

Feel free to modify this template but all we ask is to please keep the footer links intact since the original author spent a lot of his personal time creating this template for you. Thanks to Blog Mundi for converting this nice template and providing it for free!

First they wonder what they did to cause this. Then they get mad at Google Blogspot thinking it’s a bug on their side. After trying to troubleshoot it themselves, they might post a thread on the Blogger help group site hoping for a resolution. Little do they know it’s because the template they are using has hosted the images on a site that has exceeded it’s monthly bandwidth limit.

I feel sorry for these people who get blindsided by not understanding what went wrong. They just assume the images are magically included in the template and don’t need to worry about them. It’s a hard lesson to learn and most everyone learns the hard way at the end of the month.

Something to keep in mind the next time you install a new template — take a look at the template source code and see where the images are hosted. If you want to be safe it’s smart to move those images to your site (or a free image hosting site) because you know they will always be there.

Leaving the images hosted on another server is like trusting someone you don’t even know. They essentially control your site in some aspects and could easily delete those images tomorrow or next year and you’ll never find out until your blog is left standing with it’s pants down.

There’s room for lots of widgets so you can put ads or whatever cool widget suits your needs. This new Blogger template was submitted by Mialicious.

Revision History

Update: 3/26/08 – Added missing individual posts Google AdSense code so now you can insert ads on each post using Blogger.

The sidebar has an html widget so you can enter some information about your site. Below that comes your standard labels/categories widget, and archives widget. Make sure to set your archives widget to “flat” display otherwise it might look funny.

This template was designed by Styleshout and converted into xml Blogger by Tech Bold. eBlog Templates enhanced it and moved the images over to our hosting environment.

It also comes installed with header tabs which need to be setup within your Blogger template layout screen. Please note, the search box will NOT be aligned properly when you first load up this template. Once you add at least one new top tab via the link list, everything will show up properly. Please don’t post a comment below telling us that the template is broken.

The header image can also be changed but you’ll need to edit the template code. Whatever new image you decide to use, make sure the corners are rounded otherwise it won’t match the existing layout and design. You’ll need some photo editing experience to do this. The image file img04.jpg is 960px x 147px.

This template was originally designed by Free CSS Templates and then ported over to Blogger by Template Go Down. eBlog Templates then took the template one step further and enhanced it with easy to setup header tabs, extra sidebar widgets, and a clean template layout interface.

Revision History

3/31/08 – For those of you who downloaded this template prior to today, there was an alignment bug with Internet Explorer. This has since been fixed in the latest version. If you’d like to fix your current template without having to download it again, just uncomment out the 2nd line from the top of the template code.

OLD: <!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">-->

NEW: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

I’m not sure why the original author commented this out but making this change should fix your template. Thanks to dailyFlava for pointing this bug out.

The top tabs are setup to be easily configurable within your page layout window. Just edit the “top tabs” widget and add all the tabs you want. The “Home” tab and rss feed icon will automatically appear once you add and save your first tab.

This template also has the cool FEEDJIT widget pre-installed so you’ll be able to tell real-time who and what country your visitors came from.

There’s plenty of space for banner or button ads so it can easily be used for a make money blog. This template was submitted by “Oz” and it’s a nice one.

Revision History

3/31/08 – We’ve updated this template to include a search box, the FEEDJIT widget, dynamic tabs, and fixed the blog description so it shows up now. A new demo site has also been setup so you can get a real feel as to how this template actually works.