Blogger Template Info

Author: eBlog Templates
Views: 1,248
Downloads: 1,723
Added: Mar 14th, 2008
Rating:
Live Demo

Blogging Pro Template

Click to enlarge Blogging Pro Blogger template

If you’re looking for a great make money online Blogger template then I’ve got news for you. Blogging Pro is the latest and greatest web 2.0 template built just for that. This is another exciting cutting-edge Blogger template that we’re giving away for free and all we ask of you is to keep the footer links intact.

You might see some other conversions of this template out there but I promise you’ll find ours to be top-notch and feature-rich. Check out our live Blogging Pro for Blogger demo to see and interact with the template before you even download it!

This template was originally designed for WordPress by Design Disease and converted to WordPress by Blogging Pro. We loved this template but were disappointed we couldn’t find a good conversion for Blogger users so guess what? We converted it to Blogger ourselves!

It’s a rounded corners, web 2.0, three column, orange and shaded blue beauty with some great features and widgets you’d normally only find with a WordPress theme. Here’s a list of what’s included:

Dynamic header tab creation
Prime location AdSense header ad space
Multiple rss feed subscription options ready to go (Blogger rss, Technorati, and Feedburner)
Custom individual post date display
Addthis bookmark and sharing individual post widget
FEEDJIT live traffic feed widget
Custom comments image display
Three column footer with your recent posts, recent comments, and recommended money maker links
Amazon deal of the day dynamic widget
Clean and organized template layout editor screen

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!

Now before you can get fully up and running with this new Blogger template, you’ll need to properly set things up. Please follow the steps below and read items carefully. The same questions are usually asked over and over by people posting comments, yet the answers are usually right in front of them. This is especially true for why the post date might not be working on your blog.Let’s start from the top of the template and work our way down each item. Don’t be too surprised when the template doesn’t look like the screenshot when you first load it up. You’ve got some configuring to do first!

Top Tabs Setup

This is actually pretty easy since the top tabs are a link list. You don’t need to alter the template code. Just go into your Blogger page layout and click on the “edit” of the “top tabs” widget. Start adding new links and then save. A “home” link will automatically appear once you setup this widget so you won’t need to add one. Save and refresh your blog to see the pretty new tabs you just created. Here’s what it should look like (different names of course)

Configure The Three Header RSS Links

This section is actually setup to dynamically work except for the Feedburner link. 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.

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 text: <strong>YOUR-FEED-NAME-HERE</strong> . Replace the text with your FeedBurner name (i.e. eBlogTemplates is ours)

After you’ve changed this link 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.

Header AdSense Setup

This is a great location for showing ads and we really like how the designer laid everything out. The default ads are just a placeholder but of course feel free to use them until you find a replacement. You’ll need to again edit the template code to swap out the ads. Search your template for <div class=”Syndicate”> and right below that is where you’ll find the ad code block.

Remember, when you paste in your own ads you will need to convert the ad code into a workable Blogger format otherwise you’ll get an error when trying to save it. Use our free AdSense Code Converter to change it automatically for you. You can also look at the existing ad code included in the template and use it as a model.

Individual Post Date Setup

This is a very important step and one that most people think is broken when they install the template. It’s not folks. You just need to go into your Blogger settings and make a small change before it will work.

After you install the Blogging Pro template, go to your Blogger’s “Settings” => “Formatting” and look for “Timestamp Format”. Make sure you change it to this format: “Tuesday, January 25,2008? as shown below.

This needs to be set in this format otherwise the date won’t show up properly on each of your posts! Actually the date will most likely be blank and you’ll think the template is broken. Remember to change the TIMESTAMP FORMAT (fourth item down on the page) and NOT the Date Header Format option.

Amazon Deal of the Day Widget

This is actually a really cool widget put into the sidebar by default. If you have never heard of Amazon’s “Deal of the Day” then you’ve been missing out! Basically each day Amazon has one special item they drastically reduce in price.

Before you’d have to visit their site to see the deal but now it gets delivered directly to your Blogger site! If you want to replace or remove this widget you’ll need to edit the code and look for the following text “amazon-widget”. The line of code below that is the actual Amazon widget so just remove or replace it.

Footer Recent Posts and Comments Widgets

I really love this part about the template. In the past, your footer was an overlooked piece of real estate on your blog. With this template, it makes good use of your footer like many of the other pro bloggers out there today.

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. These two widgets will both appear in the footer once you configure them properly. It’s a very good use of space and provides search engine spiders an entry point into your blog content.

Recommended Money Makers Section

This is the other footer element which comes already setup with our recommended money maker links and programs. This idea came from the ProBlogger.net web site and we included it in our template. You are welcome to keep the links intact or feel free to replace them with your own. You will need to edit the template code to swap them out and also have affiliate accounts setup with each vendor. It’s easy if you don’t have any accounts. Just click on each footer link to setup a new account. Search your template code for “Recommended Money Makers” and you’ll see the links below that.

