After hours of code editing and tweaking, I’d like to welcome WP Premium Red to the eBlog Templates library. This gorgeous and powerful three column fixed width template originally designed for WordPress, can now be yours for free (all I ask of you is to please keep the footer links intact as a token of our hard work making this for you).
I’m sure most of you have seen this premium free theme before and wished it was available for Blogger. Many WordPress users were shocked to see this theme available by R.Bhavesh for free, including myself. I love the simple yet nicely laid out design. It reminds me a lot of the ProBlogger site which is in a league of it’s own.
I’d also like to note that there are no javascript external file dependencies in this Blogger template. Most free templates you download with javascript features link out to an external .js file and while the template might work well at first, it’s only a matter of time before it breaks.
All of the template images are also hosted on our Pro Photobucket account which has unlimited bandwidth. For you that means the images will always be there and not suddenly disappear at the end of the month. You might want to copy these images to your own server regardless just so you’ve got complete control of them.
This Blogspot template includes all the features of the original WordPress theme (even the javascript side bar tabs!) and all you need to do is configure them.
Features include:
This template was built to make it easy for you to setup without touching much of the code. Most sections were built using widgets so you’ll just need to edit each one accordingly. Follow the steps below to correctly setup the template so it will look like the screen shot above.
Before we begin, I want to point out the very cool sidebar tab switching feature. You probably didn’t notice it right away so look at the search box on the right side. Notice the second tab called “Categories” and click on it. Assuming you’ve got at least one category, you’ll instantly switch without the page reloading. Pretty cool huh? This was part of the original design for WordPress and eBlog Templates specially converted it over to Blogger using Javascript.
When you first load up the template, you won’t see any tabs. Don’t worry, it’s working properly and you just need to add new tabs. Unlike other Blogger templates, you don’t need to edit the code to add or remove tabs. Just go into the page element area and click on “edit” within the “Top Tabs” widget. Surprise, it’s a simple link list widget so just add as many tabs as you want with ease.
This section you actually need to edit the code to make it work properly. It’s wired up to work with Feedburner and all you need to do is pop in your id. Edit the template code and look for this section:
<input type="hidden" value="https://feeds.feedburner.com/~e?ffid=YOUR-FEED-ID-HERE" name="url"/>
<input type="hidden" value="YOUR BLOG NAME HERE" name="title"/>
Replace the YOUR-FEED-ID-HERE and YOUR BLOG NAME HERE with the appropriate values given to you from Feedburner.
If you have an Feedburner account, you’ll want to setup your RSS feed as well. Right above the section you just edited, you’ll find this code:
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"'><span class='rss'/></a>
Replace <a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>
with something like this <a href="https://feeds.feedburner.com/YOUR-FEED-HERE">
. Read our “How to Setup Feedburner on Blogger” article for more details.
This section is just an html widget so you can either delete it or paste in a few ads. The default ads will disappear once you fill the html widget box so don’t worry about touching the code. There’s nothing special about the ad formatting. The current ad code looks like this:
<a href="#"><img src="https://i254.photobucket.com/albums/hh92/eblogtemplates/wppremium/thumb1.gif"/></a>
<a href="#"><img src="https://i254.photobucket.com/albums/hh92/eblogtemplates/wppremium/thumb2.gif"/></a>
<a href="#"><img src="https://i254.photobucket.com/albums/hh92/eblogtemplates/wppremium/thumb3.gif"/></a>
Next we’re going to move down the sidebar and setup the recent posts and recent comments widgets. Instructions have already been written in another article so please read “How to Setup Your Recent Comments & Posts” post.
These are just simple link lists so feel free to remove them or add links to them. There’s plenty of sidebar space since there’s two sidebar columns.
This small html widget defaults to a Text Link Ads button as an example. Once you put something in the html box, this default ad will disappear. If you haven’t heard of Text Link Ads before you might want to take a look. It’s a great site which allows you to sell links on your blog. Read more about Text Link Ads for Blogger.
Just like the original WordPress design, this template also has the option to add footer links to match the top tabs. Unfortunately there isn’t a way in Blogger to automatically print out the same set of tabs so if you want to use this feature you’ll just need to enter the exact same tabs in this link widget.
This is what it should look like once you’ve added a few links. Some people don’t bother even using this widget so feel free to remove it or just not add any links to it.
Thanks to R.Bhavesh for the amazing design and deciding to give it away for free. I’d also like to thank Ivan over at Zona Cerebral for which portions of his template were used in creating this enhanced version. Template was converted into the new xml Blogger format by eBlog Templates.
Update (2/15/08): This template has been updated to include the Blogger page element layout editor missing scrollbar fix. I’ve added several new css elements like body#layout
CSS selector to add CSS styles that adapt templates to the editor.
Update (2/17/08): A bug was found in the search widget of this template (thanks Kenneth) which has been fixed. Anyone who downloaded this template prior to 2/17 will need to either re-download the template or make an easy one character fix to their existing template. I recommend backing up your template before you make this change. The fix is as follows:
Search your existing template for the following bit of code and replace the “s” with a “q“.
value="Search on this blog…" name="<strong><font color="#ff0000">s</font></strong>"
should be
value="Search on this blog…" name="<strong><font color="#ff0000">q</font></strong>"
After you make this change, save your template and the search box should now work properly. Sorry for the bug but at least it’s an easy fix right?
Update (2/18/08): A new bug was found in the individual posts section (thanks Nick). The date was being shown twice in the post header. If you downloaded this template prior to 2/18, you can easily fix this without downloading it again. Go into your template layout editor and edit the blog posts module. Uncheck the 3rd box down and save. It should now be fixed.
Update (4/22/08): The previous 100 x 100 ad spots weren’t very popular and have been replaced with 4 of the more standard 125 x 125 size banners. The default comes with four great ads which you can either keep or replace with your own. I recommend keeping them if you currently don’t have any ads to use. Then click through and sign up with each of the 4 ads and put your own version on your blog instead.
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.
Thanks for a great theme! I am trying to use the Red Style Sheet and cannot get the Google Ajax Search Text to change to a different color. I have made the changes in the Google Ajax Search Plugin but cannot get tnaythign to work. Can anyone guide me where I can change the color from white to Black Text? http://www.ppcmobility.com
This is a great template. I was wondering is there a simple way to add a related posts feature like the WordPress original could?? Thanks in advance!!
¡¡¡¡Fantástica, me encanta…!!!
Gracias.
Hello Admin,
Please help me i tried adding the template to my blog
http://6in1incomestreams.blogspot.com/
But it says We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The document type declaration for root element type “html” must end with ‘>’.
I copied the exact template i downloaded, please what can i do to make it work out,
anybody help pls my email is
delordsmail@yahoo.com
Please Help Me Admin,
i tried adding the template to my blog
http://6in1incomestreams.blogspot.com/
But it says We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The document type declaration for root element type �html� must end with �>�.
I copied the exact template i downloaded, please what can i do to make it work out,
anybody help pls my email is
delordsmail@yahoo.com
This is a nice template!
I’m having trouble getting the tab menu to display properly. The font appears to be much larger than what it is supposed to be. Anyone else having the same problem and is there any solution to this? Thanks in advance.
http://blog.joshuamok.com
I can’t seem to find this:
Can you like describe where to find it? Somewhere at the start? Middle? End? hehe. When I tried subscribing via email, it says the email subscription is not activated. It’s because I think the feed input is like the blogger’s feed. I have to change it to Feedburner but I can’t see to find the html code to change.
Thank you, Jacob. I’ve been trying to puzzle this out and have been delaying my blog launch. No more excuses as it works perfectly, so it’s time to put on my writing hat.
during downloading I get a msg ‘bad behaviour’. what is this?
I had uploaded the template, when i saved the template, there was an error mesage like this :
We were unable to save your template
Please correct the error below, and submit your template again.
The new widget id “Recent-Comments-Widget” is invalid for type: Feed
yeah change div tag to span for the considered portion for the correct positioning of subscribe button……..and thanks to magnata
oke..this tutorial..! thank for your posting
Lovely template have here..this one my fave!
Somethings not right. Every time I try and insert my own URL image in place of yours in my header-wrapper, it doesn’t show up.
My template is the WP Premium Red Blogger Template. At http://www.onlinegamelounge.blogspot.com
Note: I haven’t actually inserted the header image yet. Just previewed it only to have a milky white header.
Plus uploading an image to my header widget doesn’t work. Neither can I edit my fonts and colors page. help…
thank for post (:
l am having trouble when l try to install this template, cos when l try to install it doesnt show the images. l should try one more time. 🙁
Lovely template!
How do I fix this error?
“We were unable to save your template
Please correct the error below, and submit your template again.
The new widget id “Recent-Comments-Widget” is invalid for type: Feed”
Please be detailed as I am still a new blogger.
We were unable to save your template
Please correct the error below, and submit your template again.
The new widget id “Recent Comments Widget” is invalid for type: Feed
To everyone who is having some problems with uploading this template
You get the problem with widgets such as “Recent-comments-widget”, etc, because you need to do two things. While you’re in old template,
1. You need to add/enable the widget from “Add Gadget” of Layout (as mentioned in this post)
2. After adding, the id generated by blogger may be different from what’s written in the template. For example
This is from new template
This is generated by blogger in old template
So unless you change the feed id in new template with the ones generated by blogger, blogger won’t recognise your widgets. I think you get the idea for the rest of widget problems too.
Be Cool!!!
Swanbros
To everyone who is having some problems with uploading this template
You get the problem with widgets such as �Recent-comments-widget�, etc, because you need to do two things. While you�re in old template,
1. You need to add/enable the widget from �Add Gadget� of Layout (as mentioned in this post)
2. After adding, the id generated by blogger may be different from what�s written in the template. For example
This is from new template
b:widget id=’Recent-Comments-Widget’ locked=’false’ title=’Recent Comments’ type=’Feed’
b:widget id=’Recent-Posts-Widget1′ locked=’false’ title=’Recent Posts’ type=’Feed’
This is generated by blogger in old template
b:widget id=’Feed2′ locked=’false’ title=’Recent Comments’ type=’Feed’
b:widget id=’Feed1′ locked=’false’ title=’Recent Posts’ type=’Feed’
So unless you change the feed id in new template with the ones generated by blogger, blogger won�t recognise your widgets. I think you get the idea for the rest of widget problems too.
Be Cool!!!
Swanie
I have changed ’Recent-Posts-Widget1′ with Feed1 and it was accepted .. same with Feed2 and it was accepted … but then I got different one … Ads – that I did not get resolved when I put Feed3 for it … what to do??
Your description was good but not talking about all other problems … please help!!
The Recent post widget is not working for this template…
when click the Post a comment link it shows “We’re sorry, but we were unable to complete your request.” error msg… i am using this template …
Hi Tan,
I think you might have misunderstood what I was trying to say. It was just coincidence that the feeds’ names were “Feed1” and “Feed2” in my previous example.
For Ad, it might be “HTML” type. So you might need to create a HTML/Script widget first. Then replace “Ads” with that unique id. I hope that helps.
Regards,
Swanie
instead of div use span and thats it….ur subscription form problem will the solved……take a look at my blog
http://www.avivadownload.blogspot.com
help… ive tried to change the “recent-comments-widget” to feed1, but it failed…
uhmm… what’s happening here
thank you wp theme
———————————————————————
http://www.lcdhdtvmall.com
Oh! It’s cool. Thank you very much.
Well done.
Lovely template! thank you
——————————
http://www.cheapgpsnavigator.com
Nice template, but i am having an error message when i try to save it..
The Recent post widget is not working for this template
l am having trouble while in import it to blogger and also images, how can l put the images to blogger? or should l upload images to other place and change their links in theme ?
great template. thank you.
The best blogger template, thanks for sharing…
——————-
http://www.loansdir.co.cc
thank you the best theme
———————————————
http://www.cheapvacuumreviews.com
Swanie,
Can you explain this a bit more???
“For Ad, it might be “HTML” type. So you might need to create a HTML/Script widget first. Then replace “Ads” with that unique id. I hope that helps.”
I too had uploaded the template, when i saved the template, there was an error mesage like this :
We were unable to save your template
Please correct the error below, and submit your template again.
The new widget id �Recent-Comments-Widget� is invalid for type: Feed
please solve this problem
take a look at my blog
http://torrent-heaven.blogspot.com
great
it worked for me this time
thanks for sharing
take alook at my blog
http://torrent-heaven.blogspot.com
great! thanks
Great and thanks.. but Please Help me..
because my Right side bar is not working properly …
Means the Category which is automatically go for hide and search box is appearing after that…
now it is not coming … both are coming same time ..
in short the Widget is not working for me…
You can see my blog here .. http://www.Musics4U.co.cc
Please Reply.. its urgent..
Thanks in advance
I have been using this template for some time but my feeds died. I am trying to reload it but I keep on getting the following error:
“The new widget id “Recent-Comments-Widget2″ is invalid for type: Feed”
What do I do. Last time I loaded it there was no problem.
when clicking post a comment the comment box doesnot show up
please someone help me
http://wearenepali.blogspot.com/
Problem 1 solved.
Problem 2: Recent Posts and Recent Comments are not showing. This is why I reloaded the template but still have the same problem.
Please advise.
Thanks.
http://www.durbanbay.com/
great template. thank you very mouch
———————————–
http://www.ipodgenarations.com
great template, thanks for sharing it with us.
Here is my blog for bloggers:
http://bloggerfaq.co.cc
thanks for this lovely site.
My Recent Post and Recent Comments widgets are not working. First when i installed the template they were working fine but not now i dont know why.