Indose Blogger Template Installations Guide

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

# SETUP TOP MENU NAVIGATION
Go to "Edit HTML" page
Search the codes like below
<ul id='pagemenu'>
<li><a href='/'>Home</a></li>
<li><a href='http://indose-fbt.blogspot.com/p/test-static-page.html'>Test Static Page</a></li>
<li><a href='#'>EDIT</a></li>
<li><a href='#'>EDIT</a></li>
<li><a href='#'>EDIT</a></li>
</ul>
Change "blue text" with your link anchor/url
Change "red text" with your text anchor

# SETUP TOP RSS & TWITTER
Go to "Edit HTML" page
Search the codes like below
<div class='span-3 feedtwitter'>
<a href='feeds/posts/default'><img src='http://2.bp.blogspot.com/-Kyx6WfpZvsc/T6i7eYrKIUI/AAAAAAAACgM/EuhRDcwJTYg/s1600/rss.png' style='margin:0 4px 0 0;'/></a>
<a href='#' title='Follow me on Twitter!'><img src='http://3.bp.blogspot.com/-7G6bs9F2baQ/T6i-qYrnwcI/AAAAAAAAChY/kmRDlTrKtqs/s1600/twitter1.png' style='margin:0 4px 0 0; ' title='Follow me on Twitter!'/></a>
</div>
Change "blue text" with your link anchor/url

# SETUP CATEGORY MENU NAVIGATION
Go to "Edit HTML" page
Search the codes like below
<ul id='nav'>
<li class='current-cat'><a href='#'>Home</a></li>
<li><a href='#'>Browsers</a></li>
<li><a href='#'>Computers</a></li>
<li><a href='#'>Featured</a></li>
<li><a href='#'>News</a></li>
<li><a href='#'>Parent Category</a>
<ul class='children'>
<li><a href='#'>Child Category 1</a>
<ul>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>
</ul>
</li>
<li><a href='#'>Web Design</a></li>
</ul>
Change "blue text" with your link anchor/url
Change "red text" with your text anchor

# SETUP SLIDE FEATURE
It's up to you want to use the slide feature or not. To add the slide feature, just go to "Page Elements", "Add a Gadget"(see picture below), choose "HTML/JavaScript", the copy the code below then paste it.

<div id="slider">
<div id="slider1">
<script style="text/javascript">
var showpostthumbnails_gal = true;
var showpostsummary_gal = true;
var random_posts = false;
var numchars_gal = 150;
var numposts_gal = 10;
function showgalleryposts(json) {
var numPosts = json.feed.openSearch$totalResults.$t;
var indexPosts = new Array();
document.write('<ul style="overflow:hidden;">');
for (var i = 0; i < numPosts; ++i) {
indexPosts[i] = i;
}
if (random_posts == true){
indexPosts.sort(function() {return 0.5 - Math.random()});
}
if (numposts_gal > numPosts) {
numposts_gal = numPosts;
}
for (i = 0; i < numposts_gal; ++i) {
var entry_gal = json.feed.entry[indexPosts[i]];
var posttitle_gal = entry_gal.title.$t;
for (var k = 0; k < entry_gal.link.length; k++) {
if ( entry_gal.link[k].rel == 'alternate') {
posturl_gal = entry_gal.link[k].href;
break;
}
}
if ("content" in entry_gal) {
var postcontent_gal = entry_gal.content.$t
}
s = postcontent_gal;
a = s.indexOf("<img");
b = s.indexOf("src=\"", a);
c = s.indexOf("\"", b + 5);
d = s.substr(b + 5, c - b - 5);
if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
var thumburl_gal = d
} else var thumburl_gal = 'http://2.bp.blogspot.com/-6Jvg9AizDHw/TmjvvWpWV8I/AAAAAAAABkY/9KghyuLyG2I/s1600/FBTMaG%2BV1.jpg';
document.write('<li><div id="slide-container"><span class="slide-desc"><h2 style="margin:10px 0px;">');
document.write(posttitle_gal + '</h2>');
var re = /<\S[^>]*>/g;
postcontent_gal = postcontent_gal.replace(re, "");
if (showpostsummary_gal == true) {
if (postcontent_gal.length < numchars_gal) {
document.write(postcontent_gal);
document.write('</span>')
} else {
postcontent_gal = postcontent_gal.substring(0, numchars_gal);
var quoteEnd_gal = postcontent_gal.lastIndexOf(" ");
postcontent_gal = postcontent_gal.substring(0, quoteEnd_gal);
document.write(postcontent_gal + '...');
document.write('</span>')
}
}
document.write('<a href="' + posturl_gal + '"><img src="' + thumburl_gal + '" width="610px" height="320px"/></a></div>');
document.write('</li>');
}
document.write('</ul>');

}
</script>

<script style="text/javascript">
var numposts_gal = 4;
var numchars_gal = 150;
var random_posts = false; // random posts
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts&max-results=999999"></script>
</div></div>
var numposts_gal = 4; <-- Number of content/posts to show.
var numchars_gal = 150; <-- Number of characters of summary.
var random_posts = false; <-- set it "true" for random posts

#SETUP SIDEBAR BANNER 125x125
Go to "Edit HTML" page Search the codes like below
<div class='sidebaradbox'>
<a href='#' target='_new'><img class='ad125' src='http://4.bp.blogspot.com/--s73UwHnxAA/T6i7S_NsvTI/AAAAAAAACeo/uz7CSdvG8Y0/s1600/banner125.gif'/></a>
<a href='#' target='_new'><img class='ad125' src='http://4.bp.blogspot.com/--s73UwHnxAA/T6i7S_NsvTI/AAAAAAAACeo/uz7CSdvG8Y0/s1600/banner125.gif'/></a>
</div>
Change "#" with your link anchor/url
Change "red text" with your banner image url

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