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

WP Premium Template

Click to enlarge WP Premium Blogger template


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:

  • RSS feed
  • Feedburner subscribe to email
  • Three 125×125 ad spots
  • Dynamically created header tabs
  • Search bar
  • Very cool sidebar tab switching without the page reloading (Never used on a Blogger template before!)
  • Recent comments and posts widgets
  • Topics and Blogroll widgets
  • Footer link widget

Configuration

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.

Header Tabs

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.

Subscribe to Feed Via Email

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.

100 x 100 Ad Spots

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>

Recent Posts & Comments

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.

Topics and Blogroll

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.

Ads Widget

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.

Footer Link Widget

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.

footer-links.png

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.

Revision History

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.




Trackbacks


417 Responses to “WP Premium”




   
devil blogger on Aug 7, 2008, 12:36 am  

help…the red image on the header was lost…and i dunno how to put it back…i tried to put another red image but the scubscribe to this blog thing willget lost. so i just left it as it ease until somebody tries to help me… please visit my site and comment ur suggestions.. thanks… help would be appreciated.. hehe


   
Mark on Aug 8, 2008, 4:12 am  

This template is one of my favorite template, Link: http://www.free-bie.co.cc


   
nisets on Aug 10, 2008, 1:03 am  

@Vivek Remove Google Ad : Look for this

and remove anything between that div tag. Now your div tag looks like this


   
nisets on Aug 10, 2008, 1:06 am  

@Vivek somehow the div tag did not appear. Well look for div that has id = ga-ads and remove anything between that div. Good luck :mrgreen:


   
Analisis Fiqih on Aug 13, 2008, 7:52 am  

Hello…everyone. Could you tell me how to add more tab ….. not only two tabber, but maybe three or four …

Btw, I wanna ask, is adding more Tabber tab make our blog slow ?

thanks
http://analisis-fiqih.blogspot.com


   
Info Stuff on Aug 14, 2008, 4:55 am  

Its a nice template and the integrating of the ad sense within the post makes it kool 😉


   
Evolution - World on Aug 14, 2008, 6:23 am  

😯 .oO Really Nice ads placing 🙄 but i don’t wanna change my template … I Love eBlogTemplates 😛


   
sneh on Aug 15, 2008, 11:13 am  

Hi,
Thanks for the template. I have a question
I want to delete the rss feed icon and subscribe via email thing from my page.
please tell me what part of the code i need to delete.


   
Conquer Weight Loss on Aug 17, 2008, 10:41 am  

How do you fix the top tabs. A few people above mentioned they fixed it, but didn’t say how. 🙁

I have tried everything but the tabs keep showing up toward the right hand side of the site and in very large font?


   
Conquer Weight Loss on Aug 17, 2008, 12:33 pm  

I got the top tabs to work. The problem was with the code underneath the feedburner code that starts with . I just re-copied that section from the downloaded template and replaced it in the html code. 😆


   
aggie168 on Aug 21, 2008, 3:54 am  

hello, Davis.. you’ve done great job. 😀 by the way, i wanna ask how can i put adsense between post like you do on lie demo? thanx


   
aggie168 on Aug 21, 2008, 4:01 am  

hello, David.. you’ve done great job. 😀 by the way, i wanna ask how can i put adsense between post like you do on live demo? thanx

i’m sorry for mistyping above.. sory


   
Kenneth L. on Aug 22, 2008, 6:20 pm  

Hi guys, I just wanted to inform the blogger community that I have decided to give away my old blogger template, which is named “Zixpk Blue.”

The template that I am giving away is a modification of this template “WP Premium”. I decided that instead of having all my hard work that I put into customizing it being trashed, that I would just give it away so that the blogger community could use it:)

So please check out the template at zixpk.com


   
cscara on Aug 28, 2008, 5:44 pm  

Thanks.
I just uploaded to my blog
http://programegratis.blogspot.com
This is a hot one 😆


   
p4ladin on Aug 29, 2008, 8:52 am  

   
jenskye on Aug 31, 2008, 3:11 am  

