Sunday 17 February 2013

Metro UI Blogger Template

News Magazine Blogger Template
Template Name: Metro UI Blogger Template
Platform: Blogger / Blogspot
Release date : 17, February 2013
Author : www.templateism.com
License : Creative Commons Attribution 3.0

Download Preview


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:

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

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

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

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

How To Customize Header LOGO?

First create an Image Logo of 118px Width and 62px height then Upload it through Picasa Web album or your preferred blogger hosting. Now In order to customize the Logo, you have to first log on to Blogger.com >> your site >> Template >> Edit HTML >> Proceed. Search for the following Image URL and replace it with the image URL of your logo.

http://3.bp.blogspot.com/-NWHesMwa_Vw/UR_m3llNhbI/AAAAAAAAOjc/FrtuCoP8K9E/s1600/metro.png

How To Customize Navigation Menus:

Go To Blogger.com >> Template >> Edit HTML >> Proceed. Now search for the following coding in the template. After finding it Replace # with your URLs and Save the template.

Header Navigation:
<!-- Header Nav-->
<a class='mm_home' href='#'>Home</a>
<a class='mm_wishlist' href='#' id='wishlist-total'>Wish List</a>
<a class='mm_account' href='#'>My Account</a>
<a class='mm_checkout' href='#'>Checkout</a>
<a class='mm_account' href='#'>My Account</a> 
Main Navigation Menu :
<ul id='nav'>
<li class='level0 first homelink'><a href='#'><span>Home</span></a></li>
<li class='level0 first homelink'><a href='#'><span>Desktop</span></a></li>
<li class='level0 first homelink'><a href='#'><span>Laptops</span></a></li>
</ul>

From The Designer's Desk:

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: 08:00

