NewsSite

Features:
Instructions:	How to install a Blogger template
Template author:	PBTemplates
Designer:	FThemes
Description:	NewsSite is a free blogger template adapted from WordPress with 3 columns, magazine-styled, right sidebar, rounded corners, ads ready, slideshow, posts thumbnails and tabs. Download NewsSite for free in BTemplates.
Rating	Rating: Loading ... 4.3 out of 5 based on 47 bloggers and 18 commenters.
Compatible with:	FFIEChrome
Share:	Tweet 21.01.2011

Comments about NewsSite blogspot template

18 Comments, leave a reply »

Kelly 4 February 2011
Reply

The only element I can’t figure out, is the pull down menu under the header. How do I use this? I can’t figure out how to customize it. Thank you.

Claudia 7 February 2011

@Kelly: Go to Design/Edit HTML and find the following code:

<li class='current-cat'><a expr:href='data:blog.homepageUrl'>Home</a></li>



<li><a href='#'>Business</a>

<ul class='children'>

<li><a href='#'>Internet</a></li>

<li><a href='#'>Market</a></li>

<li><a href='#'>Stock</a></li>

</ul>

</li>



<li><a href='#'>Downloads</a>

<ul class='children'>

<li><a href='#'>Dvd</a></li>

<li><a href='#'>Games</a></li>

<li><a href='#'>Software</a>

<ul class='children'>

<li><a href='#'>Office</a>

</li>

</ul>

</li>

</ul>

</li>



<li><a href='#'>Parent Category</a>

<ul class='children'>

<li><a href='#'>Child Category 1</a>

<ul class='children'>

<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='#'>Featured</a></li>



<li><a href='#'>Health</a>

<ul class='children'>

<li><a href='#'>Childcare</a></li>

<li><a href='#'>Doctors</a></li>

</ul>

</li>



<li><a href='#'>music</a></li>

<li><a href='#'>politics</a></li>

<li><a href='#'>Edit</a></li>

		

</ul>

You must replace all menu items by yours. It is basic HTML.

Kelly 8 February 2011
Reply

Thanks Claudia…I must have been sleep deprived because something just wasn’t clicking when I left that comment/request. I eventually figured it out the next morning and went “duh”…thank you.
Max 13 February 2011
Reply

hi..i find this lovely template..but i needed to change few things..from home page.I remove read more option,slider,date and author name..but what i notice now..when i open for example some post..words in the post get scrumble as you can see
on some post (for example) first,

Can you tell me how can i fix this ? Thanks

Claudia 15 February 2011

@Max: First of all, install this template again. Second, go to Design/Edit HTML, click on “Expand widget templates” and find the following codes:

1) For the read more feature

<div class='post-body entry-content'>





<p>

<b:if cond='data:blog.pageType != "static_page"'>

<b:if cond='data:blog.pageType != "item"'>

<div expr:id='"summary" + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>

<div class='readmore-wrap'>

<a class='readmore' expr:href='data:post.url'>Read More</a>

</div>

</b:if>

</b:if>

<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>



<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if></p>



<div style='clear:both;'/>

<b:if cond='data:blog.pageType == "item"'>

<div class='postmeta-secondary'>

<span class='meta_categories'>Posted in:  <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if></b:loop></b:if></span>

</div>

</b:if>



      <div style='clear: both;'/> <!-- clear for photos floats -->

    </div>

Replace that whole code by this:

   <div class='post-body entry-content'>



<p><data:post.body/></p>



      <div style='clear: both;'/> <!-- clear for photos floats -->

    </div>

Now delete this code:

<script type='text/javascript'>

summary_noimg = 800;

summary_img = 650;

img_thumb_height = 150;

img_thumb_width = 200; 

</script>

<script type='text/javascript'>

//<![CDATA[



function removeHtmlTag(strx,chop){ 

	if(strx.indexOf("<")!=-1)

	{

		var s = strx.split("<"); 

		for(var i=0;i<s.length;i++){ 

			if(s[i].indexOf(">")!=-1){ 

				s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 

			} 

		} 

		strx =  s.join(""); 

	}

	chop = (chop < strx.length-1) ? chop : strx.length-2; 

	while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; 

	strx = strx.substring(0,chop-1); 

	return strx+'...'; 

}



function createSummaryAndThumb(pID){

	var div = document.getElementById(pID);

	var imgtag = "";

	var img = div.getElementsByTagName("img");

	var summ = summary_noimg;

	if(img.length>=1) {	

		imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';

		summ = summary_img;

	}

	

	var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';

	div.innerHTML = summary;

}



//]]>

</script>

2) For the slider, delete the following codes:

3) To get rid of the author and the date, delete:

<span class='meta_date'><data:post.timestamp/></span>

  <span class='meta_author'><data:post.author/></span>

Finally, save changes.

Max 23 February 2011
Reply

yea it works…i needed to change font of post titles ( to small ones ) i done but i dont know how to fix this space between post titles on my home page.Can you hel me with that.And one more thing under post there is counter for page (before was older and newsr page ..now is numbers) and that is awsome for my blog..but how do i change result to more like 10 ..now its just for max result for page ?

Thank you very much and i do hope so..that you can help me with this also..i just love your site and beutifull templates ..cheers

Claudia 23 February 2011

@Max: To change the font size of the post titles, go to Design/Edit HTML and find this code:

