Sunday, September 11, 2011

iFeature Blogger Template Installations Guide

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>

Change "#" with your url
Change "green url" with your images url
Change "red text" with your own

0 comments:

Post a Comment