hi..this template is nice..i’m using it already in my site..but i do have a little problem..i can’t find the 100×100 ads..i wanted to customized it but i can’t find it in the html codes coz it’s quite different from what you have posted to the configuration..i hope u can help me..tnx!!:wink:


   
galowz on Aug 31, 2008, 5:49 pm  

Hi,
Thanks for the template.

For example my blog >>


   
galowz on Aug 31, 2008, 5:51 pm  

   
jenskye on Sep 1, 2008, 5:46 am  

hmmmm…i still want to retain the ad space their but i wanted to replace the ads with mine..how would i do it??


   
NL on Sep 2, 2008, 1:43 am  

Hello,
First of all, thanks for providing such great template for free. I am currently using for my blog, http://blog.vsatradealerts.com.

After each update on my blog, I will usually test my blog is loading on common browser such as Firefox, and Internet Explorer. I did notice that when I test with IE there is always an error that says, “Invalid character on position 19 of line 446.” The blog is able load successfully with IE. I don’t get this error on Firefox. Do anyone encounter this error? Appreciate your advice.
Thanks in advance
😉


   
rahul on Sep 7, 2008, 10:49 pm  

Hey can you tell how can i add archives along with search and categories in the sidebar tabs


   
NL on Sep 8, 2008, 3:34 am  

Hi,
Your shared URL indicated that you are using blogger. The steps are as follows:
1. Login to blogger
2. Click Layout and it will bring you to Page Element
3. Determine the position where you would like to have your blog archive, and click on add a gadget
4. Look for Blog Archive and click + button to add to see a new window.
5. Arrange your blog archival setting accordingly and click save.
6. Click Preview to check, and if you are happy click Save.
You can find more stuff from this url, http://help.blogger.com/ as well.

Hope it helps. 😉


   
Andy on Sep 9, 2008, 2:07 am  

Check my page http://www.bingkisandarineo.com
any suggestion for me to make it better.. 😉


   
rahul on Sep 10, 2008, 10:53 pm  

How to add archives to the sidebar tabs along with search and categories….


   
jacob on Sep 17, 2008, 9:27 pm  

i was using it now in my modification blog…nice template ….


   
oktant on Sep 20, 2008, 7:56 am  

This template look greats. I also have using it.
I really appreciates your work. :mrgreen:


   
Mark on Sep 22, 2008, 7:28 pm  

Hey can you post something to tell us how to fix the subscription bar? I just checked your live demo and it is having the same problem my sites are. The subscription bar is cut in half or something…


   
rahul jadhav on Sep 22, 2008, 7:55 pm  

ya im also facing the same problem as mark…..there is some problem with the email subscription box..it has moved out of the header


   
Sean on Sep 22, 2008, 8:02 pm  

Confirmed: I have the same problem on my blog using the WP Premium Blogger template. Any ideas why the “Subscribe via Email” section is suddenly out of alignment?


   
Mike on Sep 22, 2008, 9:20 pm  

Hi
Look at the header of website.
http://farm4.static.flickr.com/3080/2881627696_72c300ee24.jpg

The subscribe via email is not positioned at its correct position


   
john.wright on Sep 22, 2008, 10:28 pm  

Yes Even I am having the same problem. The “subscribe via email” is out of header. Admin please debug the theme 🙁


   
jacob on Sep 23, 2008, 1:06 am  

yea i agree with the subscription part,
at first it was all ok…but now as you can see it was like cut in half and out of header…what happen? ❓


   
john.wright on Sep 23, 2008, 1:31 am  

Really not sure what happened. It happened all of a sudden and looking very awkward. Please someone fix the theme ❗


   
xenthur on Sep 23, 2008, 1:35 am  

your right john its strange…it just suddenly happen…out of alignment .. 😯

Here my blog link, its really missed up


   
xenthur on Sep 23, 2008, 1:36 am  

*messed up

correction :mrgreen:


   
Calipso on Sep 23, 2008, 4:24 am  

I have the same problem so I disable it using comments tag

<!–

Subscribe via Email

