ADD ANYTHING HERE OR JUST REMOVE IT...

Sunday 17 February 2013

Metro UI Blogger Template

Posted by on 08:00
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.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1yRLLx8rduYI8aVIgN9TnxPLUIZ3uTIItPp18MuLyd_HRfK_174aIvv2lQbMvWPX1O660jDFt3nkkA9Lc22KfP8OVFR26X40zhvMYoy36DfxTWYUy2wAKuEDqY3LlaFlBc7X3Z5J8cb0/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.

The Designer Team of Templateism consists of a group of Professional Designers and Web Developers, led by .

64 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. Bishal Biswas17 February 2013 at 23:06

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

    - Bishal Biswas

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

    Man template is good. Have not been downloaded to

    ReplyDelete
  11. VanLinhEx18 February 2013 at 03:23

    Awesome !

    ReplyDelete
  12. Ajay Surya18 February 2013 at 05:14

    nice theme

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

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

    ReplyDelete
  14. bLacK r0Se23 February 2013 at 09:19

    Thanks and great design. Can I change the picture (http://3.bp.blogspot.com/-9vPLs0NYNcA/UN98lkHLppI/AAAAAAAAKfA/ZVCulBGT_og/s45/photo.jpg) below post?

    -Si Pendekar Merah

    ReplyDelete
  15. aaa23 February 2013 at 13:41

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

    ReplyDelete
  16. kiran24 February 2013 at 01:54

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

    ReplyDelete
    Replies
    1. Designer Team26 February 2013 at 06:41

      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. kiran13 March 2013 at 06:21

      thanks to team

      Delete
  17. Dj Alone25 February 2013 at 04:50

    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 Team26 February 2013 at 06:41

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

      Delete
    2. Jatin Kharb27 February 2013 at 22:28

      how to do that :)
      i want to change my account & other pic


      register your bllog
      http://www.top20bloggers.tk/

      Delete
    3. 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! :)

      Delete
    4. Syed Faizan Ali5 March 2013 at 06:40

      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. Devika Rajeev6 March 2013 at 03:49

      Thanks a ton! Working fine now. :)

      Delete
  18. 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
  19. i-mate5 March 2013 at 00:13

    can i remove copyright footer

    ReplyDelete
  20. PWF6 March 2013 at 12:52

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

    ReplyDelete
  21. 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
  22. 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
  23. 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
  24. Melaka Shop15 March 2013 at 02:07

    Thanks Faizan, now i understand why! ;)

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

    This template is so awesome

    ReplyDelete
  27. 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
  28. 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
  29. Mustaghfiri Asror28 March 2013 at 20:07

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

    ReplyDelete
  30. 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
  31. 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
  32. Designer Team3 April 2013 at 12:58

    Add this in the CSS coding of your template

    #subbutton {
    margin-left: 20px;
    }

    ReplyDelete
  33. 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. Syed Faizan Ali15 April 2013 at 06:22

      Try this

      .std {
      display: none;
      }

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

    ReplyDelete
  35. Alen li8 April 2013 at 05:02

    Very Good templete, thank for share

    ReplyDelete
  36. andromager10 April 2013 at 10:41

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

    ReplyDelete
  37. 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
  38. 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
  39. Janmejai Pratap Singh26 April 2013 at 06:08

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

    ReplyDelete
  40. Designer Team26 April 2013 at 11:39

    Add this in the CSS coding.

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

    ReplyDelete
  41. 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
  42. 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)

Renovate Your Blogger Blog with Awesomness