Free Blogger Templates for your Blog

Estetica

·
live demo
5087 Downloads 19,128 views
Features:
Instructions: How to use this template
Template author:PBTemplates
Designer:
Description:

Estetica is a free blogger template adapted from WordPress with 3 columns, sidebar on the right and left, magazine-styled, rounded corners, space for ads and posts thumbnails.

Download Estetica for free in BTemplates.
Rating4.0 out of 5 based on 27 bloggers.
Compatible with:FFIEChrome
Share:

Comments about Estetica blogspot template

27 Comments, leave a reply »
  1. Theresa 2 October 2010
    Reply to Theresa »

    Hi,

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

    Thank you and kind regards,
    Theresa

  2. Ashley 5 October 2010
    Reply to Ashley »

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

  3. Kendra 5 October 2010
    Reply to Kendra »

    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.

  4. Micaela 6 October 2010
    Reply to Micaela »

    You can remove the “Read More”?

  5. Theresa 10 October 2010
    Reply to Theresa »

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

    Theresa

  6. Selen 11 October 2010
    Reply to Selen »

    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!

  7. Claudia 11 October 2010
    Reply to Claudia »

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

  8. Selen 11 October 2010
    Reply to Selen »

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

  9. Katie 22 October 2010
    Reply to Katie »

    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

  10. Francisco 22 October 2010
    Reply to Francisco »

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

  11. Katie 22 October 2010
    Reply to Katie »

    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

  12. Amber 7 November 2010
    Reply to Amber »

    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!

  13. dms 18 November 2010
    Reply to dms »

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

  14. Claudia 19 November 2010
    Reply to Claudia »

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

  15. Courtney 23 November 2010
    Reply to Courtney »

    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?

  16. Claudia 23 November 2010
    Reply to Claudia »

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

  17. Courtney 24 November 2010
    Reply to Courtney »

    Thank you so much Claudia! That worked perfectly!

  18. Mel Salvi 1 December 2010
    Reply to Mel Salvi »

    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!

  19. ahmet 8 December 2010
    Reply to ahmet »

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

  20. Monique 22 December 2010
    Reply to Monique »

    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!

  21. Claudia 23 December 2010
    Reply to Claudia »

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

  22. Mel Salvi 3 January 2011
    Reply to Mel Salvi »

    Ninguém me responde! :(

  23. MormonMon 12 January 2011
    Reply to MormonMon »

    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.

  24. Claudia 13 January 2011
    Reply to Claudia »

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

  25. MormonMom 14 January 2011
    Reply to MormonMom »

    Thank you for the right picture sizes.

    Removing the code did not work.

  26. MormonMom 20 January 2011
    Reply to MormonMom »

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

  27. dyabollo 15 July 2011
    Reply to dyabollo »

    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

Thank you for your comment! If it contains links, your comment will be moderated. If you're looking for technical support, please see the FAQ's, our blog or contact the original author.

There are 4008 free Blogger Templates for You!