Sunday, February 17, 2013

Metro UI Blogger Template

Metro UI is an innovative Windows 8 Style Blogger Template. This theme has a lot of similarities with the Microsoft’s latest operating system Windows 8. This template is ideal for blogging niche like technology, multimedia, entertainment, magazine, and etc. Nonetheless, that’s not all because it is robust enough to be used on any kind of website. By default, this theme has a greenish color scheme. However, you can customize the theme as per the needs. It has some built-in extra-ordinary features like Numbered page navigation, Elegant Menu, 4 column footer, and much more

Live Preview
Free Download FREE

Get this template for FREE with giving proper credits to us, no support included.

Template Details

  • Name Metro UI
  • Version: 1.0
  • Package Theme Files, PSD & Docs

Metro UI is an innovative Windows 8 Style Blogger Template. This theme has a lot of similarities with the Microsoft’s latest operating system Windows 8. This template is ideal for blogging niche like technology, multimedia, entertainment, magazine, and etc. Nonetheless, that’s not all because it is robust enough to be used on any kind of website. By default, this theme has a greenish color scheme. However, you can customize the theme as per the needs. It has some built-in extra-ordinary features like Numbered page navigation, Elegant Menu, 4 column footer, and much more.

Features of Metro UI Blogger Template:

  • Numbered Page Navigation: This is our first theme which has built-in numbered page functionality. It shows numbers instead of older/newer post buttons. It not only increase user engagement but also helps in reducing the bounce rate.
  • Custom Header: The header of this theme is one of its kinds. It looks a like Windows 8 and has extremely efficient Hover effects. All an all, the colorful header are would surely amaze your readers.
  • SEO-Friendly: We have also installed an SEO Plugin in this template, which would surely help you to increase your organic traffic in quick succession. Though, the plugin is not FREE, but it is sponsored by MyBloggerLab.com. Therefore, it is free only for this theme.
  • Featured Image AREA: Many of our users always complains that slider slows down their blog. Keeping that in mind, we have added a Featured image area instead of sliders. It will only appear on the homepage.
  • More Features: WordPress Look, Web 2.0, Magazine Style, Green and light orange color Scheme, threaded commenting system, and much more.

    • This Theme is indeed cute in terms of looking and has the sharp color scheme that attracts our attention. Hopefully this theme would help you to gaining some extra SEO exposure and more user engagement. Feel free to leave your comments and suggestions below.

    This page is Maintained by , Last Updated on: 2/17/2013

    68 comments:

    1. UnknownFebruary 17, 2013 at 8:49 AM

      Preview not working

      ReplyDelete
    2. UnknownFebruary 17, 2013 at 9:19 AM

      Superb...

      ReplyDelete
    3. UnknownFebruary 17, 2013 at 9:53 AM

      Nice. This is what I alway looking forward to from Templaism :D

      ReplyDelete
    4. UnknownFebruary 17, 2013 at 6:19 PM

      very clean and proffessional looking, thanks for sharing this with us .


      Regards,
      PokharaTech

      ReplyDelete
    5. AnonymousFebruary 17, 2013 at 7:12 PM

      waw keren gan. mantab memang tema dari templateism. maju terus

      salam blogwalking www.sarofudin.com

      ReplyDelete
    6. UnknownFebruary 17, 2013 at 10:24 PM

      Great templates bro,,,

      ReplyDelete
    7. BFebruary 17, 2013 at 11:06 PM

      The Awesomeness Is Here Thanks A Lot For Bringing The Metro Interfere In Blogging Also :)

      - Bishal Biswas

      ReplyDelete
    8. AnonymousFebruary 18, 2013 at 2:29 AM

      Hey Designer Team
      You are releasing soo much nice looking templates that I am confused what to use in my blog ? :D

      Keep it Up
      Regards, TechTerseBlog.blogspot.com

      ReplyDelete
    9. VanLinhExFebruary 18, 2013 at 3:23 AM

      Awesome !

      ReplyDelete
    10. UnknownFebruary 18, 2013 at 3:55 AM

      Awesome...

      ReplyDelete
    11. UnknownFebruary 18, 2013 at 5:14 AM

      nice theme

      ReplyDelete
    12. Mohsin Ali WaheedFebruary 18, 2013 at 9:39 AM

      Wow what a template Faizan. Just love it and you uses all my favorite colors.

      ReplyDelete
    13. Designer TeamFebruary 23, 2013 at 9:36 AM

      Off course you can.

      ReplyDelete
    14. kiranFebruary 24, 2013 at 1:54 AM

      how to change the posted by image???????

      ReplyDelete
      Replies
      1. Designer TeamFebruary 26, 2013 at 6:41 AM

        In the Template Search for

        http://3.bp.blogspot.com/-9vPLs0NYNcA/UN98lkHLppI/AAAAAAAAKfA/ZVCulBGT_og/s45/photo.jpg

        and Replace it with your Image.

        Delete
      2. kiranMarch 13, 2013 at 6:21 AM

        thanks to team

        Delete
    15. आर्यावर्तFebruary 25, 2013 at 4:50 AM

      Yup Superb But What Do I Do About This...

      http://3.bp.blogspot.com/-9vPLs0NYNcA/UN98lkHLppI/AAAAAAAAKfA/ZVCulBGT_og/s45/photo.jpg

      this pic is showing in Author's Pic...

      ReplyDelete
      Replies
      1. Designer TeamFebruary 26, 2013 at 6:41 AM

        Search for the Same link in the Template Coding and Replace it with your picture.

        Delete
      2. DRMarch 4, 2013 at 9:56 PM

        I'm facing the same issue. That link doesn't show up in the template code. Is it referencing your Blogger profile pic in some other way?

        BTW, great job on the template! :)

        Delete
      3. Syed Faizan AliMarch 5, 2013 at 12:12 AM

        @DEVIKA RAJEEV Can you Please, Provide the URL of your Blog

        And That Link is not in CSS (StyleSheet)

        Delete
      4. Syed Faizan AliMarch 5, 2013 at 6:40 AM

        Go To Blogger.com >> Template >> Edit HTML >> Proceed.
        Now Expand the Widget (Check the Box on the Top Left Corner)
        Then Search for this Code

        <div class='avatarauthor'>
        <img alt='' class='avata' height='38' src='http://3.bp.blogspot.com/-9vPLs0NYNcA/UN98lkHLppI/AAAAAAAAKfA/ZVCulBGT_og/s45/photo.jpg' width='38'/>
        </div>

        And Replace The Image As your Need!

        Delete
      5. DRMarch 6, 2013 at 3:49 AM

        Thanks a ton! Working fine now. :)

        Delete
    16. Designer TeamFebruary 26, 2013 at 6:41 AM

      It looks really nice

      ReplyDelete
    17. AnonymousMarch 2, 2013 at 6:13 PM

      Expert help needed:
      I am a beginner and want to create blogger templates and distribute them to others in free however I want to make it impossible to remove my name from the footer credit. Can I know how it can be achieved?

      ReplyDelete
    18. UnknownMarch 5, 2013 at 12:13 AM

      can i remove copyright footer

      ReplyDelete
    19. Owais hyderMarch 6, 2013 at 12:52 PM

      Thank u So much Faizan i use your templete check it and reply.
      pakweather.blogspot.com

      ReplyDelete
    20. UnknownMarch 7, 2013 at 8:14 AM

      Is it possible to add drop down menus from the navigation? Using my usual code isn't working quite right. Thanks in advance.

      ReplyDelete
    21. UnknownMarch 14, 2013 at 1:27 AM

      Hey , it is possible to add an add , instead of thouse two small picture (slider two ) , and if yes how ?

      ReplyDelete
    22. Dr KuanMarch 14, 2013 at 11:08 PM

      May i know why the Page Navigation only shows two posts when we click on no.2, no3, and so on? :)

      ReplyDelete
      Replies
      1. Syed Faizan AliMarch 15, 2013 at 12:53 AM

        That's because we have chosen to display only 2 Posts. However, you can increase the numbers. In the template coding Search for

        var pageCount=2;

        and Increase the numbers as your Needs.

        Delete
    23. Dr KuanMarch 15, 2013 at 2:07 AM

      Thanks Faizan, now i understand why! ;)

      ReplyDelete
    24. Team TantraVedhMarch 16, 2013 at 11:03 PM

      Thanks for awesome template!!!!!!!!!!!!!!

      only some help required

      1. how to change Metro Theme's background.
      2. Dropdown Menu will be plus point

      ReplyDelete
      Replies
      1. Designer TeamMarch 18, 2013 at 11:23 AM

        1. To change background add this css coding in the template

        body {
        background: lightblue; }


        2. Sorry this theme doesn't supports Drop down menus

        Delete
    25. UnknownMarch 23, 2013 at 3:17 AM

      This template is so awesome

      ReplyDelete
    26. Designer TeamMarch 26, 2013 at 12:40 AM

      We are extremely sorry but we only provide Templates for Blogger.

      ReplyDelete
    27. ADMINMarch 27, 2013 at 11:40 PM

      Hello there, I just want to tell that the both slider isnt working..
      This is mine : http://darkbroker.blogspot.com/

      ReplyDelete
    28. Designer TeamMarch 27, 2013 at 11:44 PM

      This is not a slider, these are just images.

      ReplyDelete
      Replies
      1. ADMINMarch 27, 2013 at 11:57 PM

        Okay thank you, i just want to grab the header and change the rest.. thanks once again mate

        Delete
    29. asrorMarch 28, 2013 at 8:07 PM

      how to change "sign up for our NEWSLETTER"???

      ReplyDelete
    30. asrorMarch 30, 2013 at 4:09 PM

      forget it . :D
      how to change the background of this template?

      ReplyDelete
      Replies
      1. Syed Faizan AliMarch 31, 2013 at 12:25 AM

        1. To change background add this css coding in the template

        body {
        background: lightblue; }


        2. Sorry this theme doesn't supports Drop down menus

        Delete
    31. asrorApril 1, 2013 at 3:19 AM

      and how to add this code body {
      background: lightblue;} on this template. I do not know how. the code is in place where?

      ReplyDelete
      Replies
      1. Syed Faizan AliApril 1, 2013 at 12:33 PM

        In Template coding search for ]]></b:skin> and Above it paste the following code.

        body {
        background: lightblue!important; }

        Delete
    32. UnknownApril 1, 2013 at 4:48 AM

      i use this blog for site http://www.iaddictto.com/. everything works fine. but, yesterday the read more feature gone, now my home page has long full content. i tried to add it manually using other script but it won't look like the original. the green out line that frame the post and the read more font are gone.

      Can you give me the original script and where should i put it. thanx!.

      ReplyDelete
      Replies
      1. Syed Faizan AliApril 1, 2013 at 12:26 PM

        You must have tried to edit because it is working fine on our Demo. Download the Template again and Upload it again to your website.

        DEMO: http://metroblogtheme.blogspot.com/

        Delete
      2. SvnserendipityApril 2, 2013 at 5:19 AM

        I dont remember i edit that part. its just gone. Can you help me where the read more code, and where should i put it to fix.

        I edit a lot of things in this template, and if i upload the template, i have to through the hard work again. :(

        I swear i didnt edit the read more part :(

        Delete
    33. UnknownApril 1, 2013 at 12:56 PM

      Anyone have this error on firefox?
      Screenshot : http://s22.postimg.org/b6qbqqgw1/Capture.jpg

      Even Demo website shows this error on my firefox browser. i have tested using a Portable firefox browser too. But works fine with Google Chrome. Is this error appear only for me or everybody else see this?

      ReplyDelete
      Replies
      1. Designer TeamApril 3, 2013 at 12:58 PM

        Add this in the CSS coding of your template

        #subbutton {
        margin-left: 20px;
        }

        Delete
    34. GanangApril 4, 2013 at 6:10 AM

      Can I remove the slider? Thanks.

      ReplyDelete
      Replies
      1. Designer TeamApril 4, 2013 at 12:43 PM

        Add this in the CSS coding of your Template.

        .col-main {
        display: none!important;
        }

        Delete
      2. Min-nahApril 14, 2013 at 9:47 PM

        i use thiss css, but not work...
        check my site http://minangsunnah.blogspot.com/

        Delete
      3. Syed Faizan AliApril 15, 2013 at 6:22 AM

        Try this

        .std {
        display: none;
        }

        Delete
      4. Min-nahApril 17, 2013 at 12:10 AM

        it's still not work....
        forget it...

        i try to make breadcrumbs here http://www.mybloggerlab.com/2012/12/create-breadcrumbs-navigation-in-blogger.html
        but not work for me...

        could you explain me...!

        syukron Syed

        Delete
      5. Syed Faizan AliApril 17, 2013 at 1:12 AM

        You may have done too much editing the reason it is not working. Create a Dummy blog with a fresh copy of our theme and everything would work just fine.

        Delete
    35. Pedro BarbosaApril 4, 2013 at 5:18 PM

      Lovely template. See if you can help me out here: I'm trying to insert facebook comments into my blog using this template but not matter what I do, I just can't. And I've done it a thousand times before with another templates. Is there something in the template forbiding me to do those changes? Thanks!

      ReplyDelete
      Replies
      1. Designer TeamApril 6, 2013 at 2:13 AM

        You must be doing something wrong. Make sure you don't disable the Default comments for your Blog. It should work.

        Delete
    36. AnonymousApril 10, 2013 at 10:41 AM

      simple, clean n fast... i love this template..

      ReplyDelete
    37. UnknownApril 14, 2013 at 9:14 AM

      I want some Help.. Template is awesome .. but i want some thing more that navigation menu drop down with different categories if it possible?

      ReplyDelete
    38. Designer TeamApril 25, 2013 at 12:59 PM

      Check out this Tutorial

      http://www.mybloggerlab.com/2012/10/tooltips-related-post-widget-with-thumbnails.html

      ReplyDelete
    39. AnonymousApril 26, 2013 at 4:32 AM

      I liked it but i dont know why it is lowered by google in search "minefreeclasses" after applying your theme.

      I am also finding that some words like seo and google are showing automatic linking.

      When i read google policies it showed me that you cant add other websites which are out of your niche otherwise if its really important then rel="nofollow" attribute. should be used ......................

      Hey i just too much liked your theme and support : Please templateism team if you can solve out my problem.

      ReplyDelete
      Replies
      1. Designer TeamApril 26, 2013 at 11:30 AM

        Our Theme is quite optimized for SEO so its really no clue in thinking it is causing any problem. However, it is always good to add no-follow attribution to the external links.

        Check this guide

        http://www.mybloggerlab.com/2013/03/how-to-nofollow-all-external-links-in-blogger.html

        Delete
    40. trial pnbApril 26, 2013 at 6:08 AM

      Your every template is great....really thanks....

      ReplyDelete
    41. Designer TeamApril 26, 2013 at 11:39 AM

      Add this in the CSS coding.

      .related-post {
      float: left;
      width: 180px;
      height: 130px;
      }

      ReplyDelete
    42. trial pnbApril 26, 2013 at 11:00 PM

      The Subscribe button at the end covers the text box their...how to fix it???
      So that the text Box appears first and then the subscribe button???

      ReplyDelete

    Subscribe to: Post Comments (Atom)