Sunday, September 11, 2011

iFeature Blogger Template Installations Guide

Posted by Free Blogger Template at 12:31 AM | Labels: Templates Instruction

Template Name: Cleanside Blogger Template
By : www.freebloggertemplate.info
Download link: Click here

# SETUP SOCIAL ICONS
Go to "Edit HTML" page
Search the codes like below

<div id='social'>

<div class='icons'>

<a href='http://facebook.com/' target='_blank'><img alt='Facebook' height='32' src='http://1.bp.blogspot.com/-3Zx3CQYukSg/TmxAdunwtII/AAAAAAAABl4/Nttkp3rmUiQ/s1600/facebook.png' width='32'/></a>

<a href='http://twitter.com/' target='_blank'><img alt='Twitter' height='32' src='http://2.bp.blogspot.com/-XoN5M1wJ02g/TmxBJIrDm4I/AAAAAAAABnQ/5S8XE-HQejg/s1600/twitter.png' width='32'/></a>

<a href='https://plus.google.com/' target='_blank'><img alt='Gplus' height='32' src='http://2.bp.blogspot.com/-bgt9LJBNZEA/TmxAtYQy53I/AAAAAAAABmQ/Glh616-vTHQ/s1600/gplus.png' width='32'/></a>

<a href='http://linkedin.com/' target='_blank'><img alt='LinkedIn' height='32' src='http://1.bp.blogspot.com/-OVA3J-_JcQs/TmxA9d6hsYI/AAAAAAAABm4/lgqTw7TQPAI/s1600/linkedin.png' width='32'/></a>

<a href='http://youtube.com/' target='_blank'><img alt='YouTube' height='32' src='http://1.bp.blogspot.com/-FhPFu6VvbH4/TmxBPv7kTFI/AAAAAAAABng/mE3kllGydK0/s1600/youtube.png' width='32'/></a>

<a href='http://google.com/maps/'><img alt='Google Maps' height='32' src='http://2.bp.blogspot.com/-EIGOALS9EV8/TmxAmID3wYI/AAAAAAAABmI/9uqKECui4eU/s1600/googlemaps.png' width='32'/></a>

<a href='mailto:no@way.com' target='_blank'><img alt='E-mail' height='32' src='http://4.bp.blogspot.com/-Kl9wjTZoDbo/TmxAbOqZUjI/AAAAAAAABlw/dpfJMgG9_Pk/s1600/email.png' width='32'/></a>

<a href='/feeds/posts/default' target='_blank'><img alt='RSS' height='32' src='http://3.bp.blogspot.com/-CbyLw6ZqYik/TmxBBfrDeHI/AAAAAAAABnA/UpdAnaJ4dh8/s1600/rss.png' width='32'/></a>

</div>

</div><!-- end social -->

Change "blue url" with your own

# SETUP MENU NAVIGATION
Go to "Edit HTML" page
Search the codes like below

<div id='sfwrapper'>

<ul class='sf-menu' id='menu-nav'>

<li><a href='#' title='About'>About</a></li>

<li><a href='#' title='Parent Page'>Parent Page</a>

<ul class='children'>

<li><a href='#' title='Sub-page'>Sub-page</a></li>

</ul>

</li>

</ul>

</div>

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

# SETUP SLIDE FEATURE
Go to "Edit HTML" page
Search the codes like below

<!--Insert Feature Slider-->

<div class='nivoSlider' id='slider'>



<a href='#'> 

<img height='330' src='http://1.bp.blogspot.com/-1B7hU1YVrVY/TmxA3LPec_I/AAAAAAAABmo/RBg6SfCOafA/s1600/ifeaturefree.jpg' title='#caption0' width='640'/>

<div class='nivo-html-caption' id='caption0'>

<font size='4'>Worth A Thousand Words </font> <br/>

</div>

</a>



<a href='#'> 

<img height='330' src='http://1.bp.blogspot.com/-1B7hU1YVrVY/TmxA3LPec_I/AAAAAAAABmo/RBg6SfCOafA/s1600/ifeaturefree.jpg' title='#caption1' width='640'/>

<div class='nivo-html-caption' id='caption1'>

<font size='4'>Elements </font> <br/>

</div>

</a>



<a href='#'> 

<img height='330' src='http://1.bp.blogspot.com/-1B7hU1YVrVY/TmxA3LPec_I/AAAAAAAABmo/RBg6SfCOafA/s1600/ifeaturefree.jpg' title='#caption2' width='640'/>

<div class='nivo-html-caption' id='caption2'>

<font size='4'>More Tags </font> <br/>

</div>

</a>



<a href='#'> 

<img height='330' src='http://1.bp.blogspot.com/-1B7hU1YVrVY/TmxA3LPec_I/AAAAAAAABmo/RBg6SfCOafA/s1600/ifeaturefree.jpg' title='#caption3' width='640'/>

<div class='nivo-html-caption' id='caption3'>

<font size='4'>HTML </font> <br/>

</div>

</a>



<a href='#'> 

<img height='330' src='http://1.bp.blogspot.com/-1B7hU1YVrVY/TmxA3LPec_I/AAAAAAAABmo/RBg6SfCOafA/s1600/ifeaturefree.jpg' title='#caption4' width='640'/>

<div class='nivo-html-caption' id='caption4'>

<font size='4'>Links </font> <br/>

</div>

</a>

</div>