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.