165 Hybrid News Blogger Template at Friday, July 24, 2009

	Template Name : Hybrid News
	Original Designer : Hybrid
	Bloggerize by : Free Blogger Template
	Demo Url : CLICK HERE
	Download : Hybridnews.zip

Instalations Guide :

Because of most user of my template have a same problem with file hosting, so I places all javasript code in this template. No need to use file hosting anymore. But, be careful when editing this template, use CTRL+F to find the code for the right search.

Open Edit HTML, and lets begin.....

1. Top Navigations
Search this code

blue/# = link anchor
red = text anchor
bold code = adding new menu

<ul class='menu sf-menu'>
<li class='current_page_item'><a href='/'>Home</a></li>
<li class='page_item'><a href='#' title='About'>About</a></li>
<li class='page_item'><a href='#' title='Archives'>Archives</a></li>
<li class='page_item'><a href='#' title='Blog'>Blog</a></li>
<li class='page_item'><a href='#' title='Elements'>Elements</a></li>
<li class='page_item'><a href='#' title='New menu'>New Menu</a></li>
</ul>

2. Second Navigations
Search this code

<ul class='menu sf-menu'>
<li class='cat-item'><a href='#' title='Edit Title'>Edit</a></li>
<li class='cat-item'><a href='#' title='Edit Title'>Edit</a></li>
<li class='cat-item'><a href='#' title='Edit Title'>Edit</a></li>
<li class='cat-item'><a href='#' title='Edit Title'>Edit</a></li>
</ul>

3. Slide Feature [Automatic update for post summary and image thumbnail]

NOTE : SLIDE FEATURE OF HYBRID NEWS BLOGGER TEMPLATE USING LIMITED ATOM FEEDS SCRIPT AND IT'S STATIC MODE. IN THE XML OF THIS TEMPLATE, INCLUDING 2 ATOM SCRIPT FOR 2 PAGE OF SLIDE SHOW. SO, FOR TESTING THIS TEMPLATE/FOR NEW BLOG, YOU NEED MINIMUM 2 BLOG POST. YOU CAN TRY WITH 1 BLOG POST AND SEE THE EFFECT.

PLEASE FOLLOW THE INSTRUCTIONS CAREFULLY.

Find this code
Change red text with your blog feeds or blog feed by category/label like this

http://yourblogname.blogspot.com/feeds/posts/default/-/yourbloglabel


=> In Script 1

startposts = 0;
numposts = 1;
home_page = "http://hybridnews-fbt.blogspot.com/feeds/posts/default";

=> In Script 2

startposts = 1;
numposts = 2;
home_page = "http://hybridnews-fbt.blogspot.com/feeds/posts/default";

How to add more slide page?

Full code of slide feature for 2 page is like this

<div class='feature'>
<script language='JavaScript'>
bla....
bla....
bla....
startposts = 0;
numposts = 1;
home_page = &quot;http://hybridnews-fbt.blogspot.com/feeds/posts/default&quot;;
</script>
<script type='text/javascript'>
//<![CDATA[
bla....
bla....
bla....
//]]>
</script>
</div>

<div class='feature'>
<script language='JavaScript'>
bla....
bla....
bla....
startposts = 1;
numposts = 2;
home_page = &quot;http://hybridnews-fbt.blogspot.com/feeds/posts/default&quot;;
</script>
<script type='text/javascript'>
//<![CDATA[
bla....
bla....
bla....
//]]>
</script>
</div>

To add more page for slide feature, just copy the code from <div class='feature'> until </div>, paste it under previous code, then change the "startposts" and "numposts", example like below.

<div class='feature'>
<script language='JavaScript'>
bla....
bla....
bla....
startposts = 0;
numposts = 1;
home_page = &quot;http://hybridnews-fbt.blogspot.com/feeds/posts/default&quot;;
</script>
<script type='text/javascript'>
//<![CDATA[
bla....
bla....
bla....
//]]>
</script>
</div>

<div class='feature'>
<script language='JavaScript'>
bla....
bla....
bla....
startposts = 1;
numposts = 2;
home_page = &quot;http://hybridnews-fbt.blogspot.com/feeds/posts/default&quot;;
</script>
<script type='text/javascript'>
//<![CDATA[
bla....
bla....
bla....
//]]>
</script>
</div>

<div class='feature'>
<script language='JavaScript'>
bla....
bla....
bla....
startposts = 2;
numposts = 3;
home_page = &quot;http://hybridnews-fbt.blogspot.com/feeds/posts/default&quot;;
</script>
<script type='text/javascript'>
//<![CDATA[
bla....
bla....
bla....
//]]>
</script>
</div>

4. Change default image

Search this url : http://i584.photobucket.com/albums/ss289/hemingways-studio/Have_Images_TEXT.png

Replace with your own image url.

5. Preview and save, all done.

11 Fresh Brown Featured at Saturday, July 18, 2009

	Template Name : Fresh Brown Featured
	Original Designer : Simran
	Costumize by : Free Blogger Template
	Demo Url : CLICK HERE
	Download : Freshbrown F.zip

Instalations Guide : Click Here

Request by Ritesh Kawadkar to add a featuring post like Smoky in Fresh Brown Template.

304 Request a Blogger Template at Saturday, July 18, 2009

Hey guys, as you know i'm a Blogger template Converter. I can convert any template into Blogger template. You can request to me if you find some great template and wanna use it in Blogspot. It's free, the one think if you want to say thanks is just promote me in your blog ;). Here the rules...

1. Leave your request using comment box below include the template link.
2. Your request must be a free themes or free premium themes
3. Enjoy it :D

