16 November 2009

Download 3 column magazine style template Hybrid News

Advertisements

Download 3 column template Hybrid News


Designed by - Free Blogger Template / ThemeHybrid

LIVE Demo


DOWNLOAD

Features - It is a 3 column blogger template adapted from wordpress theme. It is a magazine style template having right sidebar and 4 column footer. It has slide show feature for Automatic updates for post summary and image thumbnail.


How to Modify this template for you

First download and upload this template. Go to Layout >> Edit HTML >> Expand widget template.



Changing Top Navigation.

Find following code




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



Changing Navigation menu bellow header

Find following code

<ul class='menu sf-menu'>
<li class='cat-item'><a href='http://free-blogger-help.blogspot.com/2008/07/blogger-templates.html' title='Edit Title'>Templates</a></li>
<li class='cat-item'><a href='http://free-blogger-help.blogspot.com/2008/08/list-of-useful-blogger-widgets.html' title='Edit Title'>Widgets</a></li>
<li class='cat-item'><a href='http://webmasters-forum.org/' title='Edit Title'>SEO Forum</a></li>
<li class='cat-item'><a href='http://free-blogger-help.blogspot.com/' title='Edit Title'>Blogger Help</a></li>
</ul>


Now replace the your URL and menu title.


Changing Slide show posts

Look for

http://weeblog-templates.blogspot.com/feeds/posts/default

replace the bold url with your url.

This is present 2 times means two posts showing in the slide show.

If you want to show more than two posts in slide show-

Look for the code

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


Replace above code with

<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>



Save and enjoy the template.

Related Posts

18 comments

March 22, 2010 at 2:37 AM

commets section are missing in this template .

March 22, 2010 at 7:00 AM

It is present. Check here

http://hybrid-news-temp.blogspot.com/2009/11/templates-by-free-blogger.html

March 22, 2010 at 8:01 AM

thanks brother for your quick reply.please visit my site http://mytechnotice.blogspot.com/
check my adsense style.why like this under page is right but home page is 69 type i dont want to show ads in home page.and show only 2 ads unite but i heard in single page show 3 ads unite .plz help me

March 23, 2010 at 1:39 AM

all problems are gone .but have a problem i want to show more lines in home page post summery.how can i solve this problem .check my website http://mytechnotice.blogspot.com

March 23, 2010 at 2:15 AM

This post is updated
http://free-blogger-help.blogspot.com/2010/03/how-to-show-adsense-ads-only-on.html

March 23, 2010 at 11:40 PM

Ok
Go to Edit HTML > Expand widget template. And look for

summary_noimg = 140; summary_img = 140

Change the values to 300.

March 24, 2010 at 1:05 PM

drraman Thanks dude . you are very helpful .i like your behavior.Thanks Thanks lot of

May 1, 2010 at 12:30 AM

hello

Howw to add Featured Slider content in this template to my template

May 2, 2010 at 1:20 AM

Wait and you will get Featured Slider soon.

May 12, 2010 at 12:19 PM

How can I add "..." exactly after the posts excerpts? I tried here, but couldn't make it.

Like this picture:

Example.png

Notice also that the words are not cut in their middle.

Do you have any ideas on how to solve that?

This is my blog:

http://www.professoraurelio.com.br

This is the blog of the picture (same template):

http://dominicanvacations.blogspot.com

May 14, 2010 at 12:24 AM

Tried to figure out but not sure. Better leave comment at
http://dominicanvacations.blogspot.com/.

If got solution comment here back.

August 29, 2011 at 2:49 PM

I love this template! I'm having a hell of a time getting the slide show to change. Any advice?

August 29, 2011 at 3:35 PM

Actually, I figured out the slider with the instuctions above. Still havng trouble though with the nav bars. How do I create pages to change the links to?

August 30, 2011 at 2:59 AM

Hi Aepril. To create pages.....Go to Blogger Dashboard and click on New Post.

There are 3 options

New Post
Edit Posts
Edit Pages

Click on Edit Pages and then on New Page.

Or you can remove pages and add your own links as given here:
http://www.blogger-help.com/2010/12/change-pages-gadget-to-menu-links-into.html

August 31, 2011 at 12:42 PM

I understand that first part. What I am confused about is how to get the nav bar menu that you have on the template replaced with my own pages. I was able to add pages with Bloggers "Edit pages" link. I have not been able to change your pages" "Widgets, Seo Forum..." and so on to my own. I understand about changing the links within the html, but how to create new pages to change them TO? I'd be happy to just take both your nav bars off all togtether and just work with Blogger's pages if it would make life simpler. I tried that though and it told me I hadn't edited properly. Very frustrating!

September 1, 2011 at 8:52 PM

Templates
Widgets
SEO Forum
Blogger Help

These are not the pages, but just links. Go to Edit HTML and search for SEO Forum
And replace the links with your own.

September 27, 2011 at 12:58 PM

Nice template.
But I am facing a problem.
In slide show section Picture is not coming but I upload all picture not image link url.
http://www.banglaworld4u.com/

September 27, 2011 at 11:39 PM

It may be due to custom domain. First Try it on blogspot domain.

Post a Comment

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More