Revolution series of Wordpress themes were developed by Brian Gardner and the Revolution team . These themes went open source after Brian's announcement on late October . Now they can be downloaded at Revolution theme's website for free of charge .
Revolution magazine style themes crunch and lifestyle were converted into Blogger templates and here I am republishing those templates with few customizations . They are three column fixed width Blogger templates . Both Church and Lifestyle are professional looking Blogger templates with two CSS drop down menus . Unfortunately , these drop down menus doesn't work with any versions of Internet explorer. Featured content option from the original Revolution Wordpress theme was removed for adapting with Blogger .
Revolution Crunch Blogger template :
There are two navigational bars .
Top navigation bar can be customized by searching for the following section in your template code . Press Cntrl+ F and search for the code start line <div id='NavbarMenuleft'> .In the menu sample page , there is drop down menu and a sub menu for each member .This is the code strip for sample page <a href='#'>Sample Page</a> . Change the # symbol with the required URL . Similarly you can change the sub menu <a href='#'>Sub Page #1</a> and its sub menu <li><a href='#'>Sub Sub Page #1</a></li> , in each case . For changing bottom navigation bar , you have to search for <div id='subnavbar'> .Now change the sub menus as discussed above .
Download Revolution church Blogger template
Demo
I am using a customized version of Revolution church Blogger template . So if you want to know more about adding a logo , advertising and widgets pattern found here , please ask in the comment section .
Revolution Lifestyle Blogger template
You can customize Revolution Lifestyle Blogger template in similar way as that of the Revolution church template . After uploading the template , search for text adsense . Parse your adsense code and paste it to the two available locations . A custom made logo can also be used with Revolution Lifestyle Blogger template .
Download Revolution Lifestyle Blogger template
Demo
You can Change the Adesense code by this method : insert adsense in Blogger posts
( Here you will have to search a CSS selector term gapad and change the associated
adsense code) .
Here is another set of Revolution Blogger templates
Revolution code Red
Revolution code Green
Revolution code Blue
available here














