Get the latest updates from us for free




Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More

Recent Posts

Sponsors

Mixture Blogger Template




Template name : Mixture
Template type : 2 Sidebar, 3 Column, 3 Column footer, Adapted from Wordpress, Elegant, Featured Section, Fixed width, Grey, Header Banner, Left Sidebar, Magazine, Orange, Premium, Right Sidebar, Rounded corners, Slider, Tabbed widget, Top Navigation Bar, Web 2.0, White
Release date : May 24, 2011
Coder/Designer Name(s) : Lasantha Bandara / Free WordPress Themes
Coder/Designer URL(s) : http://www.premiumbloggertemplates.com/
http://fthemes.com/

Configure Featured Content Slider:

Login to your blogger dashboard--> layout- -> Edit HTML.Find .Now scroll down slowly and you can see each featured slide codes between <div class='fp-post'> and </div>.

Now replace,
  • "This is default featured post X title" with your featured post title.
  • "featured-post-X-url-here" with your featured post URL.
  • "Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com." with your slider description.
  • Slider image address with your slider image.
for each featured slide.

How To Configure First(Top) Navigation Menu

You do not need to configure it.It is automatically add blogger pages of your blog.But if you want you can change pages order in page elements section.

How To Configure Second Navigation Menu

Find <div class='menu-secondary-wrap'> inside your template. This is the beginning of the navigation menu. Now follow the steps given here:

How To Configure a Navigation Menu

How To Change Tab Names of Tab Widget
If you want to change your tab names of your tab widget then find this:

<ul class='tabs-widget tabs-widget-widget-themater_tabs-844379150-id'>
<li><a href='#widget-themater_tabs-844379150-id1'>Popular</a></li>
<li><a href='#widget-themater_tabs-844379150-id2'>Archives</a></li>
</ul>
Now change the names "Popular" and "Archives" as you like.

Devine Free WordPress Theme


Platform:WordPress
Name:Devine
Template Author: WThemes

Description:
Devine WordPress Theme is free wordpress theme, fresh and clean theme, gray and white color background, red color header, 3 columns layout with 2 right sidebar, slider support, 4 columns footer ready.

Features :
Options Page, Post Thumbnails, ,Featured Content, 125×125 banners ready (easy editable from admin options), 468×60 Header Banner ready (easy editable from admin options), 3 columns, 4 Columns Footer, Gravatar on Comments. Compatible with latest WordPress versions, Widgets Ready, SEO Optimized, Fixed width, Logo .PSD file and font files are included in theme folder, Tested and compatible with all major browsers: IE, FF, Safari.

Admin Options Features:
Slider Settings, Logo Settings, Banner Management, Flickr Settings, Social Bookmark Settings, Featured Video Settings, Header and Footer script codes.

Tags: 2 Sidebar, 3 Column, 4 Column Footer, Ads Ready, Featured Content, Grey, Red, Slider, Theme Options, Threaded Comments, White, Widget Ready, Wordpress

Nightclubbing Free Blogger Template




FEATURES:

- SEO Friendly, Designes from minima template [headings in h2, quick to load].
- Since this template is designed from minima, you can add extra features easily.
- Auto Slideshow with description.
- Special comments section.
- Special styling effect for author's comment.
- Simple navigation.
- Three column footer.
- Can add extra sidebar column easily [for tutorial click here].
- Categories by label.

Instalation
Change Date header Format and timestamp format like picture below.

Another Gallery Bloger Template




FEATURES:

- SEO Friendly, Designes from minima template [headings in h2, quick to load].
- Since this template is designed from minima, you can add extra features easily.
- Auto Slideshow with description.
- Special comments section.
- Special styling effect for author's comment.
- Simple navigation.
- Three column footer.
- Can add extra sidebar column easily [for tutorial click here].
- Categories by label.
- Light box effect for images.
- Star Ratings for each posts.

Setting Up this Template

First, the slider ... This is the slider code and things to be edited is
span class='text', a href, rel, title and image URL.


