Free Blogger Templates for your Blog

Estetica

live demo
Features:
Instructions: How to install a Blogger template
Template author:PBTemplates
Designer:
Description:

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

Download Estetica for free in BTemplates.
Rating

Rating: 1 Star2 Stars3 Stars4 Stars5 Stars

Loading...
3.8 out of 5 based on 29 bloggers and 29 commenters.
Compatible with:FFIEChrome

Comments

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

    Hi,

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

    Thank you and kind regards,
    Theresa

  2. Ashley 5 October 2010
    Reply

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

  3. Kendra 5 October 2010
    Reply

    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

    You can remove the “Read More”?

  5. Theresa 10 October 2010
    Reply

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

    Theresa

  6. Selen 11 October 2010
    Reply

    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!

    • Claudia 11 October 2010

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

  7. Selen 11 October 2010
    Reply

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

  8. Katie 22 October 2010
    Reply

    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

    • Francisco 22 October 2010

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

  9. Katie 22 October 2010
    Reply

    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

  10. Amber 7 November 2010
    Reply

    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!

  11. dms 18 November 2010
    Reply

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

  12. Claudia 19 November 2010
    Reply

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

  13. Courtney 23 November 2010
    Reply

    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?

  14. Claudia 23 November 2010
    Reply

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

  15. Courtney 24 November 2010
    Reply

    Thank you so much Claudia! That worked perfectly!

  16. Mel Salvi 1 December 2010
    Reply

    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!

  17. ahmet 8 December 2010
    Reply

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

  18. Monique 22 December 2010
    Reply

    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!

  19. Claudia 23 December 2010
    Reply

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

  20. Mel Salvi 3 January 2011
    Reply

    Ninguém me responde! 🙁

  21. MormonMon 12 January 2011
    Reply

    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.

  22. Claudia 13 January 2011
    Reply

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

  23. MormonMom 14 January 2011
    Reply

    Thank you for the right picture sizes.

    Removing the code did not work.

  24. MormonMom 20 January 2011
    Reply

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

  25. dyabollo 15 July 2011
    Reply

    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 🙁

  26. Cristian 26 February 2014
    Reply

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

  27. Cristian 26 February 2014
    Reply

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

Leave a 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 4667 free Blogger Templates for You!