.post-title{color:#292828;margin:0 0 10px 0;padding:0;font-family:Arial,Helvetica,Sans-serif;font-size:22px;line-height:22px;font-weight:bold;text-transform:uppercase;}

The font-size is 22px. Chane it to a lower value.

Thalis Brum 1 March 2011
Reply

Quero editar, os slideshow, e a imagem de topo do blog. Preciso saber o código de HTML e o que tenho que mudar neles. Obrigado

Claudia 1 March 2011

@Thalis Brum: Go to Design/Edit HTML and find this code:


<!-- Featured Content Slider Started -->



<b:if cond='data:blog.pageType != "static_page"'>

<b:if cond='data:blog.pageType != "item"'>





<div class='featuredposts clearfix'>



<div class='fp-slides'>



<div class='fp-post'>

<div class='fp-thumbnail'><a href='featured-post-1-url-here'><img src='http://3.bp.blogspot.com/_8aZXeWtZzQY/TToWhFOU2SI/AAAAAAAAAJs/mocld35Todw/s000/1.jpg'/></a></div>

<h3 class='fp-title'><a href='featured-post-1-url-here'>This is default featured post 1 title</a></h3>

<p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.</p>

</div>



<div class='fp-post'>

<div class='fp-thumbnail'><a href='featured-post-2-url-here'><img src='http://2.bp.blogspot.com/_8aZXeWtZzQY/TToWhV3CQKI/AAAAAAAAAJw/8kHLnEt5nhQ/s000/2.jpg'/></a></div>

<h3 class='fp-title'><a href='featured-post-2-url-here'>This is default featured post 2 title</a></h3>

<p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.</p>

</div>



<div class='fp-post'>

<div class='fp-thumbnail'><a href='featured-post-3-url-here'><img src='http://2.bp.blogspot.com/_8aZXeWtZzQY/TToWhj4JoDI/AAAAAAAAAJ0/mkXrF5GXg6E/s000/3.jpg'/></a></div>

<h3 class='fp-title'><a href='featured-post-3-url-here'>This is default featured post 3 title</a></h3>

<p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.</p>

</div>



<div class='fp-post'>

<div class='fp-thumbnail'><a href='featured-post-4-url-here'><img src='http://4.bp.blogspot.com/_8aZXeWtZzQY/TToWhyKH0xI/AAAAAAAAAJ4/OonGCnq5DNA/s000/4.jpg'/></a></div>

<h3 class='fp-title'><a href='featured-post-4-url-here'>This is default featured post 4 title</a></h3>

<p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.</p>

</div>



<div class='fp-post'>

<div class='fp-thumbnail'><a href='featured-post-5-url-here'><img src='http://1.bp.blogspot.com/_8aZXeWtZzQY/TToWiNdzk5I/AAAAAAAAAJ8/dhLrQ4Qq-mg/s000/5.jpg'/></a></div>

<h3 class='fp-title'><a href='featured-post-5-url-here'>This is default featured post 5 title</a></h3>

<p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.</p>

</div>



</div>           



<div class='fp-nav clearfix'>

<span class='fp-pager'/>                

<a class='fp-next' href='#fp-next'/>

<a class='fp-prev' href='#fp-prev'/>

</div>

          

</div>





</b:if></b:if>



<!-- Featured Content Slider End -->

In that code you must replace image URLs by yours. Your images must be previously hosted in any free photo hosting like tinypic.com, and they must be 610px × 320px.

dimitris 6 March 2011
Reply

i think that the slide pics shoyld be 475*250 pixels in order to seem smooth…
dimitris 6 March 2011
Reply

Thanks for this nice template. i’ve got some questions…
1)how can i correlate my newest post to the button e.g. Health or to the sub button child category 2?
is it necessary my newest post to be shown on my home page?
2)Is there an easy way to update every time the pics on the slider?

thank you in advance
dimitrios 6 March 2011
Reply

How can i associate any of my posts to the menu buttons? For example i want my last post to be seen on child category 1 or on health menu, not on home page.
How can i do that please?

Thanks in advance
ane 7 March 2011
Reply

how can i use the menus? i want to correspond my latest post with the drop down menu. Till now every post i publish is shown to the home page only, so the drop downmenus are useless. Please heeeellllppp
TwoWheels 10 March 2011
Reply

Hi Claudia,

This template works just great for me. Thanks a ton. I did have a question though. I can’t figure out the size of the image frame for the featured posts. I’m linking images to these but they’re either a little too big or too small and won’t exactly fit in the frame. Can I determine the size of the frame in the code or something? That way I can pre-edit my images to fit right into the frame.

Thanks in advance.
2Wheels
Thalis Brum 10 March 2011
Reply

Bom as imagens para o Slideshow na verdade são do tamanho 475px por 285px.

Claudia agora eu tenho outra dúvida. Como eu faço para alterar a velocidade de transição do Slideshow? Quero colocá-la mais lenta.
Max 13 March 2011
Reply

Hy there again.I continue to edit template for my needs.I done it all and its wonderfull.What i need to know now..is how to edit header.I want to make some header image and chnage it for white space in header.My image would width as header wrapper its 950 px .Can you help me with this ? thanks
ifootballvideo 13 March 2011
Reply

Hy there again.I continue to edit template for my needs.I done it all and its wonderfull.What i need to know now..is how to edit header.I want to make some header image and chnage it for white space in header.My image would width as header wrapper its 950 px .Can you help me with this ? thanks
kader 28 May 2012
Reply

Thanks for this template, I am searching this type of template since last 2 days. I think it will help me

Follow @btemplates

Free Blogger Templates for your Blog

NewsSite

Comments about NewsSite blogspot template

Leave a Reply

Templates:

Columns

Styles

Colors

Sidebar

Width