<div id='slider-content'>
<div class='container960'>
<div class='slider-top-shadow'/>
<ul id='accordion-slider'>
<li class='first'>
<span class='text'>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
<a href='#' rel='with a broken brush' title='ART OF PAINTING'/>
<img alt='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFKZxdddUNadcuYovlsouMcdSnac2Z8kTC32pQNR6ax1XYSZueTjmLsvwBodd5GPF1maNYOPM7je3gD-HhTMfbsKM3v09te1Jr6Rx0x91c0ENBBzulGvOAeEJTIDRsal8Vb4J8YLmHnFTQ/s1600/slide-item-1.jpg'/>
</li>
<li>
<span class='text'>Fusce urna tellus, semper et tempus vitae, varius a dolor. Praesent nec imperdiet lorem. </span>
<a href='#' rel='DESIGNERS & DESIGNS' title='Pixel Art'/>
<img alt='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqSZUVdwx5WLQegUb8_80xoXBFLuWPggr00yYTVjf0VinEoFdMexl5F03L_Y48_3SUtUZY7lfIk9Pv0jjnU1sx9nuIdcnHeXgVmreGH-4BW04dR6mRcrx_03Kw39zGPzvkjwxhHYN8MSpS/s1600/slide-item-2.jpg.jpg'/>
</li>
<li>
<span class='text'>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
<a href='portfolio-single.html' rel='All over the world' title='Wall Painting'/>
<img alt='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFKZxdddUNadcuYovlsouMcdSnac2Z8kTC32pQNR6ax1XYSZueTjmLsvwBodd5GPF1maNYOPM7je3gD-HhTMfbsKM3v09te1Jr6Rx0x91c0ENBBzulGvOAeEJTIDRsal8Vb4J8YLmHnFTQ/s1600/slide-item-1.jpg'/>
</li>
<li>
<span class='text'>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
<a href='#' rel='Sharper pictures' title='Macro detail'/>
<img alt='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuvt0tzsc6nvES01UIPB23EBHExf_Jbf-7hS1E9_cMf5zfLADIGxk55Gj2MBP698Ne3Seqrret-X9pz5FUfDxkVf-R3zfjmrXPhGq8WZOBvPqyMfhqrCzU4sRORSYQcwOy2s-G6w1xGt3H/s1600/slide-item-3.jpg'/>
</li>
<li>
<span class='text'>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
<a href='#' rel='Posters with impact' title='One life cruise'/>
<img alt='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFKZxdddUNadcuYovlsouMcdSnac2Z8kTC32pQNR6ax1XYSZueTjmLsvwBodd5GPF1maNYOPM7je3gD-HhTMfbsKM3v09te1Jr6Rx0x91c0ENBBzulGvOAeEJTIDRsal8Vb4J8YLmHnFTQ/s1600/slide-item-1.jpg.jpg'/>
</li>
<li>
<span class='text'>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
<a href='#' rel='New fine lens' title='360 Technique'/>
<img alt='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqSZUVdwx5WLQegUb8_80xoXBFLuWPggr00yYTVjf0VinEoFdMexl5F03L_Y48_3SUtUZY7lfIk9Pv0jjnU1sx9nuIdcnHeXgVmreGH-4BW04dR6mRcrx_03Kw39zGPzvkjwxhHYN8MSpS/s1600/slide-item-2.jpg.jpg'/>
</li>
</ul>
</div>
</div> <!-- END SLIDER -->

Secondly editing the category box.

goto page elements and you can see three add a gadget box just above the blog post box. Click edit to open



 Then, just type only one category[label] for each box and save it.. then it should look like this.

Serenity Blogger Theme




FEATURES:

- SEO Friendly, Designes from minima template [headings in h2, quick to load].
- Since this template is designed from minima, you can add extra features easily
- Auto Slideshow with description,
- Special comments section
- Special styling effect for author's comment.
- Multilevel Navigation bar and simple navigation
- Three column footer
- Can add extra sidebar column easily [for tutorial click here]
- Categories by label

Instruction to set up Category Columns

In between slider and post, you can see two gadgets saying category... to install this gadget you have to click edit in page elements and just type the label name you want to use here and click save..

STEP 1



STEP 2

Social Eyes Free Blogger Template




Features of Social Eyes Blogger Template
Social Eyes Blogger Template have following features:

  • 2 Column
  • Socially inspired blue color
  • Stylish transparent navigation menu and sub-menu
  • Automatic read more with thumbnail for each post
  • User friendly comment section
  • SEO friendy
  • 3 column footer widget

Installation Details
To install this template on your Blogger blog, login to your Blogger account and go to > Design > Edit HTML. Backup your Blogger current Blogger template by click "Download Full Template". Choose and upload XML template of social eyes from you hard drive.