70 comments:

  1. ┌●รillγ●вΘγ●┐17 February 2013 at 08:12

    I think 1st downloader template me :P

    ReplyDelete
  2. Balakumar17 February 2013 at 08:49

    Preview not working

    ReplyDelete
  3. Zeeshan Ahmed17 February 2013 at 09:19

    Superb...

    ReplyDelete
  4. Tan Nguyen17 February 2013 at 09:53

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

    ReplyDelete
  5. Bishnu Subedi17 February 2013 at 18:19

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


    Regards,
    PokharaTech

    ReplyDelete
  6. saro fudin17 February 2013 at 19:12

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

    salam blogwalking www.sarofudin.com

    ReplyDelete
  7. Tipe Handphone17 February 2013 at 22:24

    Great templates bro,,,

    ReplyDelete
  8. Rajeeb Bastola18 February 2013 at 02:29

    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. Mohsin Ali18 February 2013 at 02:53

    Man template is good. Have not been downloaded to

    ReplyDelete
  10. VanLinhEx18 February 2013 at 03:23

    Awesome !

    ReplyDelete
  11. Ajay Surya18 February 2013 at 05:14

    nice theme

    ReplyDelete
  12. Mohsin Ali Waheed18 February 2013 at 09:39

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

    ReplyDelete
  13. Designer Team23 February 2013 at 09:36

    Off course you can.

    ReplyDelete
  14. aaa23 February 2013 at 13:41

    HEY CHECKOUT WHAT I HAVE DONE WITH THE TEMPLATE iqraugc.blogspot.com

    ReplyDelete
  15. kiran24 February 2013 at 01:54

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

    ReplyDelete
  16. Designer Team26 February 2013 at 06:41

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

    ReplyDelete
  17. Biswas Shrestha2 March 2013 at 18:13

    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. Devika Rajeev4 March 2013 at 21:56

    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! :)

    ReplyDelete
  19. Syed Faizan Ali5 March 2013 at 00:12

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

    And That Link is not in CSS (StyleSheet)

    ReplyDelete
  20. i-mate5 March 2013 at 00:13

    can i remove copyright footer

    ReplyDelete
  21. Rahul Bhatia5 March 2013 at 01:51

    REALLY THNX BRO BEST EVER
    OUR BLOG
    http://rwebking.blogspot.in

    ReplyDelete
  22. Devika Rajeev5 March 2013 at 04:10

    http://www.balagangadharan.com

    ReplyDelete
  23. Devika Rajeev6 March 2013 at 03:49

    Thanks a ton! Working fine now. :)

    ReplyDelete
  24. PWF6 March 2013 at 12:52

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

    ReplyDelete
  25. L DC7 March 2013 at 08:14

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

    ReplyDelete
  26. Azianom Mod14 March 2013 at 01:27

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

    ReplyDelete
  27. Melaka Shop14 March 2013 at 23:08

    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 Ali15 March 2013 at 00:53

      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
  28. Melaka Shop15 March 2013 at 02:07

    Thanks Faizan, now i understand why! ;)

    ReplyDelete
  29. iTechIDIOT16 March 2013 at 23:03

    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 Team18 March 2013 at 11:23

      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
  30. Naufal Utomo23 March 2013 at 03:17

    This template is so awesome

    ReplyDelete
  31. Shailesh Shukla24 March 2013 at 09:45

    I have this theme for wordpress use... can you provide me

    ReplyDelete
    Replies
    1. Designer Team26 March 2013 at 00:40

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

      Delete
  32. RumahFx27 March 2013 at 23:40

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

    ReplyDelete
  33. Designer Team27 March 2013 at 23:44

    This is not a slider, these are just images.

    ReplyDelete
    Replies
    1. RumahFx27 March 2013 at 23:57

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

      Delete
  34. Mustaghfiri Asror28 March 2013 at 20:07

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

    ReplyDelete
  35. Mustaghfiri Asror30 March 2013 at 16:09

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

    ReplyDelete
    Replies
    1. Syed Faizan Ali31 March 2013 at 00:25

      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
  36. Mustaghfiri Asror1 April 2013 at 03:19

    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 Ali1 April 2013 at 12:33

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

      body {
      background: lightblue!important; }

      Delete
  37. Syed Faizan Ali1 April 2013 at 12:26

    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/

    ReplyDelete
  38. Roxanna1 April 2013 at 12:56

    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 Team3 April 2013 at 12:58

      Add this in the CSS coding of your template

      #subbutton {
      margin-left: 20px;
      }

      Delete
  39. Jaenne S2 April 2013 at 05:19

    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 :(

    ReplyDelete
  40. Ganang4 April 2013 at 06:10

    Can I remove the slider? Thanks.

    ReplyDelete
    Replies
    1. Designer Team4 April 2013 at 12:43

      Add this in the CSS coding of your Template.

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

      Delete
    2. Minang Sunnah14 April 2013 at 21:47

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

      Delete
    3. Syed Faizan Ali15 April 2013 at 06:22

      Try this

      .std {
      display: none;
      }

      Delete
    4. Minang Sunnah17 April 2013 at 00:10

      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 Ali17 April 2013 at 01:12

      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
  41. Pedro Barbosa4 April 2013 at 17:18

    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 Team6 April 2013 at 02:13

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

      Delete
  42. andromager10 April 2013 at 10:41

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

    ReplyDelete
  43. khalid makki14 April 2013 at 09:14

    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
  44. Smarltog3G25 April 2013 at 02:01

    Dear Templateism team,

    Could please guide us how can i add RELATED POST option in this template.

    waiting for your favorable reply

    Regards,
    smartlog3g.blogspot.com

    ReplyDelete
    Replies
    1. Designer Team25 April 2013 at 12:59

      Check out this Tutorial

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

      Delete
  45. Nirpendra Patel26 April 2013 at 04:32

    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 Team26 April 2013 at 11:30

      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
  46. Janmejai Pratap Singh26 April 2013 at 06:08

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

    ReplyDelete
  47. Designer Team26 April 2013 at 11:39

    Add this in the CSS coding.

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

    ReplyDelete
  48. Janmejai Pratap Singh26 April 2013 at 23:00

    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
  49. Rodolfo Oliveira30 April 2013 at 08:21

    hello! Could you provide a code of "Related Posts" for this template? I await answers.

    ReplyDelete

Subscribe to: Post Comments (Atom)