Find Us On Twitter Blogger seo

Saturday, December 27, 2008

Revolution Church and Lifestyle Blogger templates


advertisements

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:

Admin Free Studd on January 5, 2009 2:57 PM said...

Hello admin,

there is a wrong link to download Revolution Crunch Blogger template. thanks

techknowl.com on January 6, 2009 10:51 AM said...

@Admin Free Studd
Thanks for notification...

Tips-4free on January 8, 2009 6:52 PM said...

Hi there,,,
Thanks for nice template..

good job...

Tips-4free on January 8, 2009 7:02 PM said...

Hi there,,,thanks for great template..
But i have a problem to download,,

there is wrong link..?
may u put another link ?

thanks...

Sekar on January 9, 2009 11:37 AM said...

good template..thx

Si Kurochan on January 10, 2009 11:19 PM said...

Why I Can't Download This Template?

aLiN on January 12, 2009 10:01 AM said...

Please also post a link for Revolution Crunch Blogger template .Greetz

techknowl.com on January 12, 2009 2:03 PM said...

@Si Kurochan ,aLiN : template link fixed . Please ask if you have any doubts regarding ad placement , logo , widgets etc.

Vineet Jain on January 13, 2009 7:54 AM said...

dude...how to put the logo

Vineet Jain on January 13, 2009 8:27 AM said...

and how to start the search function...its not working

techknowl.com on January 13, 2009 9:20 AM said...

Replace #logo CSS code with this one .

#logo {
width:450px;
padding: 1px 0px 0 0;

techknowl.com on January 13, 2009 9:25 AM said...

Please wait I am writing up ...

techknowl.com on January 13, 2009 9:43 AM said...

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)

techknowl.com on January 13, 2009 9:49 AM said...

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 == &quot;&quot;) {this.value = &quot;Search this website...&quot;;}' onfocus='if (this.value == &quot;Search this website...&quot;) {this.value = &quot;&quot;}' type='text' value='Search this website...'/>
<input id='searchbutton' type='submit' value='GO'/>
</form>

now save your template .

Vineet Jain on January 14, 2009 9:50 AM said...

thanks for d help

Vineet Jain on January 14, 2009 9:52 AM said...

plz can u tell me how to make the navigation bar...first letter capital

Typhoon on January 16, 2009 7:12 AM said...

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.

Anonymous said...

Hi,

May I know how do I add a 468x60 banner beside the top banner logo?
thanks!

Hamzah on January 23, 2009 4:55 AM said...

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 :)

Hamzah on January 23, 2009 5:08 AM said...

Oh yeah,
I mean just like I saw on the demo priview
thanks.

ROSHMITH on January 28, 2009 3:50 AM said...

nice template..thanx

Sports Betting Guy on January 29, 2009 7:36 PM said...

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!

ice_hot on February 3, 2009 6:41 PM said...

i have the same problem with hamzah... please help

Aliexxa on February 9, 2009 9:20 AM said...

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

techknowl.com on February 9, 2009 7:08 PM said...

Hello aliexxa, remove or backup all your widgets and re upload the template . Normally it would work fine .

techknowl.com on February 9, 2009 7:16 PM said...

Revolution Church and Lifestyle Blogger templates

Chris A. on February 10, 2009 11:12 AM said...

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

Mohammad Mustafa Ahmedzai on February 10, 2009 12:12 PM said...

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

Nadia on February 10, 2009 6:20 PM said...

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...

techknowl.com on February 10, 2009 11:09 PM said...

@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.

techknowl.com on February 10, 2009 11:16 PM said...

@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.

techknowl.com on February 10, 2009 11:18 PM said...

@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 .

techknowl.com on February 10, 2009 11:30 PM said...

@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 .

Mohammad Mustafa Ahmedzai on February 11, 2009 11:53 AM said...

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

Srinivas Raman on February 20, 2009 1:28 AM said...

revolution blue theme is not uploading to my blogger. an error named bX-722g9n is showing . plz help me

Anonymous said...

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!!!!!

techknowl.com on February 27, 2009 6:25 AM said...

@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")

annoyin anonymous on February 28, 2009 4:01 AM said...

Thnx dude I got it up wooooo ch ch ch ch check it out
http://www.thebitchnfamous.blogspot.com

Brittney-Lynn on March 2, 2009 11:53 AM said...

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.

techknowl.com on March 2, 2009 1:42 PM said...

@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.

Chris A. on March 3, 2009 2:07 AM said...

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.

Brittney-Lynn on March 3, 2009 1:19 PM said...

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!

Acerbic on March 7, 2009 1:25 PM said...

How to change the button "Search" (GO) ???

Anonymous said...

How can you change the background Color of the revolution church template? The black is so blah....

Acerbic on March 14, 2009 7:38 AM said...

Has guessed. :)

#searchbutton {
background: #555 url(http://www.revolutiontwo.com/demo/church/wp-content/themes/church_10/images/topnav.png);

Abhishek Sharma on March 18, 2009 4:24 PM said...

Its not working please help :)!!! I cant find that code. Please

admin on March 18, 2009 10:46 PM said...

@Sharma Which code you are talking about ??

Abhishek Sharma on March 19, 2009 1:49 PM said...

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

Tania on March 28, 2009 4:15 AM said...

thanks for the templates but i can't find the 'older post' link. :(

techknowl.com on March 28, 2009 10:13 AM said...

Hello use http://www.techknowl.com/2009/02/download-this-blogger-template.html

Anonymous said...

how to put the ad on the header please help...

Arthanus on April 13, 2009 12:16 PM said...

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?

Kempoel Qucluk on April 19, 2009 10:18 AM said...

join my blog

Nandy said...

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..

Cinho Kutia on April 27, 2009 6:45 AM said...

Why the 468x60 Ad Banner Top appears only in Firefox? It does not appear in ie. How can i fix this? Thanks

Cinho Kutia on April 28, 2009 6:45 AM said...

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;
}

Anonymous said...

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..

Paritosh on May 8, 2009 10:48 AM said...

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

leonardo on May 20, 2009 12:23 PM said...

this template is just awesome.view the updated version at bloggergrid.blogspot.com
with all new features.

Unita on May 25, 2009 4:08 PM said...

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!!!

Planeta Srbija on June 1, 2009 3:20 PM said...

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??!

Planeta Srbija on June 7, 2009 6:17 AM said...

Anybody??? (it must be something simple) ???!! b-(

∂αηιєℓ on June 12, 2009 1:57 PM said...

How do you get back the Older Post and Newer Post? Thanks in advance

Planeta Srbija on June 17, 2009 3:26 PM said...

@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

Bismillah Slamet on June 25, 2009 10:53 PM said...

I hope the widget not error like my first download from blogganol.I like revolution blue

Dav7 on June 26, 2009 2:11 PM said...

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

Dav7 on June 29, 2009 11:22 AM said...

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

Anonymous said...

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

dailyventures on February 7, 2010 8:14 AM said...

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

Jasper Chan on February 8, 2010 5:14 AM said...

daily venture you need to go to edit layout then html and search for "sample page" from there edit your top menu

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

Please don't be anonymous while submitting comments or asking help ( use your name , not seo keyword ).

 

Google ,Adsense ,Blogger ,Youtube and Orkut are registered trademarks of Google Inc US and other countries |iPhone and Mac OSX © Apple Inc | Windows © Microsoft Corporation |All other registered brands © Repective owners| 2008-2009 Techknowl.com| by Downhub.com