Friday, April 27, 2012

Stylish-O Blogger Template Installations Guide

Template Name: Stylish-O 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 class='sf-menu' id='menu-main'>
<li><a href='/'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='http://stylisho-fbt.blogspot.com/p/test-static-page.html'>Test static page</a></li>
</ul>

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


# SETUP CATEGORY MENU NAVIGATION
Go to "Edit HTML" page
Search the codes like below
<ul>
<li><a href='#'>Item 1</a></li>
<li><a href='#'>Folder 0</a>
<ul>
<li><a href='#'>Sub Item 1.1</a></li>
<li><a href='#'>Sub Item 1.2</a></li>
<li><a href='#'>Sub Item 1.3</a></li>
</ul>
</li>
<li><a href='#'>Folder 1</a>
<ul>
<li><a href='#'>Sub Item 1.1</a></li>
<li><a href='#'>Sub Item 1.2</a></li>
<li><a href='#'>Sub Item 1.3</a></li>
<li><a href='#'>Sub Item 1.4</a></li>
</ul>
</li>
<li><a href='#'>Item 3</a></li>
<li><a href='#'>Folder 2</a>
<ul>
<li><a href='#'>Sub Item 2.1</a></li>
<li><a href='#'>Folder 2.1</a>
<ul>
<li><a href='#'>Sub Item 2.1.1</a></li>
<li><a href='#'>Sub Item 2.1.2</a></li>
<li><a href='#'>Folder 3.1.1</a>
<ul>
<li><a href='#'>Sub Item 3.1.1.1</a></li>
<li><a href='#'>Sub Item 3.1.1.2</a></li>
</ul>
</li>
<li><a href='#'>Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Item 4</a></li>
</ul>

Change "#" 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="480px" height="300px"/></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 PAGE PAGINATION
http://www.blogteacher.net/2012/04/how-to-add-blogger-page-pagination.html


3 comments:

  1. I have installed this template on my blog. but I have one problem, how do I put my blog logo on this template? Thank you.

    ReplyDelete
  2. This design is wicked! You most certainly know how to keep a reader amused. Between your wit and your videos, I was almost moved to start my own blog (well, almost…HaHa!) Excellent job. where to buy rs accounts I really loved what you had to say, and more than that, how you presented it. Too cool!

    ReplyDelete
  3. It is tricky convey to make sure a disparities amongst a groundbreaking Chanel Handbags and also its particular fake for the reason that in the way with chanel replica, your company is made so that you can watch each one element in every single measure, to allow the prospective buyers have wholly contented. This marketplace is escalating more substantial plus more substantial, considering progressively more gals really need to generate ourselves glance wonderful, and many more analysts do understand to the fact that Chanel fake handags will be nearly as good when people fee much less. fake chanel outlet assurances it has the purchasers exquisite plus exceptional layouts; Chanel reproductions of vintage designs make sure you actually precisely the same elements without the great selling prices. People instantly tell you easy methods to completely new everyday living. Mademoiselle Chanel one time once reported “fashion was made to often be unfashionable”. replica chanel perceived this one time your movement results in being closely saturated sold in the market them results in being unsuitable and the eventually, kinds is going to of course develop into element of design track record. best fake rolex, if throwaway design improved together by using huge development within the last few one half of a twentieth a single, Chanel appeared to be manner previous to the girl's time frame.

    ReplyDelete