Pages

Tuesday, May 10, 2011

Revive | Free premium blogger template

Today, I am releasing Revive, a free premium blogger template. The template is available in five different hot colours: pink, red, green, blue and orange. This is the first time I'm releasing multi-colour versions of the same template. I've managed to compress all five different colour versions into a RAR file. So that you don't have to download them one-by-one which would really waste your time.


Revive Blogger Templates Demos


Here are the demo blogs of five versions of different colours of Revive Blogger Template.

Revive Red Blogger Template

Revive Pink Blogger Template

Revive Orange Blogger Template

Revive Blue Blogger Template

Revive Green Blogger Template



Download


Download Revive blogger template for your blog now.

Download Now


Features of Revive blogger template


1. Featured contents slider
You can display your popular/featured posts here. The slider is only visible in home page of the blog and not in archive pages, post pages or static pages.



2. Multi-level drop down navigation menu
This CSS only multi-level dropdown menu works without any javascripts.



3. Tabbed sidebars
Only the first three widgets in the sidebar will be shown in tabbed sidebar. Thanks to Abu Farhan for this great feature.



4. Three column footer
The template comes with a minimalistic three column footer.



5. Post Title with comment bubble
Post comments number is shown in a small "tab" like feature beside every post title. The "tab" above the post wrapper shows "Latest Posts" in the home page and shows "You are reading" in post/static/archives pages.



6. Unique Comments Display
Most of the blogger templates care less about the design of comments boxes. But, I've managed to design comment boxes with unique look. I've implemented the same technique used to display the comments in Intro Blogger blog in this template.




Editing instructions


1. Featured contents slider
  • Replace the "Sample Post 1" between <h2>...</h2> tags in the code below with the post title of your featured posts.
  • Replace href='#' with desired URL and src='......'  with desired image source URL in <a href='#'><img alt='' height='145' src='http://3.bp.blogspot.com/_b8IA1ajBJG8/TDrdvgnIX1I/AAAAAAAABXs/mzdjCK7iZTg/slide_image.png' width='215'/> . The image height should be 145px and width is 215px. You can use slightly larger images if you want.
  • And write a small summary about your featured post between <p>......</p> tags.

<div id='slideshow'>
<div id='slidesContainer'>

<div class='slide'>
<h2>Sample Post 1</h2>
<p><a href='#'><img alt='' height='145' src='http://3.bp.blogspot.com/_b8IA1ajBJG8/TDrdvgnIX1I/AAAAAAAABXs/mzdjCK7iZTg/slide_image.png' width='215'/></a>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#39;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. [...]</p>
</div>

<div class='slide'>
<h2>Sample Post 2</h2>
<p><a href='#'><img alt='' height='145' src='http://4.bp.blogspot.com/_b8IA1ajBJG8/TDredUF2mGI/AAAAAAAABX0/pnnpCRa-go8/slide_image2.png' width='215'/></a>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#39;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. [...]</p>
</div>

<div class='slide'>
<h2>Sample Post 3</h2>
<p><a href='#'><img alt='' height='145' src='http://3.bp.blogspot.com/_b8IA1ajBJG8/TDrdvgnIX1I/AAAAAAAABXs/mzdjCK7iZTg/slide_image.png' width='215'/></a>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#39;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. [...]</p>
</div>

<div class='slide'>
<h2>Sample Post 4</h2>
<p><a href='#'><img alt='' height='145' src='http://4.bp.blogspot.com/_b8IA1ajBJG8/TDredUF2mGI/AAAAAAAABX0/pnnpCRa-go8/slide_image2.png' width='215'/></a>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#39;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. [...]</p>
</div>

</div>
</div>

2. Navigation menu

<div id='navigation'>
<ul id='nav'>
<li class='page_item'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li class='page_item page-item-51'><a href='#' title=''>About</a></li>
<li class='page_item'><a href='#' title='Categories'>Categories</a>
<ul>
<li class='cat-item cat-item-3'><a href='#' title=''>Category 1</a></li>
<li class='cat-item cat-item-4'><a href='#' title=''>Category 2</a>
<ul class='children'>
<li class='cat-item cat-item-8'><a href='#' title=''>Sub Category 1</a></li>
<li class='cat-item cat-item-8'><a href='#' title=''>Sub Category 2</a></li>
</ul>
</li>
<li class='cat-item cat-item-5'><a href='#' title=''>Category 3</a></li>
<li class='cat-item cat-item-1'><a href='#' title=''>Category 4</a></li>
<li class='cat-item cat-item-6'><a href='#' title=''>Category 5</a>
<ul class='children'>
<li class='cat-item cat-item-7'><a href='#' title=''>Sub Category 1</a></li>
<li class='cat-item cat-item-9'><a href='#' title=''>Sub Category 2</a></li>
</ul>
</li>
</ul>
</li>
<li class='page_item'><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Subscribe'><img class='headrss' src='http://2.bp.blogspot.com/_b8IA1ajBJG8/TBoCmcgoINI/AAAAAAAABHc/8zHrxkbrdXE/rss.png'/>Subscribe</a></li>
<li class='page_item page-item-51'><a href='#' title=''>Contact</a></li>
</ul>
</div>

No comments:

Post a Comment

LinkWithin

Related Posts Plugin for WordPress, Blogger...