Free Blogger Templates

BTemplates, the best place for Blogger templates since 2008.

Estetica Blogger Template

Estetica

Free Download Live Demo

6,494 Downloads.

Mobile screenshot

Instructions

  1. How to install a Blogger template.

About Estetica

Estetica is a free Blogger template adapted from WordPress with 3 columns, magazine-like layout, left and right sidebars, rounded corners, ads ready and posts thumbnails.

More Magazine Blogger templates:

Credits

Author: PBTemplates.
Designer: .

29 Questions and comments on Estetica

Theresa 2 October 2010 at 12:15

Hi,

Great, great design. How do I change the photos?

Thank you and kind regards,
Theresa

↩ Reply
Ashley 5 October 2010 at 14:18

I am not sure how to change the colors of the background. What code do I look for?

↩ Reply
Kendra 5 October 2010 at 16:08

Teresa, search for “Image Element” in the html code. There are 5 of them. Each one has a url to a .jpg. You have to replace those with your own. As for me I’m deleting them altogether. I love the template WITHOUT the distraction of the scrolling pics.

↩ Reply
Micaela 6 October 2010 at 21:03

You can remove the “Read More”?

↩ Reply
Theresa 10 October 2010 at 14:27

@Kendra: Hi Kendra, I found it! Thank you. Your help is much appreciated.

Theresa

↩ Reply
Selen 11 October 2010 at 7:21

I’d like to have category names in the horizontal menu on the top of the page (instead of RSS and Coments). How can I change it?

Thanks in advance!

↩ Reply
Claudia 11 October 2010 at 15:21

@Selen You can find the answer to your questions and more in our FAQ section.

Selen 11 October 2010 at 20:23