208 Mahusay Free Premium Blogger Template at Thursday, July 09, 2009

	Template Name : Mahusay
	Original Designer : Paddsolutions
	Bloggerize by : Free Blogger Template
	Demo Url : CLICK HERE
	Download : Mahusay Template.zip

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>&lt;script&gt;var startposts = 0; numposts = 1; var showposttitle = true; showpostdate = false; var showpostsummary = false; var numchars = 0; &lt;/script&gt;&lt;script src=&quot;http://mahusay-fbt.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt;
&lt;/script&gt;</h2>
<p>&lt;script&gt;var startposts = 0; numposts = 1; var showposttitle = false; showpostdate = false; var showpostsummary = true; var numchars = 150; &lt;/script&gt;&lt;script src=&quot;http://mahusay-fbt.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt;
&lt;/script&gt;</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>&lt;script&gt;var startposts = 1; numposts = 2; var showposttitle = true; showpostdate = false; var showpostsummary = false; var numchars = 0; &lt;/script&gt;&lt;script src=&quot;http://mahusay-fbt.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt;
&lt;/script&gt;</h2>
<p>&lt;script&gt;var startposts = 1; numposts = 2; var showposttitle = false; showpostdate = false; var showpostsummary = true; var numchars = 150; &lt;/script&gt;&lt;script src=&quot;http://mahusay-fbt.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt;
&lt;/script&gt;</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>&lt;script&gt;var startposts = 2; numposts = 3; var showposttitle = true; showpostdate = false; var showpostsummary = false; var numchars = 0; &lt;/script&gt;&lt;script src=&quot;http://mahusay-fbt.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt;
&lt;/script&gt;</h2>
<p>&lt;script&gt;var startposts = 2; numposts = 3; var showposttitle = false; showpostdate = false; var showpostsummary = true; var numchars = 150; &lt;/script&gt;&lt;script src=&quot;http://mahusay-fbt.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt;
&lt;/script&gt;</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>&lt;script&gt;var startposts = 3; numposts = 4; var showposttitle = true; showpostdate = false; var showpostsummary = false; var numchars = 0; &lt;/script&gt;&lt;script src=&quot;http://mahusay-fbt.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt;
&lt;/script&gt;</h2>
<p>&lt;script&gt;var startposts = 3; numposts = 4; var showposttitle = false; showpostdate = false; var showpostsummary = true; var numchars = 150; &lt;/script&gt;&lt;script src=&quot;http://mahusay-fbt.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt;
&lt;/script&gt;</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>&lt;script&gt;var startposts = 4; numposts = 5; var showposttitle = true; showpostdate = false; var showpostsummary = false; var numchars = 0; &lt;/script&gt;&lt;script src=&quot;http://mahusay-fbt.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt;
&lt;/script&gt;</h2>
<p>&lt;script&gt;var startposts = 4; numposts = 5; var showposttitle = false; showpostdate = false; var showpostsummary = true; var numchars = 150; &lt;/script&gt;&lt;script src=&quot;http://mahusay-fbt.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt;
&lt;/script&gt;</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

7 Coming Soon : Mahusay Blogger Template at Tuesday, July 07, 2009

Mahusay is originally free premium Wordpress Theme create by Paddsolutions. This theme really nice, 2 column Magazine style, elegant design, slide feature, and 2 element under post. But, this theme only for Wordpress user not for Blogspot user :(. Hey man, dont be sad. I'm here to make you happy. At this time, I already converting this great theme :D.

Please be patient before, I'm still working to make the "Slideshow Post Feature" are automatic update and i need your help to check Mahusay Demo (CLICK HERE) before publishing this theme for free. Please report to me if there any bugs in this template. I hope you all have various browser because i only have 2 Browser in my PC, FF3 and IE6.

Please tell me if this theme is already converted by another people. I will stop my project. Because Mahusay is a free premium wp theme, of course Mahusay Blogger Template is free for you. No need to donate me, and please don't change/remove the credit link in the bottom of template. If you are Template Publisher, just add your link without change/remove any link.

Thanks...

32 The Clam Shell Blogger Template at Thursday, July 02, 2009

	Template Name : The Clam Shell
	Original Designer : Michael Soriano
	Bloggerize by : Free Blogger Template
	Demo Url : CLICK HERE
	Download : Theclamshell.zip

Instalations Guide :

Go to "EDIT HTML", find the code below, and replace with your own.

# = URL/LINK

1. Twetter, Feeds, and Contact Button in Top Right Header.

<ul id='btns'>
<li><a href='http://twitter.com/yourname' id='twitter' title='Follow me in Twitter'>Follow</a></li>
<li><a href='http://feeds2.feedburner.com/yourfeed' id='rss' title='Subscribe to Feed'>Subscribe</a></li>
<li><a href='#' id='contact' title='Contact'>Contact</a></li>
</ul>

2. Banner Configuration

<div id='sidebar_ads'>
<div>
<a href='#' title=''><img alt='' src='http://i606.photobucket.com/albums/tt142/freebloggertemplate/The%20Clam%20Shell/ads-135.jpg'/></a>
</div>
<div>
<a href='#' title=''><img alt='' src='http://i606.photobucket.com/albums/tt142/freebloggertemplate/The%20Clam%20Shell/ads-135.jpg'/></a>
</div>
<div>
<a href='#' title=''><img alt='' src='http://i606.photobucket.com/albums/tt142/freebloggertemplate/The%20Clam%20Shell/ads-135.jpg'/></a>
</div>
<div>
<a href='#' title=''><img alt='' src='http://i606.photobucket.com/albums/tt142/freebloggertemplate/The%20Clam%20Shell/ads-135.jpg'/></a>
</div>
</div>