39 Bloggertory : Free Premium Blogger Template at Saturday, September 26, 2009

	Template Name : Bloggertory
	Original Designer : Graphic ZONe
	Bloggerize by : Free Blogger Template
	Demo Url : CLICK HERE
	Download : Bloggertory.zip

This free premium blogger template has designed by Graphic ZONe. Graphic ZONE is the first person in collaboration with me.

Bloggertory Instalations Guide :

Navigations setup

Just change "#" with your link anchor/url, and "EDIT" with text anchor.
1. Top Navigation
Find this code

<ul id='menu'>
<li class='navSelected'><a href='/'><span>Home</span></a></li>
<li class='cat-item'><a href='#' title='Edit'><span>Edit</span></a></li>
<li class='cat-item'><a href='#' title='Edit'><span>Edit</span></a></li>
<li class='cat-item'><a href='#' title='Edit'><span>Edit</span></a></li>
<li class='cat-item'><a href='#' title='Edit'><span>Edit</span></a></li>
<li class='cat-item'><a href='#' title='Edit'><span>Edit</span></a></li>
</ul>

2. Sub Navigation
Find this code

<div id='subMenu'>
<ul style='top:46px;'>
<li><a href='#'><span>Edit</span></a></li>
<li><a href='#'><span>Edit</span></a></li>
<li><a href='#'><span>Edit</span></a></li>
</ul>
</div>

For feedburner feed user, find this code

<ul>
<li><a href='/feeds/posts/default'>Subscribe to RSS</a></li>
</ul>

Change "/feeds/posts/default" with your feedburner url.

25 Coming Soon : Bingo Gallery - Free Premium Theme at Friday, September 18, 2009

Hi guys, are you ready for this theme? Bingo Gallery is my first Original Blogger Theme in gallery style. This theme is designed by my friend, owner of www.Gzon.us. Maybe I will publish it for free on next month.

Features :
1. Thumbnail view at mainpage
2. Various style at postpage

Bingo Theme is not only image gallery, but also supporting to add informations list, descriptions, and videos with thumbnail in mainpage.

[View Real Demo by Clicking here]

31 Scrapbook Blogger Template at Monday, September 07, 2009

	Template Name : Scrapbook
	Original Designer : Ericulous
	Bloggerize by : Free Blogger Template
	Demo Url : CLICK HERE
	Download : Scrapbook.zip

special Feature : Single column fixed width, with hidden ajax sidebar

Click the "SIDEBAR <>" image to show the sidebar element.

Special credits

• Handycons – free, hand drawn social media icons
• WPClipart & Dawn Endico Flickr – featured gallery thumbnails

Instalations Guide :

Open Edit HTML.........

Guide:
blue/# = link anchor
red = text anchor
Green = image url/banner

1. Top Left Menu

<ul class='topmenu'>
<li class='current_page_item'><a href='#' title='Home'>Home</a></li>
<li class='page_item page-item-2'><a href='#' title='About'>About</a></li>
<li class='page_item page-item-19'><a href='#' title='Contact'>Contact</a></li>
</ul>

2. Top Right Icon

<ul class='topmenuicons'>
<li><a href='mailto:freebloggertemplate@ymail.com' title='contact'><img alt='Contact' src='http://1.bp.blogspot.com/_lxBSX0YJV58/SqUsmrK7JQI/AAAAAAAAAVY/oKgOjhcmo-Y/s1600/email_24x24.png'/></a></li>
<li><a href='http://twitter.com/fbtemplate' title='Twitter'><img alt='Twitter' src='http://3.bp.blogspot.com/_lxBSX0YJV58/SqUsnoqVZHI/AAAAAAAAAVo/LCc7roW7L_0/s1600/tweeter_24x24.png'/></a></li>
<li><a href='/feeds/posts/default' title='RSS Feed'><img alt='RSS Feed' src='http://4.bp.blogspot.com/_lxBSX0YJV58/SqUsnKAU7gI/AAAAAAAAAVg/EBn4Zr2ZlPU/s1600/rss_24x24.png'/></a></li>
</ul>