@Claudia: Thanks Claudia for the answer, but i still have a trouble with improving the theme for my needs :(

↩ Reply
Katie 22 October 2010 at 12:33

Hi. I have put this template on my blog but my google friend connect doesn’t show up. Could you tell me how I would add it. It’s not lost..because if I revert back to Blogger Template then it shows back up but not on this one. I’m not sure why.

Thanks

↩ Reply
Francisco 22 October 2010 at 14:39

@Katie You just need add the widget again. Dashboard > Design > Add a gadget > Followers

Katie 22 October 2010 at 19:56

I just found out how to fix it although I still am not sure of how it got screwed up but in case anyone else has this problems I found a great tutorial here on a quick easy fix!

bloggertipandtrick.net/2010/10/fix-google-friend-connect-not-displayed.html#comment-form

↩ Reply
Amber 7 November 2010 at 12:00

I have a question. My blog posts are no longer ‘colapsing’. The entire post is showing rather than utilizing the ‘Read More’ function. I hope that makes sense. I don’t think I changed anything that would affect this. Is there something I can check in the code, or a link to something to remedy this? Thanks!

↩ Reply
dms 18 November 2010 at 9:03

blogger locked out my account after i uploaded this template and classified this template as spam..not sure why?

↩ Reply
Claudia 19 November 2010 at 20:13

@dms: I think it is a coincidence. Blogger clasiffy blogs as spam, but no templates. Neverteless, you can revert that action easily.

↩ Reply
Courtney 23 November 2010 at 1:40

How do I take off the collapsible/read more option for the posts? I looked through the FAQ section but I couldn’t find the answers. Does anyone else know?

↩ Reply
Claudia 23 November 2010 at 13:56

@Courtney: Go to Design/Edit HTML -> Expand widget templates and replace:

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


<p><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>
<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>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'><b>Read more »</b></a></span>
</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;'/> <!-- clear for photos floats -->
    </div>

by:

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


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

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

Save changes.

↩ Reply
Courtney 24 November 2010 at 1:05

Thank you so much Claudia! That worked perfectly!

↩ Reply
Mel Salvi 1 December 2010 at 15:58

Hi guys!
I think there is a problem with this template: the post footer is not appearing. For example tags, share buttons and quick editing. I check on Courtney blog and there is a blank like mine between comment and link.
Can you help me?
Thanks!

↩ Reply
ahmet 8 December 2010 at 4:09

i’m having adding html/javascript in blogger static page,how can i add my codes in static pages

↩ Reply
Monique 22 December 2010 at 21:20

Beautiful template!

Question – it came up under “ads ready” but I don’t see any ads boxes like most of the other ads ready templates have. Is there a way to do this? Thanks!

↩ Reply
Claudia 23 December 2010 at 14:23

@Monique: Go to Design/Page Elements, and you will find a HTML gadget next the header gadget when you can add a 468×60 banner ad.

↩ Reply
Mel Salvi 3 January 2011 at 17:08

Ninguém me responde! :(

↩ Reply
MormonMon 12 January 2011 at 13:14

This is a beautiful template. I love it. I have two problems I hope you can help me with.

I can’t seem to figure what size I should be making the pics for the slider to look right.

I need the links “Home”, “older post”, “New post” at the bottom of each post. I can see them in the HTML, but I can’t get them to work.

↩ Reply
Claudia 13 January 2011 at 14:07

@MormonMon: The right size for pictures is 520px × 300px.

Now try this to see the navigation links back. Go to Design/Edit HTML, and find the following code:

<!-- PAGE NAVIGATION STAR-->

<script type='text/javascript'>
var pageCount=4;
var displayPageNum=3;
var upPageWord ='« ';
var downPageWord =' »';
</script>
<script type='text/javascript'>
//<![CDATA[
function showpageCount(json){var thisUrl=home_page_url;var htmlMap=new Array();var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml='<span class="showpage" style="padding: 4px 8px;margin:0 4px;text-decoration:none;background:#dfdfdf;color:#686868; border:1px solid #989898;font-family: Arial, Verdana;font-size: 15px;"><a href="/">'+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage" style="padding: 4px 8px;margin:0 4px;text-decoration:none;background:#dfdfdf;color:#686868; border:1px solid #989898;font-family: Arial, Verdana;font-size: 15px;"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html+='<span class="showpageNum"><a href="/">1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage" style="padding: 4px 8px;margin:0 4px;text-decoration:none;background:#dfdfdf;color:#686868; border:1px solid #989898;font-family: Arial, Verdana;font-size: 15px;"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){html=''+upPageHtml+' '+html+' '}html='<div class="showpageArea"><span style="COLOR: #676767;background:#fff;border: 1px solid #b6b5b5;font-size: 15px;padding:4px 8px;margin:0 4px;" class="showpageOf"> Pages '+(postNum-1)+'</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function showpageCount2(json){var thisUrl=home_page_url;var htmlMap=new Array();var isLablePage=thisUrl.indexOf("/search/label/")!=-1;var thisLable=isLablePage?thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length):"";thisLable=thisLable.indexOf("?")!=-1?thisLable.substr(0,thisLable.indexOf("?")):thisLable;var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';var labelHtml='<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';var thisUrl=home_page_url;for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml=labelHtml+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage" style="padding: 4px 8px;margin:0 4px;text-decoration:none;background:#dfdfdf;color:#686868; border:1px solid #989898;font-family: Arial, Verdana;font-size: 15px;"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html=labelHtml+'1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage" style="padding: 4px 8px;margin:0 4px;text-decoration:none;background:#dfdfdf;color:#686868; border:1px solid #989898;font-family: Arial, Verdana;font-size: 15px;"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){if(!isLablePage){html=''+upPageHtml+' '+html+' '}else{html=''+upPageHtml+' '+html+' '}}html='<div class="showpageArea"><span style="COLOR: #999;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}var home_page_url=location.href;var thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}var home_page="/";if(thisUrl.indexOf("?q=")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')}}
//]]>
</script>

<!-- PAGE NAVIGATION STOP-->

Delete the whole code and save changes. Does it work?

↩ Reply
MormonMom 14 January 2011 at 1:20

Thank you for the right picture sizes.

Removing the code did not work.

↩ Reply
MormonMom 20 January 2011 at 21:43

I have figured out the “home””prev” issue. Not feedburner can’t validate it. Is this because it was converted from a wordpress template?

↩ Reply
dyabollo 15 July 2011 at 11:20

I have a problem with the google friend connect –> it doesn´t show up now. I tried to add it once again but I just can read “followers” but i don´t see anything :(

↩ Reply
Cristian 26 February 2014 at 5:17

Quiero quitar donde dice posted by y la fecha. como hago?

↩ Reply
Cristian 26 February 2014 at 5:19

I want to remove where it says posted by and date. What I have to do?

↩ Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

Subscribe by email

Receive the latest templates, news and discounts directly in your inbox.