Template Name : Mahusay Original Designer : Paddsolutions
Bloggerize by : Free Blogger Template
Demo Url : CLICK HERE
Download : Mahusay Template.rar
Instalations Guide
Go to "Edit HTML"
Find The Code below and replace the red/blue code with your own
1. Javascript Host
Find this code and replace with your own host.
<script src='http://WWW.YOUROWNHOSTING.COM/mootools.v1.11.js' type='text/javascript'/>
<script src='http://WWW.YOUROWNHOSTING.COM/jd.gallery.js' type='text/javascript'/>
2. Twitter Url
Find This Code and replace the red text with your Twitter Url
<a href='http://twitter.com/YOURNAME' id='twitter' title='Twitter'>Twitter</a>
3. Menu Navigation
Red : Link Anchor
Blue : Text Anchor
<ul>
<li class='current_page_item'><a href='/'><span><span>Home</span></span></a></li>
<li class='page_item page-item-39'><a href='#' title='About'><span><span>About</span></span></a></li>
<li class='page_item page-item-28'><a href='#' title='Child Page'><span><span>Child Page</span></span></a></li>
</ul>
4. Slide Feature with automatic post update
Be careful when editing this code!!! Ok. Just change the red url with your Blog Url and blue Url with your Image Url(background image = 606x225 pixel). Don't change the other code if you does'nt know anything about HTML/Javascript Coding.
<div class='imageElement'>
<h2><script>var startposts = 0; numposts = 1; var showposttitle = true; showpostdate = false; var showpostsummary = false; var numchars = 0; </script><script src="http://mahusay-fbt.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script></h2>
<p><script>var startposts = 0; numposts = 1; var showposttitle = false; showpostdate = false; var showpostsummary = true; var numchars = 150; </script><script src="http://mahusay-fbt.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script></p>
<a class='open' href='#' title='Read More'/>
<img class='full' src='http://i606.photobucket.com/albums/tt142/freebloggertemplate/mahusay/image1.jpg'/>
<img class='thumbnail' src='http://i606.photobucket.com/albums/tt142/freebloggertemplate/mahusay/image1.jpg'/>
</div>
<div class='imageElement'>
<h2><script>var startposts = 1; numposts = 2; var showposttitle = true; showpostdate = false; var showpostsummary = false; var numchars = 0; </script><script src="http://mahusay-fbt.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script></h2>
<p><script>var startposts = 1; numposts = 2; var showposttitle = false; showpostdate = false; var showpostsummary = true; var numchars = 150; </script><script src="http://mahusay-fbt.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script></p>
<a class='open' href='#' title='Read More'/>
<img class='full' src='http://i606.photobucket.com/albums/tt142/freebloggertemplate/mahusay/image2.jpg'/>
<img class='thumbnail' src='http://i606.photobucket.com/albums/tt142/freebloggertemplate/mahusay/image2.jpg'/>
</div>
<div class='imageElement'>
<h2><script>var startposts = 2; numposts = 3; var showposttitle = true; showpostdate = false; var showpostsummary = false; var numchars = 0; </script><script src="http://mahusay-fbt.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script></h2>
<p><script>var startposts = 2; numposts = 3; var showposttitle = false; showpostdate = false; var showpostsummary = true; var numchars = 150; </script><script src="http://mahusay-fbt.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script></p>
<a class='open' href='#' title='Read More'/>
<img class='full' src='http://i606.photobucket.com/albums/tt142/freebloggertemplate/mahusay/image3.jpg'/>
<img class='thumbnail' src='http://i606.photobucket.com/albums/tt142/freebloggertemplate/mahusay/image3.jpg'/>
</div>
<div class='imageElement'>
<h2><script>var startposts = 3; numposts = 4; var showposttitle = true; showpostdate = false; var showpostsummary = false; var numchars = 0; </script><script src="http://mahusay-fbt.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script></h2>
<p><script>var startposts = 3; numposts = 4; var showposttitle = false; showpostdate = false; var showpostsummary = true; var numchars = 150; </script><script src="http://mahusay-fbt.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script></p>
<a class='open' href='#' title='Read More'/>
<img class='full' src='http://i606.photobucket.com/albums/tt142/freebloggertemplate/mahusay/image1.jpg'/>
<img class='thumbnail' src='http://i606.photobucket.com/albums/tt142/freebloggertemplate/mahusay/image1.jpg'/>
</div>
<div class='imageElement'>
<h2><script>var startposts = 4; numposts = 5; var showposttitle = true; showpostdate = false; var showpostsummary = false; var numchars = 0; </script><script src="http://mahusay-fbt.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script></h2>
<p><script>var startposts = 4; numposts = 5; var showposttitle = false; showpostdate = false; var showpostsummary = true; var numchars = 150; </script><script src="http://mahusay-fbt.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script></p>
<a class='open' href='#' title='Read More'/>
<img class='full' src='http://i606.photobucket.com/albums/tt142/freebloggertemplate/mahusay/image2.jpg'/>
<img class='thumbnail' src='http://i606.photobucket.com/albums/tt142/freebloggertemplate/mahusay/image2.jpg'/>
</div>
5. Author Profile
Red = Profile Image Url
Blue = Profile description
<img alt='' class='avatar avatar-56' height='56' src='http://i606.photobucket.com/albums/tt142/freebloggertemplate/mahusay/thumbnail.png' width='56'/><p>This is a sample info about the author. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis.</p>
6. Feedburner Subscriber
<input name='url' type='hidden' value='http://feeds.feedburner.com/~e?ffid=YOURFEEDBURNERID'/>
UPDATE :
TITLE POST IN SLIDE SHOW ARE DISSAPEAR ON IE BROWSER.
FOLLOW THIS INSTRUCTION TO FIX IT.
1. Open edit html
2. search this css code
.jdGallery a
{
font-size: 100%;
text-decoration: none;
color: inherit;
}
3. Change with this css code
.jdGallery a, .jdGallery a:hover
{
font-size: 100%;
text-decoration: none;
color: #fff;
}
4. Save
0 Response to "Mahusay Free Premium Blogger Template"
Post a Comment