Free Blogger Templates

Simple Diamond Template - Bonus Drop Down Menu Generator

2011-08-07T01:03:00.000-07:00

Download

Rar/Zip Password: free7

Descritption and features:

- 2 column header
- 2 Column
- Dark Style
- Social Sharing Buttons
- Auto Readmore
- Navigation links / Horizontal menu
- Cross browser compatibility
- Fast load page
- SEO Optimized
- Simple style and easy to use / user friendly

Login to blogger dashboard - design -Edit HTML - Tick Expand Widget Templates ....

1- First, look into the head section such as quoted below, and at the red color, you may change it with yours (these codes are SEO friendly meta tags for your template)

<b:if cond='data:blog.pageType == "item"'>
<title> <data:blog.pageName/> </title>
<b:else/>
<title> <data:blog.title/> </title>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='YOUR DESCRIPTION' name='description'/>
<meta content='KEYWORD1,KEYWORD2,KEYWORD3' name='keywords'/>
</b:if>
<meta content='Index,follow' name='Robots'/>
<meta content='YOUR NAME' name='author'/>
<meta content='100' name='alexa'/>
<link expr:href='data:blog.url' rel='canonical'/>

And you can change the favicon image with yours
<link href='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' rel='shortcut icon' type='image/x-icon'/>

2- Then, find and look at the red color of codes below, you may change it with your own...

<div id='pagemenucontainer'>
<ul id='pagemenu'>
<li class='current_page_item'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='/'>Contact</a></li>
<li><a href='/'>Advertise</a></li>
<li><a href='/'>About</a></li>
</ul>

</div>

and

<div id='nav'>
<ul>
<li><a href='/'>Link 1</a></li>
<li><a href='/'>Link 2</a></li>
</ul>
</div>

Yes.., a litle bonus , download and you'll get a software bonus, a drop down menu generator or Drop Down Wizard Manager, this tool to help you create drop down menus for your sites/blogs, example of the drop-down menu here: drop down menu example

Simple, Clean, Soft, SEO Ready

2011-02-28T00:34:00.000-08:00

If you like soft, simple, and clean design of blogger templates...try this style... check out at the following links..

Download simple clean template

Template Instruction Manual

Demo 1 :simple clean blogger template

Demo 2 : komodo 7 blogger template

Classic diamond style , SEO Ready

2011-02-12T20:26:00.000-08:00

Demo template

Download Classic diamond style blogger template

Descritption and features:

- Simple SEO Friendly Style
- 2 column header
- 2 Column
- Share Buttons
- Auto Readmore
- Navigation links / Horizontal menu
- Cross browser compatibility
- Fast load page
- SEO Friendly
- Simple style and easy to use / user friendly

Login to blogger dashboard - design -Edit HTML - Tick Expand Widget Templates ....

1- First, look into the head section such as quoted below, and at the red color, you may change it with yours (these codes are SEO friendly meta tags for your template)

<b:if cond='data:blog.pageType == "item"'>
<title> <data:blog.pageName/> </title>
<b:else/>
<title> <data:blog.title/> </title>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='YOUR DESCRIPTION' name='description'/>
<meta content='KEYWORD1,KEYWORD2,KEYWORD3' name='keywords'/>
</b:if>
<meta content='global' name='target'/>
<meta content='Index,follow' name='Robots'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>
<meta content='general' name='rating'/>
<meta content='YOUR NAME' name='author'/>
<meta content='100' name='alexa'/>
<link expr:href='data:blog.url' rel='canonical'/>

And you can change the favicon image with yours
<link href='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' rel='shortcut icon' type='image/x-icon'/>

2- Then, find and look at the red color of codes below, you may change it with your own...

<div id='pagemenucontainer'>
<ul id='pagemenu'>
<li class='current_page_item'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='/'>Contact</a></li>
<li><a href='/'>Advertise</a></li>
<li><a href='/'>About</a></li>
</ul>

</div>

and

<div id='nav'>
<ul>
<li><a href='/'>Menu-1</a></li>
<li><a href='/'>Menu-2</a></li>
<li><a href='/'>MEnu-3</a></li>
<li><a href='/'>Menu-4</a></li>
</ul>
</div>

