New Blogger Template : FlatUI

.gumroad-button{font-family: Helvetica, Arial, sans-serif !important;font-size: 13px !important;line-height: 17px !important;font-weight: 500 !important;text-align: left !important;color: #8e8e8e !important;text-shadow: 0 1px 2px white !important;background: url( 5px 49% no-repeat white !important;border-radius: 3px !important;border: 1px solid #c8c8c8 !important;padding: 4px 6px 4px 26px !important;box-shadow: inset 0 -1px 2px rgba(0, 0, 0, .02), 0 1px 2px rgba(0, 0, 0, .1) !important;text-decoration: none !important;display: inline-block !important;}.gumroad-button:hover {text-decoration: none !important;color: #777 !important;border-color: #bbb !important;box-shadow: inset 0 -1px 2px rgba(0, 0, 0, .02), 0 1px 2px rgba(0, 0, 0, .1), 0 0 4px rgba(0, 0, 0, .1) !important;}

FlatUI Blogger Template

Inspired from the the recently released Flat UI Kit from DesignModo FlatUI Blogger Template is a fully responsive and feature-rich template. One of its main advantages over other Blogger templates is the ease with which you can customize the various components via the Blogger Template Designer. Many custom options have been added to the Template Designer to make it simpler to modify from a single location.



Responsive Blogger Template Desktop
Responsive Blogger Template TabletResponsive Blogger Template Mobile

Blogger Template Designer

Template Designer blogger

You can easily change the Color and Fonts of Buttons , Tags , etc from the Template Designer itself

Load Time

Google Page Speed Insights

With a Google Page Speed Score of 95% and a Page Size in 200KB range, FlatUI Blogger Template is optimized for fast browsing and makes the less than 20 HTTP Requests

Infinite Post Scrolling

Infinite Post Loading

Using jQuery and AJAX , an unending number of Posts can be loaded without leaving the page. This is by default functional on the HomePage as well as the Label Pages.

Read More Hack

Read More Default Style

The Read More hack is by default enabled and gives a more pro look to the blog.



The label/tags style is inbuilt , just make sure that the Cloud option is selected in the Blogger Label Widget Options.

Share Privacy Buttons

share privacy buttons

Scripts from respective social networks are loaded only when when you toggle it to load

These were some of the features , install it into your blog and explore all the other features . If you face any problems then feel free to ask in the comments.

40 Replies to “New Blogger Template : FlatUI”

    1. Firstly Thanks

      To Download it ,
      click the Download Button and you will be presented with a overlay window , There click I Want This and now you will be presented the page to enter the price. You can choose to enter anything from 0 to infinity ( 🙂 )

      If you enter 0 , then just enter your Email and your Name & Click Get

      The Template will be mailed to email immediately

    1. For removing Infinite Scroll – in Edit HTML search for use strict';

      You will see something like

      <script type='text/javascript'>
      (function($){'use strict';||function(){return+new Date()};$.ias=function(g){var h=$.extend({},$.ias.defaults,g);var i=new $.ias.util();var j=new $.ias.pag

      Remove this whole script block

  1. Thank you for this template, but there is a problem I can not find any code slideshow with responsive Can you give me the code in addition to a slide show of the blog entries please

  2. I really like this Template and the ease of customizing. I am using it on my blog. I really liked setting up the 3 column layout however it did not seem to be as responsive so switched back to default. Any chance you will do a 3 column version sometime in the future? Anyway great job with this template.Thanks Tommy

  3. Great template. But I have problems with my website htt:// I'm using this template and the Facebook like button won't show the "confirm" link after I click on "Like", so I cannot share articles directly form FB button.

    How can i resolve this? Please answer to my email
    Thank you very much

  4. Great template, as long as you stick to the default layout. However, in a 3-column body layout, the header ends up shifted to the right relative to the body content. Any suggestions?

  5. Dear Prayag Verma, this is a beautifully designed template, congratulations. The only problem I find is that I cannot change text or background color on the date stamp. Even if I select a different color under Preferences, it defaults back to the standard page text color. Could you please tell me how to fix this?
    Many thanks and best regards

Leave a Reply

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