You need to make some changes in its menu feature. Just replace URL and anchor text with your own. This is the code that you have to edit for top navigation menu.


<div id='nav'>
<ul class='nav superfish'>
<li class='home'><a class='home-link' href='http://socialeyestemplate.blogspot.com/'>Home</a></li>

<li class='page_item page-item-70'><a href='http://www.hacktutors.info/2011/03/introducing-digital-bunch-forums.html'>Digial Bunch</a>
<ul class='children'>
<li class='page_item page-item-17'><a href='http://www.hacktutors.info/2011/03/blogger-will-introduce-awesome.html' title='Sub Page 1.1'>Feature</a>
<ul class='children'>
<li class='page_item page-item-25'><a href='http://www.hacktutors.info/search/label/WordPress' title='Sub Page 2.1'>WordPress</a>
<ul class='children'>
<li class='page_item page-item-31'><a href='http://www.hacktutors.info/search/label/Blogger%20Help' title='Sub Page 3.1'>Blogger</a></li>
<li class='page_item page-item-33'><a href='http://www.hacktutors.info/search/label/Web%20design' title='Sub Page 3.2'>Web Design</a></li>
<li class='page_item page-item-35'><a href='http://hacktutors.info/search/label/Blogging' title='Sub Page 3.3'>Blogging</a></li>
</ul>
</li>
<li class='page_item page-item-27'><a href='http://hacktutors.info/search/label/Hosting' title='Sub Page 2.2'>Hosting</a></li>
<li class='page_item page-item-29'><a href='http://buysellads.com/buy/detail/30763' title='Sub Page 2.3'>Advertise</a></li>
</ul>
</li>
<li class='page_item page-item-20'><a href='http://www.hacktutors.info/p/services.html' title='Sub Page 1.2'>Service</a></li>
<li class='page_item page-item-22'><a href='http://www.hacktutors.info/p/blog-page.html' title='Sub Page 1.3'>Archieve</a></li>
</ul>
</li>

<li class='page_item page-item-375'><a href='#' title='Page Layouts'>Page Layouts</a>
<ul class='children'>
<li class='page_item page-item-377'><a href='#' title='Content/Sidebar'>Content/Sidebar</a></li>
<li class='page_item page-item-379'><a href='#' title='Sidebar/Content'>Sidebar/Content</a></li>
<li class='page_item page-item-381'><a href='#' title='Content/Sidebar/Sidebar'>Content/Sidebar/Sidebar</a></li>
</ul>
</li>

<li class='page_item page-item-62'><a href='http://www.hacktutors.info/2010/10/10-cool-free-windows-7-themes.html' title='Page Templates'>Windows 7 Themes</a>
<ul class='children'>
<li class='page_item page-item-112'><a href='http://www.hacktutors.info/2011/01/join-hacktutors-on-facebook.html' title='Join us!'>Join us!</a></li>
<li class='page_item page-item-227'><a href='http://www.hacktutors.info/2011/02/add-stylish-subscription-box-below.html' title='Widget'>Widget</a></li>
</ul>
</li>

<li class='page_item page-item-213'><a href='#' title='Contact Page'>Contact Page</a></li>

<li class='right search'>
<form action='/search' class='searchform' method='get'>
<input class='s' 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 class='searchsubmit' type='submit' value='Search'/>
</form>
</li>
</ul>
</div>

And this is the code that you have to edit for the second navigation menu.


<div id='subnav'>
<div class='wrap'>
<ul class='nav superfish'>
<li class='cat-item cat-item-4'><a href='http://forums.digitalbunch.com'>Forums</a></li>
<li class='cat-item cat-item-5'><a href='http://www.hacktutors.info/2010/10/top-3-wordpress-converted-free-blogger.html'>Free Themes</a></li>
<li class='cat-item cat-item-6'><a href='http://www.hacktutors.info/2009/10/best-hacking-tools-collection_10.html'>Hacking Tools</a></li>
<li class='cat-item cat-item-7'><a href='http://www.hacktutors.info/2010/08/50-dofollow-blogs-to-increase-your-page.html'>Page Rank</a></li>
<li class='cat-item cat-item-8'><a href='http://www.hacktutors.info/2010/09/releasing-flash-news-blogger-template.html'>Flash News</a></li>
</ul>
</div>
</div>

Now, your installation is complete!

 
Top of Page