70 comments:
Hello admin,
there is a wrong link to download Revolution Crunch Blogger template. thanks
@Admin Free Studd
Thanks for notification...
Hi there,,,
Thanks for nice template..
good job...
Hi there,,,thanks for great template..
But i have a problem to download,,
there is wrong link..?
may u put another link ?
thanks...
good template..thx
Why I Can't Download This Template?
Please also post a link for Revolution Crunch Blogger template .Greetz
@Si Kurochan ,aLiN : template link fixed . Please ask if you have any doubts regarding ad placement , logo , widgets etc.
dude...how to put the logo
and how to start the search function...its not working
Replace #logo CSS code with this one .
#logo {
width:450px;
padding: 1px 0px 0 0;
Please wait I am writing up ...
here's how you can add a logo in revolution church and revolution Lifestyle Blogger templates
Put the following CSS code Just above
/b:skin (search using Cntrl+F)
#logo {
width:450px;
padding: 1px 0px 0 0;
Now click to expand widget templates . Press Cntrl+F and search for <b:if cond='data:useImage'>
and place the following code above that line
<div class='left' id='logo'>
<a expr:href='data:blog.homepageUrl'><img alt='' height='138px' src='http://img171.imageshack.us/img171/2825/techknowllogomaingo5.png' width='399px'/></a>
</div>
replace the above image link with your logo ( 140* 400)
Fix for search box .Search for the following line
<div id='NavbarMenuright'> . Remove all code between that line and next </div> and replace it with
<form action='/search' id='searchform' method='get' style='display:inline;'>
<input id='searchbox' maxlength='255' name='q' onblur='if (this.value == "") {this.value = "Search this website...";}' onfocus='if (this.value == "Search this website...") {this.value = ""}' type='text' value='Search this website...'/>
<input id='searchbutton' type='submit' value='GO'/>
</form>
now save your template .
thanks for d help
plz can u tell me how to make the navigation bar...first letter capital
If you want to have a look at 3 other Revolution Blogger template namely:
Revolution Code - Blue
Revolution Code - Gray
Revolution Code - Red
Then you can Have a look here:
http://www.smartbloggerz.com/2008/12/5-revoultion-blogger-templates.html
By the way techknowl is very busy in solving people's problems..This template is having gr8 popularity nowadays.
Hi,
May I know how do I add a 468x60 banner beside the top banner logo?
thanks!
hi nice template good work man
I've downloaded both of them and I've tried to use Revolution Lifestyle Blogger template, But I still have a problem. It's why when I create a post (posting) it always makes two posts.
www.getw3.blogspot.com.
but nice work and thanks.
Admin, please take me of my problem :)
Oh yeah,
I mean just like I saw on the demo priview
thanks.
nice template..thanx
How do you remove or edit the ads between / after posts!?!? I must have gone through the entire code 10 times and can't find it.
Please help!
i have the same problem with hamzah... please help
hey ... man when i put this template is give me a error and in this error is tell me an code ... please help me ! thx and have a nice day
Hello aliexxa, remove or backup all your widgets and re upload the template . Normally it would work fine .
Revolution Church and Lifestyle Blogger templates
Problem: Missing comment Box and ink to Comment Box for Revolution Church Blogger Lay Out
I've applied it in my Blogger but the comment box is missing. Can you please help me out. Really need to fix this. Thanks.
For reference see my blog here:
http://lifeonapencil.blogspot.com
Awesome Template and awesome teacher over here!!!
Plzz help me on how to make the first letter capital in the main nav bar. As you did for HOME, BLOGGER, MICROSOFT etc... plz help
Nice template, but...Whose adsense accounts are the built-in ads linked to? I changed it to link to my own but before, they werent...
@Chris : Thanks for visiting techknowl.com and for using revolution Blogger templates
Solution : You are using a basic Blogger template . For activating comment form , go draft.blogger.com and set it as your default Blogger dashboard .Now go to settings >comments>
check Show and Embedded below post buttons.
@Mohammad Mustafa Ahmedzai :
I hope you know that CSS is used to style the alignment , text and font properties of Blogger templates .
Here you can change the property text-transform: uppercase; to text-transform: none; Now there will not be any problem with the text modification.
@Mohammad Mustafa Ahmedzai :Thanks for visiting techknowl.com and for using revolution Blogger templates .
If you have any doubts , please feel free to ask them here .
@Nadia Thanks for visiting techknowl.com and for using revolution Blogger templates .
Actually I used that adsense code to show where the code should be added . You can always change it with yours . I have edited the post and added a method to insert /change adsense code in revolution Blogger templates .
Hi I tried the code and it worked.
My sweet teacher can u tell me one thing more, How can I increase the width of that 468 x 60 banner. Its going out of the required width and looking awful. Plz help me
Have a look at my add banner here
TnT by STC
revolution blue theme is not uploading to my blogger. an error named bX-722g9n is showing . plz help me
it's really funny how people seem to notice the ads you added between your posts, and those are your ads, and it's funny how u didnt answer sports betting guy. tell us how remove UR ADS between the posts!!!!!
@Anonymous : The ads are mine and I have given those ads to show how it possible for you to insert your ads into the template :D .Please check the expand widget templates . Unless ,you won't be able to see the advertisement code . (You can use Ctrl+F and search like "pagead")
Thnx dude I got it up wooooo ch ch ch ch check it out
http://www.thebitchnfamous.blogspot.com
there is an ad hovering over my entries that i cannot remove. i'm not sure how it happened since the only ad i have is the one to the right which i added via the widget management tool on blogger.
thefullcoverage.blogspot.com
any idea on how to remove it? i tried searching for pagead with widgets expanded, i find nothing. no mention of ads at all.
@Brittney-Lynn :
Search pagead it will work . Else search for "gapad" and look for any adsense code just after that line .If you can't find solution , then remove all your ads and widgets and reupload the template.And further if you have any doubts , ask them here .
PS: A method to change logo is given on comments.
My blog is indeed a blogger classic and already followed your instructions about tweaking the comment setting but it is still the same but no worries I've just placed a generic commenting system, so it is alright now. What I am having trouble now is the missing "OLDER and NEWER Buttons Post" in the bottom of my blog. I've tried searching to add a generic code but have failed doing so. That is why I am approaching you once again. You can check my code source and tell me what to tweak. You'll notice it here in my blog:
http://lifeonapencil.blogspot.com
Hoping for your immediate response.
Thanks so much, I think what I did was delete the gapad box itself but not delete the adsense coding somehow. When I first previewed the template i only had one entry so I thought the adsense box would remain at the bottom and I deleted it because I didn't want that, I didn't realize it would be between each entry, and that is fine with me. So the ad was just hovering there without anywhere to be placed.
I saw the logo thing earlier, I had already included the code I just hadn't changed it to my image yet. Thanks!
How to change the button "Search" (GO) ???
How can you change the background Color of the revolution church template? The black is so blah....
Has guessed. :)
#searchbutton {
background: #555 url(http://www.revolutiontwo.com/demo/church/wp-content/themes/church_10/images/topnav.png);
Its not working please help :)!!! I cant find that code. Please
@Sharma Which code you are talking about ??
Im talking about
< div id = 'NavbarMenuleft' >
I cant find it in the template. I mean as in like i went on editor and could not find it. I want to change the thing to upper case and lowercase
thanks for the templates but i can't find the 'older post' link. :(
Hello use http://www.techknowl.com/2009/02/download-this-blogger-template.html
how to put the ad on the header please help...
Removing Gapad is a way of removing it's size, etc. I'd like to replace the code of google ads after each post. How do i do that?
join my blog
hello admin..I really like the revolution church template! thanks for the upload:)
I need a lil help customizing the post background part.I want the posts to be in a single background(instead of different blocks for each posts)with separators for each post.I hope you can help me with it..
Why the 468x60 Ad Banner Top appears only in Firefox? It does not appear in ie. How can i fix this? Thanks
To fix the problem in IE that 468x68 Banner Top don´t appears in the right position replace by the code.
.headerright {
width: 486px;
float: right;
margin: 0;
_margin-top: -86px; /* Fix Position IE */
padding: 18px 0 0;
_padding: 1px 0 0 0; /* Fix Position IE */
font-weight: bold;
}
please help, the comment box is not working or alligned properly, i follow your solution
Solution : You are using a basic Blogger template . For activating comment form , go draft.blogger.com and set it as your default Blogger dashboard .Now go to settings >comments>
check Show and Embedded below post buttons.
but it doesnt change at all..
please help..
Hats off to such a wonderful piece of work. I have successfully uploaded the template. However i am facing 2 distinct problems :
1. I am not getting a comment box despite of using the latest blogger version ( i started blogging in 2009 )
2. At the following given url
http://www.techvorm.com/2009/05/forget-dog-its-zoozoos-time.html
and in all the posts when opened individually, the last 2 widgets somehow come outside the margins infact they are totally out of the margins.
I hope that you have answers to these questions and please reply asap because it looks really awkward to see widgets flying out of margins ! !
Thanks
this template is just awesome.view the updated version at bloggergrid.blogspot.com
with all new features.
Hi, thank you for this template. Great work... just a question though. How come the first picture in every post of mine is posting aaaall the way to the right? You can't even make out the actual image... please take a look at my blog and tell me what I did wrong! Everything looks awesome but for that first image in every post. THANKS!!!
Hi there
here is one real question - if you can fix it you are the one!
Take a look of the search result when no search criteria matches: http://kucnibioskop.blogspot.com/search?q=slonovi
How to fix the sidebar to stay on right??!
Anybody??? (it must be something simple) ???!! b-(
How do you get back the Older Post and Newer Post? Thanks in advance
@daniel: it seems that I can't paste code in this comment?! Take a look at my blog: http://www.my-web-solutions.blogspot.com
I hope the widget not error like my first download from blogganol.I like revolution blue
I am trying to change the widths of the posts area (make only 570) and the sidebar (to be larger), but I cant find the proper containers to change.
I already changes the posts, but now the sidebar don't align on the right and goes down the template :S
is anyone wants to help me, my test blog is here http://g-f-2.blogspot.com/
note the sidebar that I want to enlarge !
tks
Is there a way to have a link at the bottom of the blog for 'Older Posts' instead of having to go to the archives?
and also has anyone got the entire code for the original SEARCH FUNCTION for the site and also where to place it in the html??..
Thank u so much in advance
could you please help me edit the menu on top of my blog.. I just change my template today but I can't seem to see on the layout an option to change the menus on top.. my blog is located at http://onlinedailyprofit.blogspot.com
daily venture you need to go to edit layout then html and search for "sample page" from there edit your top menu
Post a Comment
Please don't be anonymous while submitting comments or asking help ( use your name , not seo keyword ).