Silver Mag Blogger Template at Tuesday, January 04, 2011

	Template Name : Silver Mag
	Original Designer : Simplewpthemes
	Bloggerize by : Free Blogger Template
	Demo Url : CLICK HERE
	Download : Silver Mag.zip

Instalations Guide :

#Go to "Design" => "Edit HTML"
#Activate "search bar" by pressing "CRTL+F" button

1. Menu Setup
Search using this keyword "menu html".
You will see the codes like below

<div id='top'>
<ul class='sf-menu'>
<li class='page_item'><a href='/'>Home</a></li>
<li class='page_item'><a href='#'>Menu 1</a></li>
<li class='page_item'><a href='#'>Menu 2</a></li>
<li class='page_item'><a href='#'>Menu 3</a></li>
<li class='page_item'><a href='#'>Menu 4</a></li>
<li class='page_item'><a href='#'>Menu 5</a></li>
<li class='page_item'><a href='#'>Menu 6</a></li>
</ul>
</div>

Change "#" with your link anchor/url
Change "Menu" with your link text anchor

2. Post Slider Setup
Search using this keyword "post slider html".
You will see the codes like below

<li class='sliderImage'>
<a href='#' rel='bookmark' title='Permanent Link to Integer vitae nulla!'><img alt='Integer vitae nulla!' height='229' src='http://3.bp.blogspot.com/_lxBSX0YJV58/TSPpKp6jRJI/AAAAAAAAA7I/EY7M-z-05xQ/s1600/17.jpg' width='560'/></a>
<span class='bottom'>
<h2><a href='#' rel='bookmark' title='Permanent Link to Integer vitae nulla!'>Integer vitae nulla!</a></h2>
<p>Suspendisse neque tellus, malesuada in, facilisis et, adipiscing sit amet, risus. Sed egestas. Quisque mauris. Duis id ligula. Nunc quis tortor. In hendrerit, quam vitae mattis interdum, turpis augue viverra justo, sed semper sem lorem sed ligula. Curabitur id urna nec risus volutpat ultrices....</p></span>
</li>


<li class='sliderImage'>
<a href='#' rel='bookmark' title='Permanent Link to Suspendisse neque tellus'><img alt='Suspendisse neque tellus' height='229' src='http://4.bp.blogspot.com/_lxBSX0YJV58/TSPpKvesdrI/AAAAAAAAA7Q/P7U2kMaSWqg/s1600/43.png' width='560'/></a>
<span class='bottom'>
<h2><a href='#' rel='bookmark' title='Permanent Link to Suspendisse neque tellus'>Suspendisse neque tellus</a></h2>
<p>Suspendisse neque tellus, malesuada in, facilisis et, adipiscing sit amet, risus. Sed egestas. Quisque mauris. Duis id ligula. Nunc quis tortor. In hendrerit, quam vitae mattis interdum, turpis augue viverra justo, sed semper sem lorem sed ligula. Curabitur id urna nec risus volutpat ultrices....</p></span>
</li>


<li class='sliderImage'>
<a href='#' rel='bookmark' title='Permanent Link to Curabitur faucibus'><img alt='Curabitur faucibus' height='229' src='http://2.bp.blogspot.com/_lxBSX0YJV58/TSPpKcTvj_I/AAAAAAAAA7A/w5KphNwT9xw/s1600/16.jpg' width='560'/></a>
<span class='bottom'>
<h2><a href='#' rel='bookmark' title='Permanent Link to Curabitur faucibus'>Curabitur faucibus</a></h2>
<p>Suspendisse neque tellus, malesuada in, facilisis et, adipiscing sit amet, risus. Sed egestas. Quisque mauris. Duis id ligula. Nunc quis tortor. In hendrerit, quam vitae mattis interdum, turpis augue viverra justo, sed semper sem lorem sed ligula. Curabitur id urna nec risus volutpat ultrices....</p></span>
</li>

Change "#" with your link anchor/url
Change red text with your image url
Change blue text with your descriptions text

3. Social Bookmark Setup
Search using this keyword "social bookmark html".
You will see the codes like below

<li class='first'><a href='#' id='socrss'>Subscribe via RSS</a></li>
<li class='second'><a href='#' id='twitter'>Follow my tweets</a></li>
<li class='third'><a href='#' id='email'>Subscribe via Email</a></li>

Change "#" with your link anchor/url

4. Images Slider Setup
Search using this keyword "image slider html".
You will see the codes like below

<div class='panel'>
<a href='#' title='Integer vitae nulla!'> <img alt='Integer vitae nulla!' height='122' src='http://1.bp.blogspot.com/_lxBSX0YJV58/TSPov4kg3lI/AAAAAAAAA54/qHeuRLart6I/s1600/8.jpg' width='153'/> </a>
</div>

<div class='panel'>
<a href='#' title='Suspendisse neque tellus'> <img alt='Suspendisse neque tellus' height='122' src='http://3.bp.blogspot.com/_lxBSX0YJV58/TSPov0_eiXI/AAAAAAAAA5w/BTvLjApEjsU/s1600/2.jpg' width='153'/> </a>
</div>

<div class='panel'>
<a href='#' title='Curabitur faucibus'> <img alt='Curabitur faucibus' height='122' src='http://3.bp.blogspot.com/_lxBSX0YJV58/TSPowP9lStI/AAAAAAAAA6A/0L8M1x3KrMQ/s1600/9.jpg' width='153'/> </a>
</div>

<div class='panel'>
<a href='#' title='Mauris euismod rhoncus tortor'> <img alt='Mauris euismod rhoncus tortor' height='122' src='http://3.bp.blogspot.com/_lxBSX0YJV58/TSPowNXlSRI/AAAAAAAAA6I/h3SJ7Hvq1a0/s1600/10.jpg' width='153'/> </a>
</div>

<div class='panel'>
<a href='#' title='Sed nunc augue'> <img alt='Sed nunc augue' height='122' src='http://3.bp.blogspot.com/_lxBSX0YJV58/TSPowfFU_OI/AAAAAAAAA6Q/31G8nvom3EY/s1600/11.jpg' width='153'/> </a>
</div>

<div class='panel'>
<a href='#' title='Lorem Ipsum'> <img alt='Lorem Ipsum' height='122' src='http://3.bp.blogspot.com/_lxBSX0YJV58/TSPowP9lStI/AAAAAAAAA6A/0L8M1x3KrMQ/s1600/9.jpg' width='153'/> </a>
</div>

Change "#" with your link anchor/url
Change red text with your image url

5. Preview and save