...and also I have attached a header image (428 x 80 pixels) if you like that..

.

Another Simple SEO Friendly Blogger Template

2010-11-05T21:01:00.000-07:00

Download Template

Demo Simple Blogger Template

Descritption and features:

- 2 Column
- Share Buttons
- Auto Readmore
- Navigation links / Horizontal menu
- Cross browser compatibility
- Fast load page
- SEO Friendly
- Simple style and easy to use / user friendly

Login to blogger dashboard - design -Edit HTML - Tick Expand Widget Templates ....

1- First, look into the head section such as quoted below, and at the red color, you may change it with yours (these codes are SEO friendly meta tags for your template)

<b:if cond='data:blog.pageType == "item"'>
<title> <data:blog.pageName/> </title>
<b:else/>
<title> <data:blog.title/> </title>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='YOUR DESCRIPTION' name='description'/>
<meta content='KEYWORD1,KEYWORD2,KEYWORD3' name='keywords'/>
</b:if>
<meta content='global' name='target'/>
<meta content='Index,follow' name='Robots'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>
<meta content='general' name='rating'/>
<meta content='YOUR NAME' name='author'/>
<meta content='100' name='alexa'/>
<link expr:href='data:blog.url' rel='canonical'/>

And you can change the favicon image with yours
<link href='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' rel='shortcut icon' type='image/x-icon'/>

Simple RSS Portal Blogger Template

2010-10-26T04:30:00.000-07:00

Demo Template

Download (new download link)

I think we need to have a page that contains our favorite sites, so that we can follow the news from the internet world without having to surf away everywhere, that's the basic idea about this RSS portal template

Ok. to use this Simple RSS Portal Blogger Template template ,

Look at the section numbers on the picture above, and do the changes in the red codes (Title) and blue codes (URL) below

Section-1 (Top navigation menu)
First, login to your blogger dashboard - Design/layout - Edit HTML ..and find the code below ..., then change the red code with your own title, and blue code with your links
The green code, you may change it with your Adsense search code..

<div id='stylefour'>
<ul>
<li><a expr:href='data:blog.homepageUrl'><span>Home</span></a></li>
<li><a href='/' title=''><span>About</span></a></li>
<li><a href='/' title=''><span>Contact Us</span></a></li>
</ul>