3. Feature gallery under header

<div class='headergallery'>
<div class='headergalleryimage'>
<a href='#' title='Title Here'>
<span/>
<img src='http://1.bp.blogspot.com/_lxBSX0YJV58/SqUsHb3wsGI/AAAAAAAAAUQ/Mo9QKLKgrlM/s1600/featured01-150x150.jpg'/>
</a>
<p><a href='#'>post Title 1</a></p>
</div>

<div class='headergalleryimage'>
<a href='#' title='Title Here'>
<span/>
<img src='http://4.bp.blogspot.com/_lxBSX0YJV58/SqUsHwUN83I/AAAAAAAAAUY/75q4xTubqwE/s1600/featured02-150x150.jpg'/>
</a>
<p><a href='#'>post Title 2</a></p>
</div>

<div class='headergalleryimage'>
<a href='#' title='Title Here'>
<span/>
<img src='http://1.bp.blogspot.com/_lxBSX0YJV58/SqUsITUE6rI/AAAAAAAAAUg/tCkoHe0ql3A/s1600/featured03-150x150.jpg'/>
</a>
<p><a href='#'>post Title 3</a></p>
</div>

<div class='headergalleryimage'>
<a href='#' title='Title Here'>
<span/>
<img src='http://1.bp.blogspot.com/_lxBSX0YJV58/SqUsItsz2GI/AAAAAAAAAUo/WAbx1CSeVv8/s1600/featured04-150x150.png'/>
</a>
<p><a href='#'>post Title 4</a></p>
</div>

<div class='headergalleryimage' style='padding:0;'>
<a href='#' title='Title Here'>
<span/>
<img src='http://4.bp.blogspot.com/_lxBSX0YJV58/SqUsUpkKqXI/AAAAAAAAAUw/3ScUHduMHuU/s1600/featured05-150x150.png'/>
</a>
<p><a href='#'>post Title 5</a></p>
</div>

</div>

UPDATE:
#SETUP POSTS DATE:


#SIDEBAR PAGE ELEMENT NOT APPEARS
Go to edit HTML then search this css code

.sideBarContents {
float: left;
overflow: hidden !important;
width: 1px;
}

Add this css code under the css code above

body#layout #sidebar .sideBarContents {width: 230px;}

look like this

.sideBarContents {
float: left;
overflow: hidden !important;
width: 1px;
}
body#layout #sidebar .sideBarContents {width: 230px;}

Save.

32 Pork & Bean Blogger Template at Tuesday, September 01, 2009

	Template Name : Pork & Bean
	Original Designer : Michael Soriano
	Bloggerize by : Free Blogger Template
	Demo Url : CLICK HERE
	Download : Pork&Bean.zip

Instalations Guide :

1. Header Logo Image
Go to Edit HTML, search this code

a#logo {background:url(http://4.bp.blogspot.com/_lxBSX0YJV58/Sp0XdAuAFbI/AAAAAAAAASc/r8TBzJ0EN-s/s1600/pblogo2.png) no-repeat; width:367px; height:70px; display:block; text-indent:-9999px; margin-top:60px;}

Replace the image url(red code) with your logo image url.

2. Header Description text
Go to Edit HTML, search this code

<p class='description'>Just another free Blogger Template by www.freebloggertemplate.info</p>

Replace the red text with your blog description.

3. Blog post Date Format
Layout -> page element -> edit "blog posts" elemen


4. Profile on bottom of post
Go to Edit HTML, check expand widget templates, search this code
a. Profile Image

<img alt='' class='avatar avatar-40 photo' height='40' src='http://4.bp.blogspot.com/_lxBSX0YJV58/SkRSS-NeF9I/AAAAAAAAAAM/QQU6mGuuDHY/S220/Matrix.jpg' style='border:0;' width='40'/>

Replace the image url(red code) with your profile image url.
b. Profile info

<div class='author-description'>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>

Replace the red text with your profile description.