Live Traffic Feed Sidebar 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. This is a sample of what it will look like once you start generating some traffic (or more traffic) to your blog.

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!

Thanks again to Design Disease and the Blogging Pro guys for making this wonderful template available for free. It was a great challenge converting it to Blogger but it was well worth the trouble.

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.

2 Right sidebars,3 columns,amazon,blogger make money,blogger template,blogging pro,Blue,curved,Fixed width,Orange,pro blogger,rounded,web 2.0

What's Next?

29 Responses to “Blogging Pro”

1. Ashutosh Mishra 2:30 am on March 14th, 2008 (subscribed to comments)

This is AWESOME!
I will be switching very soon!

2. Christine 5:50 pm on March 14th, 2008 (subscribed to comments)

I really love this template. Actually, I’m haunting for a template to put more widgets to replace my current one. I’ve put my ads on the run too and it works wonderfully under Firefox, but for IE browser, the sidebars have been pushed down to the bottom of the page. Is there anything I can do to fix it up?

3. Roman 2:33 am on March 15th, 2008 (subscribed to comments)

Important!!!!!!!!!!!!!!!!!!!!!

Hello, I am from Russian/ I’d like to thankyou for a wonderful website eblogtemplates.com

I am writing to you to recommend and ask you to create a template adstheme + blogging pro (these wonderful templates) I mean that it would be super powerful to mix these two temp (for example to apply the coulor of blogging Pro for ads theme template….)

4. David 10:47 am on March 15th, 2008 (subscribed to comments)

Hi Roman, thanks for the compliment. You can change the colors of the Ads Theme to match the Blogging Pro theme if you like. They both are unique templates in their own way.

5. Fei 7:45 am on March 19th, 2008 (subscribed to comments)

Really good, thank you…

6. meredith omalley 10:56 am on March 19th, 2008 (subscribed to comments)

Hi —this is absolutely amazing!!!

Thank you!

I am somewhat new at most of this, but have been non-stop learning now for 2 weeks or so and this ? may seem easy, but if i want an icon (i think the name or widget or just an indicator) to allow someone to email my post –how do i add that?

can it be done to this incredible template???
thanks
Meredith

7. Christine 3:26 pm on March 19th, 2008 (subscribed to comments)

hi, I really like this template and want to use it. But after installing it, the sidebars are pushed down to the bottom of the page in IE browser. Could you tell me how I can fix it? Thanks for any help in advance.

my blog url: http://christinerecipes.blogspot.com/

8. Lyle, RN 12:39 am on March 29th, 2008 (subscribed to comments)

Can you check the template? I keep getting errors on blogger when I upload it.

Here’s the error message:

We’re sorry, but we were unable to complete your request.

When reporting this error to Blogger Support or on the Blogger Help Group, please:

* Describe what you were doing when you got this error.
* Provide the following error code and additional information.

bX-88mwzi
Additional information
blogID: 3795258803789903674
host: http://www.blogger.com
uri: /html

9. ManoDogs 8:15 am on April 2nd, 2008 (subscribed to comments)

Great template which I am trying to set up on my blog now. I have some questions, though:

I am an Amazon affiliate and when I try to change the widget to include my affiliate ID, I get all kinds of errors. Any suggestions?

I want to change the fonts of the Title and post titles, as well as the color scheme. I know I can do this by hand in the CSS, but can you direct me as to exactly where and what I should place/replace? I have had to do this on other templates and it can take hours of trial and error.

Again, thanks so much for taking the time to make this great template and I hope that once I get it set-up, it will look as nice as the demo!

10. David 7:43 am on April 3rd, 2008 (subscribed to comments)

ManoDogs, you’ll probably need to convert the Amazon code before you paste it into the template. You can use our Blogger Ad Code Converter to automatically do this for you.

Regarding the css, I don’t know exactly which ones to edit off hand, sorry. I recommend downloading and installing firebug if you use firefox. It’s a great way to see into the css elements to know which ones change what.

11. sss 2:59 am on April 4th, 2008 (subscribed to comments)

Nice Templete I want to use this

12. duongsecret 6:53 am on April 5th, 2008 (subscribed to comments)

i don’t see the download link.Please help me
Thanks

13. duongsecret 7:08 am on April 5th, 2008 (subscribed to comments)

done!
Downloaded.Thanks for this theme

14. ZH Ong 4:35 pm on April 23rd, 2008 (subscribed to comments)

Hello, I need some help. For the Google Adsense at the top of the page, I’ve changed the google_ad_client to my publisher ID for the ads could not be displayed.

Please advice. Thank you.

15. Andrie 10:18 pm on April 23rd, 2008 (subscribed to comments)

Good job.. guys… thk’s 4 the template

