New Blogger Themes | Professional Blogspot Templates
Free Blogger Templates for your blog. Download New Blogger Themes,Professional XML Blogspot Templates with in 1, 2 or 3 columns layouts for Free.
Premium Blogger Templates

Typefocus Blogger Template

Customization Services

Want a unique look for your website? We can customize this theme according to your needs.

Theme Categories: 1 Column, Adapted from Wordpress, Fixed width, Grey, Magazine, Minimalist, No Sidebar, Pro Version Available, Red, Responsive, Top Navigation Bar,
Template Name:
Author / URL:
NewBloggerThemes |
Designer / URL:
Ajay Divakaran |
Published Date:
January 31, 2014
Advanced Details:

Typefocus Free vs. Pro Versions : Features Comparison

Features Free Version PRO Version
Template Designer Compatible
(Color Options / Font Options / Background Support)
Search Engine Optimized
Remove Footer Credits
Priority Support
No Encrypted Scripts
Lifetime Theme Updates
For Unlimited Domains

Typefocus is a Minimal Elegant Blogger Theme, with Focus on Typography. Typefocus Blogger Template has a Responsive one Column Layout, Navigation Menu, Social Buttons, and More Features.

How To Add Links to Top Navigation Menu

Menu - Typefocus Blogger Template

Go to "Layout". Click on "Edit" link of "Edit This Menu" widget.

Now add your links to that link list widget.

How To Configure Social Buttons

Social Buttons - Typefocus Blogger Template

Find this in "Edit HTML":

<!-- Social Icons -->
<div class='header-social'>
	<a href='#'><i class='fa fa-github'/></a>
	<a href='#'><i class='fa fa-linkedin'/></a>
	<a href='#'><i class='fa fa-facebook'/></a>
	<a href='#'><i class='fa fa-twitter'/></a>		
	<a href='#'><i class='fa fa-google-plus'/></a>	
	<a href='#'><i class='fa fa-pinterest'/></a>
	<a href='#'><i class='fa fa-youtube'/></a>

Add your own social links replacing "#" marks.

Our Blogger templates are free for both personal and commercial use. However, you are required to keep the footer links intact, which provides due credit to its designers and authors. So do not remove the footer credits without our permission. If you need the footer credits free version of a theme, contact us.


Featured Blogger Themes

These Blogger Themes are compatible with "Blogger Template Designer" (you can change the background, colors and fonts easily without editing HTML) and are optimized for search engines.

28 Responses to “Typefocus Blogger Template”

  1. currently using this on my blog...and am tweaking some things here and there, since i used to have 3 column layout before this... thanks so much for sharing.. I wish I know how to make some things in center though, like the post title and other widgets...

  2. I cannot get more than 2 posts to publish on the front page and the red link bar on the left of the page will not work for me. help!

  3. Several minutes of problem solving later, I got the sidebar to fix itself when I removed the photo behind the introduction on the left. I want to eliminate the limit to this week's posts (what I think makes it only 2 posts on the front page.) How can I remove this limit so it posts the 10 or so latest posts?

  4. Hi. I just started on my blog and I am using this template. I'm having trouble adding the navigation tab under the social media icons. which section do I edit it?

    Thank you.

  5. I'm curious as how to get the side links to show (Home, About Me, etc...), because it's blank! Is it something to do with the blogger layout format?

  6. Hi,

    Im pretty savvy with putting things in the right place but the one thing I cant do is change the icons for instance rather than pinterest I would love to have soundcloud and also instagram.

    could you help me out?

    thanks so much

  7. Hello,

    How to add menus in left Top Menus. Please tell me or send it's relevent code for create menus in left side.



  8. hi..I am currently using this template on my blog and it's amazing..I just wanna ask if it is possible to change the font color?

    • find this:

      textarea {
      color: #404040;
      font-family: sans-serif;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.5;

      change "#404040" value to other color value you like.

  9. Hello,
    The preview images for my posts seem to be squashed. Does this mean that I have to use a specific scale for my first photos in the posts from now on? I am very reluctant to change the ones already in my previous posts.
    Apologies if I've missed a very obvious explanation somewhere, and many thanks in advance.

    • Find this:

      .pbtthumbimg {
      margin:0px 10px 5px 5px;
      background:rgba(165, 154, 154, 0.1);
      border-color: rgba(173, 123, 123, 0.2);

      replace "height:150px;" with "height:auto;".

Leave a Reply