Fausto Blogger Template Installations Guide

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

# SETUP TOP SOCIAL
Go to "Edit HTML" page
Search the codes like below
<div class='twitter'>
<a href='#YOUR TWITTER URL HERE' title='Follow Me on Twitter!'>
</a>
</div><!-- end of rss -->

<div class='facebook'>
<a href='#YOUR FACEBOOK URL HERE' target='blank' title='Share on Facebook'/>
</div><!-- end of twitter -->

<div class='rss'>
<a href='/feeds/posts/default' title='Syndicate this site using RSS'><abbr title=''/></a>
</div>
Change "red text" with your own.

# SETUP TOP MENU
Go to "Edit HTML" page
Search the codes like below
<div class='btn'>
<ul class='thaimenu menuone' id='pagemenu'>
<li class='current_page_item'><a href='/'><span>Home</span></a></li>
<li class='page_item'><a href='#' title='About'>About</a></li>
</ul>
</div><!-- end of btn -->
Change "#" with your link anchor/url
Change "red text" with your text anchor

# SETUP UNDER TITLE MENU
Go to "Edit HTML" page
Search the codes like below
<div class='menu'>
<ul class='jasmine menutwo' id='catsmenu'>

<li class='current_page_item'><a href='/'>Home</a></li>
<li class='cat-item'><a href='#' title='TITLE HERE'>MENU 1</a></li>
<li class='cat-item'><a href='#' title='TITLE HERE'>MENU 2 WITH CHILD MENU</a>
<ul class='children'>
<li class='cat-item'><a href='#' title='TITLE HERE'>CHILD MENU 1</a></li>
<li class='cat-item'><a href='#' title='TITLE HERE'>CHILD MENU 2</a></li>
<li class='cat-item'><a href='#' title='TITLE HERE'>CHILD MENU 3</a></li>
</ul>
</li>
<li class='cat-item'><a href='#' title='TITLE HERE'>MENU 3</a></li>
<li class='cat-item'><a href='#' title='TITLE HERE'>MENU 4</a></li>
</ul>
</div>
Change "#" with your link anchor/url
Change "red text" with your text anchor

# SETUP SLIDER CONTENT

Click "Add A Gadget" on that element than place this code.
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
<style>
.galouter {
width:634px;height:300px;padding-left:6px;padding-top:0px;background-image:url(http://2.bp.blogspot.com/-hNZFzAt6os0/TiJnm3WWi5I/AAAAAAAABVc/tuUMFhEHTZI/s1600/galbg.png);background-repeat:no-repeat;
}
.galouter .gallery {width:628px;height:261px;background-color: #202834;}
#slider { float:left;width:628px;height:261px;background:url(http://www.wordpressmanual.com/demos/wp141/wp-content/themes/Fausto/images/loading.gif) no-repeat;background-position:50% 50%;
}
#slider img { position:absolute;top:0px;left:0px;display:none;}
#slider a { border:0;outline:none;display: block;}
.nivo-controlNav {
position:absolute;
left:47%;
bottom:-30px;
}
.nivo-controlNav a {
display:block;
width:10px;
height:10px;
background:url(http://3.bp.blogspot.com/-R9m-7zSK3Sc/TiJnTQs9sPI/AAAAAAAABT8/eecUz83CBlc/s1600/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
.nivo-controlNav a.active {
background-position:-10px 0;
}
.nivo-directionNav a {
display:block;
width:32px;
height:34px;
background:url(http://3.bp.blogspot.com/-LWPcRsnNIgk/TiJnMKG2hcI/AAAAAAAABTM/6f5Ab9ERjXM/s1600/arrows1.png) no-repeat;
text-indent:-9999px;
border:0;
}
a.nivo-nextNav {
background-position:-30px 0;
right:10px;
}
a.nivo-prevNav {
background-position:3px 0;
left:10px;
}

.clear {
clear:both;
}
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:60;
display:none;
}

.nivo-slice {
display:block;
position:absolute;
z-index:50;
height:100%;
}
.nivo-caption {
position:absolute;
left:15px;
bottom:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
font-size:12px;
background:#000;
line-height:16px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
opacity:0.8; /* Overridden by captionOpacity setting */
width:93%;
z-index:89;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}

.nivo-directionNav a {
position:absolute;
top:45%;
z-index:99;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
.nivo-controlNav a {
position:relative;
z-index:99;
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
.nivo-caption{
font-size: 12px;
}
.readmore-wrap{
float: right;
}
.nivo-caption{
height: 40px;
}
.nivo-caption{
font-size: 12px;
}
.readmore-wrap{
float: right;
}
</style>

<div id="slider">
<a href="#" title="Slide 1"><img src="http://4.bp.blogspot.com/-O_HDtDAUauY/TiJnmB8zAXI/AAAAAAAABU8/ECkqXUeJSuQ/s1600/f10.jpg" alt="" title="Replace these every slider 1 sentences with your featured post descriptions." /></a>

<a href="#" title="Slide 2"><img src="http://4.bp.blogspot.com/-SRtWrh8YTgc/TiJndv7BnCI/AAAAAAAABUs/im3PZxpz2Qk/s1600/f4.jpg" alt="" title="Replace these every slider 2 sentences with your featured post descriptions." /></a>

<a href="#" title="Slide 3"><img src="http://1.bp.blogspot.com/-SA372qfi6Rw/TiJneHowQqI/AAAAAAAABU0/RLRqxGugEe4/s1600/f9.jpg" alt="" title="Replace these every slider 3 sentences with your featured post descriptions. Replace these every slider 3 sentences with your featured post descriptions." /></a>

<a href="#" title="Slide 4"><img src="http://1.bp.blogspot.com/-SA372qfi6Rw/TiJneHowQqI/AAAAAAAABU0/RLRqxGugEe4/s1600/f9.jpg" alt="" title="Replace these every slider 4 sentences with your featured post descriptions. Replace these every slider 4 sentences with your featured post descriptions." /></a>
</div>
Change "#" with your link anchor/url.
Change "red text" with your own.
To add more slide, see the "green code".

Click here for solution of Templates Error or Not Work Properly, slideshow not work, etc