16. Herman 11:10 pm on May 1st, 2008 (subscribed to comments)

Thanks for the template. I Really like it.

Actually, I want to make sidebar (Two or single column) under the Amazon Widget. Also, I want to replace Google Ads in the header with my own ads (but actually with picture format). Please help me how to do that.

17. Betty 12:23 am on May 2nd, 2008 (subscribed to comments)

Amazon deal of the day dynamic widget, how can I remove this widget, I live in Holland so there is no use for it. But I can’t manage to remove the widget.

Thank you for this great template!

18. mohan 10:27 pm on May 6th, 2008 (subscribed to comments)

Honestly I love this template

I just want to ask you how to put adsense code beside posting ,I’ve used Blogger Ad Code Converter but the result very bad. Please help me to overcome this problem.

19. Matt 11:43 am on May 9th, 2008 (subscribed to comments)

Hi,

Great template!

What do I need to do to modify the code so that instead of the name of my site as TEXT appearing in upper left hand corner of my header area, I can add a logo IMAGE.

thanks!
Matt

20. ADHAM 11:51 pm on May 10th, 2008 (subscribed to comments)

dis iz awesome

21. David 7:33 pm on May 11th, 2008 (subscribed to comments)

@Matt, you’d need to go into the template and remove the “title” tag. Then replace it with the url to your new image.

22. Matt 8:21 pm on May 11th, 2008 (subscribed to comments)

Hi David,

Re: your comment, “@Matt, you’d need to go into the template and remove the “title” tag. Then replace it with the url to your new image.” can you be more specific as to the lines of code with the “title” tag.

I see a bunch of areas where there’s a title.

Could you provide the lines of code in your reply back and then show me what you would change in these lines of code by inserting a url of an image?

thanks so much!
Matt

23. David 8:28 am on May 14th, 2008 (subscribed to comments)

@Matt, you’ll want to modify this block:

<b:includable id='title'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <data:title/> <b:else/> <a expr:href='data:blog.homepageUrl'><data:title/></a> </b:if> </b:includable>

Replace both <data:title/> tags with the url to your image. So use something like <img src='http://www.yourblog.com/images/your-image.gif' />

That should do the trick. You might need to tinker with it a bit before it’s aligned properly though. Also make sure to backup your existing template before making any changes.

24. Matt 10:27 am on May 14th, 2008 (subscribed to comments)

That did it! thank you!

25. Matt 3:29 pm on May 15th, 2008 (subscribed to comments)

Hi David,

One more question… In this blogging pro blogger template, how can I change the background color of JUST the post so it mimics what I’m currently doing here:
http://www.duelingtampons.com

(light blue post background while the background behind it is white)

thanks!
Matt

26. Herman 8:13 pm on May 15th, 2008 (subscribed to comments)

Hi David,

I tried to set “Read more…” ini my blog many times. Unfortunately I always failed to do it. There is extra code in your template,

then I could not set it with the code. All of blog tutorial mention if I want to set “read more”, the code must be:

.fullpost{display:inline;}

.fullpost{display:none;}

Read More ..

Whould you please help me to set “read more” or “read summay” David…

27. Herman 8:41 pm on May 15th, 2008 (subscribed to comments)

I am sorry David. The code I wrote in the previus comment is not viewed.

I just asking you how to set my blog template using “read summary”or “read more”. Some blogs tutorial mention how to do it, but it doesn´t work in your template.

28. aco 6:15 am on May 16th, 2008 (subscribed to comments)

Great template, David. Can you tell me where I need to post my Adsense code so it shows on the end of every post? Thanks

Trackbacks

3 Column Blogger Theme - Blogging Pro | A New Morning - Blogging, Technology, News

Blogger Template Info

Blogging Pro Template

Top Tabs Setup

Configure The Three Header RSS Links

Header AdSense Setup

Individual Post Date Setup

Amazon Deal of the Day Widget

Footer Recent Posts and Comments Widgets

Recommended Money Makers Section

Live Traffic Feed Sidebar Widget

What's Next?

29 Responses to “Blogging Pro”

Trackbacks

Leave a Comment or Review

Blogger Sponsors

Make Money

Sponsors

Bookmark

Best Blog Money Makers

Blogging Resources

Most Commented

Recent Readers

Blogger Template Info

Blogging Pro Template

Top Tabs Setup

Configure The Three Header RSS Links

Header AdSense Setup

Individual Post Date Setup

Amazon Deal of the Day Widget

Footer Recent Posts and Comments Widgets

Recommended Money Makers Section

Live Traffic Feed Sidebar Widget

What's Next?

Recommended Articles

29 Responses to “Blogging Pro”

Trackbacks

Leave a Comment or Review

Blogger Sponsors

Make Money

Sponsors

Bookmark

Best Blog Money Makers

Blogging Resources

Most Commented

Recent Readers