<div id='search'>
<form action='/search/' id='searchform' method='get' style='display:inline;'>
<input id='searchbox' maxlength='255' name='q' onblur='if (this.value == "")
{this.value = "Search here...";}' onfocus='if (this.value == "Search
here...") {this.value = ""}' type='text' value='Search here...'/>
<input id='searchbutton' type='submit' value='GO'/>
</form>
</div>

Section-2 (Horizontal dropdown menu)
To use this horizontal drop menu, go to Design - Page Eements - Add a Gadget - HTML/JavaScript , and Paste the code below into it ..., but , up to you, you can use this additional menu or not

<div id="dmmenu">
<table cellspacing="0" cellpadding="0" id="menu1" class="dm1">
<tr>
<td>
<a class="item1" href="javascript:void(0)">How To</a>
<div class="section">
<a class="item2"

href="http://simpleportalbloggertemplate.blogspot.com/search/label/Tutorials">Tutorials</a>
<a class="item2" href="example1.html">Category Two</a>
<a class="item2" href="example1.html">Category Three</a>

<a class="item2" href="example1.html">Category Four</a>
<a class="item2" href="example1.html">Category Five</a>
<a class="item2" href="example1.html">Category Six</a>
<a class="item2" href="example1.html">Category Seven</a>
</div>
</td>
<td>

<a class="item1" href="javascript:void(0)">Products</a>
<div class="section">
<a class="item2" href="example1.html">First Product</a>
<a class="item2" href="example1.html">Second Product</a>
<a class="item2" href="example1.html">Third Product</a>
<a class="item2" href="example1.html">Fourth Product</a>

<a class="item2" href="example1.html">Fifth Product</a>
<a class="item2" href="example1.html">Sixth Product</a>
</div>
</td>
<td>
<a class="item1" href="javascript:void(0)">Company</a>
<div class="section">

<a class="item2" href="example1.html">About our Company</a>
<a class="item2" href="example1.html">Careers</a>
<a class="item2" href="example1.html">Media Center</a>
<a class="item2" href="example1.html">News</a>
</div>
</td>
<td>
<a class="item1" href="example1.html">Privacy Policy</a>
</td>
<td>
<a class="item1 right" href="example1.html">Help</a>

<div class="section">
<a class="item2" href="example1.html">Help blabla 1</a>
<a class="item2" href="example1.html">Help bleble 22</a>
<a class="item2" href="example1.html">Help bleble 3</a>
<a class="item2" href="example1.html">Help bleble 44444</a>
</div>
</td>
</tr>
</table>
</div>

<script type="text/javascript">
var dm1 = new DropMenu1('menu1');
dm1.position.top = -1;
dm1.init();
</script>

Section-3 (RecentPost Menu)
To use this horozontal menu, go to Design - Page Eements - Add a Gadget - HTML/JavaScript , and Paste the code below into it ..., and the blue code is the site URL , you may placing your own site or onther sites,
Such as the horizontal menu above, you can use this additional menu or not

<script type="text/javascript" src="http://7templates.googlecode.com/files/accrecpost-pack.js"></script>
<script style="text/javascript">
var numposts = 10;
var numchars = 200;
</script>
<script src="http://free-7.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=accrecentpost"></script>

Section-4 (Recent Post Slide Menu)
To use this Recent Post Slide Menu, go to Design - Page Eements - Add a Gadget - HTML/JavaScript , and Paste the code below into it ..., and the blue code is the site URL , you may placing your own site or onther sites,
such as the horizontal menu above, you can use this additional menu or not

<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 12;
var numchars = 30;
</script>
<script src="http://7-templates.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script></ul>

Section-5 (Share buttons)
login to your blogger dashboard - Design/layout - Edit HTML ..and find the code below ...
The blue codes, you may change with your profiles, such as: your facebook account url, twitter account url, google buzz account url, and your own RSS feeds...

<ul id="share">
<li><a class="facebook" href="http://www.facebook.com/" title="facebook">Facebook</a></li>
<li><a class="twitter" href="http://twitter.com/" title="Folow me on
Twitter">Twitter</a></li>
<li><a class="rss" href="/feeds/posts/default" title="Subscribe via RSS">rss</a></li>
<li><a class="email" href="http://www.google.com/buzz" title="google buzz">buzz</a></li>
</ul>

White hacker blogger template style

2010-10-20T01:18:00.000-07:00

This layout is one of SEO friendly Blogger Templates , browser friendly, and fast loading pages..

Download Template

Demo Template

You need to do with this White hacker blogger template style as the following:

Login to blogger dashboard - design -Edit HTML - Tick Expand Widget Templates ....

1- First, look into the
section such as quoted below, and at the red color, you may change it with yours (these codes are SEO friendly meta tags for your template)

<b:if cond='data:blog.pageType == "item"'>
<title> <data:blog.pageName/> </title>
<b:else/>
<title> <data:blog.title/> </title>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='YOUR DESCRIPTION' name='description'/>
<meta content='KEYWORD1,KEYWORD2,KEYWORD3' name='keywords'/>
</b:if>
<meta content='global' name='target'/>
<meta content='Index,follow' name='Robots'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>
<meta content='general' name='rating'/>
<meta content='YOUR NAME' name='author'/>
<meta content='100' name='alexa'/>
<link expr:href='data:blog.url' rel='canonical'/>

2 - Find the code below, and on the red color, change it with your links..

- Navigation Menu

<div id='nav'>
<ul class='nav'>
<li><a href='/'>Home</a></li>
<li><a href='/'>Menu1</a></li>
<li><a href='/'>Menu2</a></li>
<li><a href='/'>Menu3</a></li>
<li><a href='/'>Menu4</a></li>
<li><a href='/'>Menu5</a></li>
</ul>

</div>

- Sidebar Menu

<div id='sidebar12'>
<ul class='sexypanels'>
<li><a href='#'>» Menu</a></li>
<li><a href='#'>» Menu</a></li>
<li><a href='#'>» Menu</a></li>
<li><a href='#'>» Menu</a></li>
<li><a href='#'>» Menu</a></li>
<li><a href='#'>» Menu</a></li>
</ul>
</div>

White hacker blogger template style by t templates

Multi Column Blogger Template - Excellent Dark

2010-10-14T22:10:00.000-07:00

Some changes that you need to do to use this Excellent Dark Multi Column Blogger Template, are as follows :

Login to your blogger dashboard - Design - Edit HTML - Tick Expand Widget Templates ..

1- First, look into the <head>
section such as quoted below, and at the red color, you may change it with yours (these codes are SEO friendly meta tags for your template)

<head>
<b:if cond='data:blog.pageType == "item"'>
<title> <data:blog.pageName/> </title>
<b:else/>
<title> <data:blog.title/> </title>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='YOUR DESCRIPTION' name='description'/>
<meta content='KEYWORD1,KEYWORD2,KEYWORD3' name='keywords'/>
</b:if>
<meta content='global' name='target'/>
<meta content='Index,follow' name='Robots'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>
<meta content='general' name='rating'/>
<meta content='tengkorak sakti' name='author'/>
<meta content='100' name='alexa'/>
<link expr:href='data:blog.url' rel='canonical'/>

<b:skin><![CDATA[/*

2 - Find the code below, and on the red color , "http://i586.photobucket.com/albums/ss303/free7/tengkorak-free7.gif'/ " is the url of your header logo , and the text of "Tengkorak Sakti" , change it with anything you want..

<a href='/' id='multicol_logo'><img alt='Free Blogger Template' src=' http://i586.photobucket.com/albums/ss303/free7/tengkorak-free7.gif'/ '></a>

<div id='logo'>
Tengkorak Sakti
</div>

3 - Find the code below, and on the red code , change with your links, images, videos, anything...

<div class='comment-form'>
<p>
<a href='http://bokep.life-7.com/'><b><font color='#e03010' size='3'>Bokep Indoneasia</font></b></a><br/>
Tips sex, berita dan foto-foto hot</p>
<p>
<a href='http://cantik.free-7.net/'><b><font color='#e03010' size='3'>Cantik</font></b></a><br/>
Tempat untuk memanjakan mata melihat cewek-cewek cantik sexy</p>
<p>
<a href='http://katamotivasicinta.blogspot.com/'><b><font color='#e03010' size='3'>Blog Motivasi</font></b></a><br/>
Indpirasi, kata-kata mutiara, cinta, dan motivasi hidup</p>
<p>
<a href='http://fotogambaruniklucuaneh.blogspot.com/'><b><font color='#e03010' size='3'>Foto Gambar Unik Lucu Aneh</font></b></a><br/>
Fakta unik, aneh,lucu dari seluruh dunia
</p>

Download Template

Demo

Portal template - simple ecomerce blogger style

2010-09-13T04:33:00.000-07:00

Haha.. I don't have a better idea to the name of this simple blogger template, And I just call it Portal blogger template - simple ecomerce blogger style , certainly with this blogger template you can create a small directory of your favorite sites or collecting RSS feeds , and I think the layout was good for ads placement such as Adsense , because based on my experience using this template, my adsense earnings have increased slightly

Settings you need to do is :

Login to your Blogger Dashboard - Design - Edit HTML , then look at the red codes below (Navigation and Header), and change with yours...

1 - Navigation

<div id='footer-wrapper'>

<div id='tabs31'> <ul> <li><a href='#' title='your title'><span>Home</span></a></li> <li><a href='#' title='your title'><span>About</span></a></li> <li><a href='#' title='your title'><span>Contact</span></a></li> <li><a href='#' title='your title'><span>Links</span></a></li> </ul></div>

2- Header

<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Your description' name='description'/>
<meta content='Keyword1,Keyword2,Keyword3 ' name='keywords'/>
</b:if>
<link expr:href='data:blog.url' rel='canonical'/>

Download template

Demo template

Another my latest blogspot template : Simple white blogger template

Share my free 7 blogger template 2

2010-04-25T15:29:00.000-07:00

Okay, I would share my free 7 blogger template with you , after the first template...

The following are a little explanation about HTML Color of the background color in some parts, eg for the purposes of harmonizing with the color of your adsense ads , accordance with the above numbers

1 - Header-background : #72726B
2 - Background wrapper : #FAF2E2
3 - Right-Sidebar Background :#E9EBEE
4 - Left-Sidebar Background :#F3ECC0
5 - Footer background:#EFDAA7

Looking for html color codes can use : Online Web Tool

Image Header

Demo

Download free 7 blogger template 2

101 Collection

2010-04-18T17:01:00.000-07:00

Check out these layouts, I just want to share 101 Collection of popular blogspot templates from all around the world...

Preview | Download

DOWNLOAD

DOWNLOAD

DOWNLOAD

DOWNLOAD

DOWNLOAD

DOWNLOAD

DOWNLOAD

DOWNLOAD

DOWNLOAD

Download

Downlaod

Download

Download

Download

Download

Download

Download

Download

Download

Download

Download here!

Download here!

Download

Download

Download

Download

Download Template

Download

Demo | Download

demo | Download

Download Now

Demo | Download Now

Download | Demo

Download

Download

Download

Download

Download

Download

Download

Download

Download

Download

Download

Download

Download

Download

Download

Download

Download

Download

Download

Download

Download

Download here!

Download here!

Download here!

Download here!

Download here!

Download

Download

Download

Download

Download Template

Download

text file | zipfile

Demo | Download

Demo | Download Now

Simple minima ready for SEO template

2010-03-26T11:23:00.000-07:00

Check out here : Minima Ready Blogger Templates

Free 7 Network Blogger Template

2010-03-16T12:40:00.000-07:00

Download templates

Demo

If you have questions related to this template , leave comments here please....Or see tutorials here : blogger tutorials or here blogger-hack

Windows 7 free blogger template

2010-02-24T09:10:00.000-08:00

I just want to share about an interesting free blogger template. I say interesting because at least contain the number 7 hehe

Type: Free Blogspot Template

Name: Win 7 blogger template

Author: Blogger template place

Properties:
Adapted from Wordpress theme, 2 columns, black, Blogger, blue, fixed width, gray, left sidebar, xml

Download win7 blogger template

To use this template you just need to make changes on the navigation menu:
- Login to your blogger - Edit HTML - find codes like below , and replace these links (red color) with your own links.

<li><a href='http://7-templates.blogspot.com/' onmouseout='menu_out()' onmouseover='menu_over()'>About</a></li>
<li><a href='http://7-templates.blogspot.com/' onmouseout='menu_out()' onmouseover='menu_over()'>Contact</a></li>
<li><a href='http://7-templates.blogspot.com/' onmouseout='menu_out()' onmouseover='menu_over()'>FAQ</a></li>
<li><a href='http://7-templates.blogspot.com/' onmouseout='menu_out()' onmouseover='menu_over()'>Links</a></li>
<li><a href='http://7-templates.blogspot.com/' onmouseout='menu_out()' onmouseover='menu_over()'>Projects</a></li>

Nature sexy elegant style blogger template

2009-10-21T10:17:00.000-07:00

Description of nature sexy elegant style blogger template:
3 column layout style
1 widget on right-header section
1 widget at bottom of header section
1 widget on top of post title
2 sidebar widget on right and left section

- Has SEO Friendly Meta tags and SEO-friendly HTML structure.
- The suitable layout for adsense advertisement units

Download template

Demo template

Beautiful brown style blogger template

2009-10-16T11:52:00.000-07:00

This template use the brown color as the basic background , a column on the left sidebar and 2 columns widget upper the post section, and a widget at the bottom of the header.

And this template using the SEO Friendly structure.

Download template

Demo template

If you interested, please use a header image below to give a little touch on the header background for this beautiful brown style blogger template,

click on the image below , and save as image...

Facebook style blogger template

2009-10-07T10:14:00.000-07:00

Perhaps you are interested to this blogger template with facebook style, that has blue background looks like the facebook themes , Okay, check out below .

Demo template

Download template

Pretty girl style blogger template for adsense ready

2009-08-21T23:54:00.001-07:00

Like before this Adsense ready soft magazine style , this design also configured to suport the google adsense advertisements on your blogs .

For additional information about placing adsence script on this Pretty girl style blogger template read more below:

At the right-header section, you may insert adsense code 120 x 240px, betwen <div class='right-hl'> and </div> tag , so the advertisements will appear at the right-side of another content item, for example below :

And look to "Search box" at top-right section of this template, you may replace with your "adsense search" code , to do it ,follow these steps :

Click - Edit HTML , look under/near the <body> tag the code like below:

<form action='/search/' id='searchform' method='get' style='display:inline;'>
<input id='searchbox' maxlength='255' name='q' onblur='if (this.value == "") {this.value = "Search here...";}' onfocus='if (this.value == "Search here...") {this.value = ""}' type='text' value='Search here...'/>
<input id='searchbutton' type='submit' value='GO'/>
</form>

So, replace all code above with your "adsense search code".

Download template
Demo
Demo 2

Don't forget to replace "YOUR DESCRIPTION" and "YOUR KEYWORDS" in the meta tag section.

Adsense ready soft magazine style blogger template

2009-08-18T01:05:00.000-07:00

Template again, this layout was designed to great place of adsense advertisements , and of course has good loading page also SEO friendly , no images accessories, but you may put your header image.
And look to "Search box" at top-right section of this template, you may replace with your "adsense search" code , to do it ,follow these steps :

Click - Edit HTML , look under/near the <body> tag the code like below:

<form action='/search/' id='searchform' method='get' style='display:inline;'>
<input id='searchbox' maxlength='255' name='q' onblur='if (this.value == "") {this.value = "Search here...";}' onfocus='if (this.value == "Search here...") {this.value = ""}' type='text' value='Search here...'/>
<input id='searchbutton' type='submit' value='GO'/>
</form>

So, replace all code above with your "adsense search code".

Oke, Adsense ready soft magazine style blogger template:
Download | See Demo

SEO friendly blogger template in simple style

2009-05-31T00:54:00.000-07:00

I love simply for life , I love simple blogger template styles, beauty but effective . if you are seeking a user friendly ,browser friendly and also SEO friendly blogger template, I think this simply soft layout is a good choice, you can test and challenging it in your seo contest.
This is 2 column blogspot templates

OK, Download template

See Demo

News SEO Friendly Blogger Templates

2009-05-16T01:32:00.000-07:00

A few minutes ago..i'd build some layouts of seo friendly blogspot template , and
was placed in 2 blogs below:

seo friendly blogspot template 1

and seo friendly blogspot template 2 .

All of templates there was full tweaks being seo friendly and runs well in any browser ....Ok, Please check out these links to learn more.

Blue Elegant style Blogger template

2009-03-24T12:10:00.000-07:00

Download template

Blogger Template - Adventure Style 2

2009-03-19T11:03:00.001-07:00

Following again is the other variation of Adventure Style Blogger template with a dynamic color combination , with the bright and spirit effect colors.

Download template

Demo

Adventure Style-1 Blogger Template

2009-03-18T15:02:00.000-07:00

I called this blogger template with the name Adventure Style-1, ...Yes , I have plan to make the next version of this blog skin , version-2 and next..

This layout is simple style of 2 column blogspot template , contains some widgets : 2 on header, 2 on footer, 1 column elegant style of sidebar, search box , navigation links on header

I have create all designs of that to help practical and effective your blogging and make interesting placement of your adsense

Download Template

Make readmore menu

2009-03-18T09:10:00.000-07:00

Here's how to make readmore menu in blogspot, to answer some questions who using Tempates for blogspot i've create last time,

Oke,follow these steps :

1-Login to your blogger account and go to dasboard
2-Clik - Layout - Setting - Format - look underside , beside "Template Posting" text ,there's an empty area, into the empty area fill with the code below
<span class="fullpost">

</span>
3-Clik - Layout - Setting - Edit HTML - Check "Expand Widget"
4-Look and find inside box codes , the code like below:

<p><data:post.body/></p>

5- Delete the code above, and replace with code below :

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Readmore...</strong></a></p>
</b:if>

6- Click "Save" button , co saving you've mades
7- After that's when you make a posting so , at posting menu section ,click Edit HTML ,and automatically will be appear code like below:

<span class="fullpost">

</span>

8- All article will be appearing ,place before <span class="fullpost"> , and will be appear after clicking Readmore link ,placed after <span class="fullpost"> or like the example below:
Article appearing before clicking Readmore
Article appearing before clicking Readmore

<span class="fullpost">

Article appearing after clicking Readmore link
Article appearing after-clicking Readmore link

</span>

9. Finish

Blogspot template - Elegeant-style-2

2009-03-18T03:35:00.000-07:00

Here's again a design for blogger template ,I called elegant style-2 . this design has a more complete accessories , like readmore, navigation links, search box, and has 9 widget for add gadgets .

To complete the readmore option of this template, you only need to add the code below , please follow these steps:

1-Login to your blogger account and go to dasboard
2-Clik - Layout - Setting - Format - look underside , beside "Template Posting" text ,there's an empty area, into the empty area fill with the code below
<span class="fullpost">

</span>

Finish.............
Get more complete look at here : How make readmore menu in blogspot

Download template

Blogspot template - Elegeant-style-1

2009-03-17T08:24:00.000-07:00

This Layout is 3 column blogger template : a main post + 2 sidebar , and 3 column at footer , also has 2 column at header, and navigation links on the top of the header. And I have some test in the browsers : firefox, IE , opera, fox and run well and fast.

Download template
See Demo

How to change install a new blogspot template?

Blogspot template - fresh ertainment style

2009-03-15T04:38:00.000-07:00

It's Simply blogger template again - with arts and entertainment color style, fast in browser, and good for adsense or another ppc...please try and compare with the others...

Download Template
See Demo!
How to change install a new blogspot template?

Blogspot template - simple style good for adsense

2009-03-13T09:17:00.000-07:00

Following are ,I've build a blogger template layout in 2 color style..

1- Calssic style - blogger template Download
This layout is as I use on this blog. These style are has faster loading page in the browser..

if you want to make the same of background-color with your adsense style , then following information of classic style :

Background-color of :
Sidebar : #E3E2DB
Above logo-header :#87753F
Footer : #E3E2DB
Main/posting area : #F5F5F5
Header Image : width : 500px , height :100px

2- Red style - blogger template Download
This is, like classic style with dominance in the red color
Background-color of :
Sidebar : #C72E15
Above logo-header :#87753F
Footer :#DB5817
Main/posting area : #F5F5F5
Header Image : width : 500px , height :100px

Please copy-pase the hexa codes above at your adsense color palette . so that your ads look the same as background-color of your blog section.

More information , about How to change install a new blogspot template..? Look here blogspot 7 templates

Blogspot 7 templates

2009-03-12T12:00:00.000-07:00

Today i've build 4 design of templates for blogger, all templates are three column templates

Like appear at the image ,these have :
2 column of sidebar with 4 widget (top-right-left-bottom)
2 column of header (left-right) also with each widgets
1 column under the header also with a widget
4 column at footer section with each widgets too
Already has new comment box design

How to change install a new blogspot template?
There's 2 way:

Fisrt,before starting,please make a backup of your existing template,so that at one time by something problems you can revert back to this...to do this, login to your blogger dashboard -->choose Layout -->edit html-->download full template-->and save to your pc

1- Template in XML.format
-At the layout section of your dashboard that, Just click upload to taking your xml template that ,then click save...end....

2- Template in HTML code
-Still at the layout section of your dashboard, click Edit HTML-->Check the "expand widget" -->delete/remove all codes inside the code box...Next-->copy and paste your html code of your template into the box containing your template code instead of the code which you've removed....done...

Then, which you require to do is :
- Go to your blogger dasboard --> layout -->edit html --> Check the "expand widget templates box" -->look and find inside the box containing your template code, like below and replace these link with your own...

---Navigation nenu ,replace with anything your link----

----Favicon, it's at top section ,change with your own image url ------

----Searh box, change your url site instead YOUR SITE , or with your adsense code -----

So,you can download template here.

1. red-7-blogger template
download

2. soft-7-blogger template
download

3. dark-7-blogger template
download

4. blue-7-blogger template
download
Demo for blue-7, like the red-7 ,but it's has the different colour(blue) at footer and header..

Any question, for these template? Please leave your message here...