–>


   
Calipso on Sep 23, 2008, 4:29 am  

If you want to disable it locate for this section in the template code, add the open comment

” “


   
Calipso on Sep 23, 2008, 4:33 am  

sorry it doesnt displayed:

locate for <div class=’subscribe’>

……………..

</div> &lt!– subscribe –>


   
Calipso on Sep 23, 2008, 4:43 am  

<!– <div class="subscribe">
<a expr:href="data:blog.homepageUrl + "feeds/posts/default""><span class="rss"/></a>

<div class="subscribeform">
<p>Subscribe via Email </p>
<form action="http://www.feedburner.com/fb/a/emailverify&quot; method="post" onsubmit="window.open('http://www.feedburner.com&apos;, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="input" name="email" type="text" value=""/>
<input name="url" type="hidden" value="http://feeds.feedburner.com/~e?ffid=YOUR-FEED-ID-HERE"/&gt;
<input name="title" type="hidden" value="YOUR BLOG NAME HERE"/>
<input class="sbutton" type="submit" value="Subscribe"/>
</form>
</div>
</div> –> <!– subscribe –>


   
Ahmad Shiekh on Sep 23, 2008, 8:45 am  

Subscribe Via Email Element formatting is disturbed in this format. how can we correct it?


   
solum on Sep 23, 2008, 5:15 pm  

SOS. Can you please tell me how to fix a problem I have with the RSS and Subcreive to email part on my blog. I never had any problems until google decided to make some tweaks on blogger.

Mu URL is iblogZone

Thank you very much


   
xenthur on Sep 23, 2008, 5:17 pm  

your right solum, same thing happens to me…

we’re waiting for there answers. 😥


   
devilblogger on Sep 24, 2008, 1:19 am  

omg, how do you fix the suscribe via email section. I lost my header before and had to undo the whole blog code. I don’t want to tweak on my blog for hours just to get it back again. admin, pls do debug the theme. jiji thanks… can someone help me with it? thanks in advance, my blog is by clicking my name.


   
John.wright on Sep 24, 2008, 8:02 pm  

I think there is something wrong with some image loaded in photobucket.
I have moved my blog to wordpress with same theme. I think admin is not replying because he needs more comments on his blog 🙂 (Just a joke admin)
Thanks


   
John.wright on Sep 24, 2008, 8:05 pm  

Look wordpress version is fine:
http://www.contentretail.com


   
Sean on Sep 24, 2008, 8:22 pm  

I have a feeling that this image is the culprit:

http://i254.photobucket.com/albums/hh92/eblogtemplates/wppremium/sinputbg.png

Shows up blank when you load it, but I have a feeling it wasn’t blank before. Any have an old saved copy of it?


   
Sean on Sep 24, 2008, 8:25 pm  

Nope, my bad, that image isn’t the problem. Must be another one….


   
Calipso on Sep 24, 2008, 10:37 pm  

I disable the subscribe form, take a look at my blog. U want to know how to diasble it?


   
Calipso on Sep 24, 2008, 10:49 pm  

I think the problem is on this CSS portion. Try to minimise the .subscribeform input width less than “188px”. I do not the impact if you minimise the width of the background.

.subscribe{background:url(http://i254.photobucket.com/albums/hh92/eblogtemplates/wppremium/subscribebg_red.png) bottom left no-repeat; float:right; height:60px; position:absolute; right:0px; top:0px; width:383px}

.subscribeform{float:left; overflow:hidden; padding:5px 0pt 0pt 18px}

.subscribeform p{margin:0; padding:0; font:bold 14px Arial,Helvetica,sans-serif; color:#fff}

.subscribeform .input{ width:188px; height:21px; padding:12px 5px 0 5px; border:none; background:url(http://i254.photobucket.com/albums/hh92/eblogtemplates/wppremium/sinputbg.png) no-repeat}


   
CelebsGossip on Sep 25, 2008, 4:54 am  

There is some problem with my template , feedburner email subscribe is not at proper position , please help me.

Apart from this i want to add borders to images i post by default , how to do that ??