Affichage des articles dont le libellé est Responsive. Afficher tous les articles
Affichage des articles dont le libellé est Responsive. Afficher tous les articles

Metro UI Classic Responsive Blogger Template - Windows 8 Style

 Metro UI Classic Responsive Blogger Template


Metro Classic is an enhanced version of our previous Metro UI Blogger Template. Metro Classic is an old-school Windows 8 style Responsive Blogger template that is jam-packed with some tremendous features. This theme is ideal for blogging niche like technology, gadgets, reviews, news, personal, etc. it is also compatible with almost all leading browsers like Chrome, Firefox and internet explorer. The color scheme of this template is also adorable and eye-friendly. On the top of that, you get this template for absolutely free.




Features of Metro Classic Blogger Template:

  1. Windows 8 Look: As we have said before, we have tried to make this theme much a like Microsoft’s Windows 8. The interface of the blog is not a replica but its outlook is like windows 8. To sum up, we have tried to give it a slight touch of a blog with a combination of metro style. 
  2. Left Full Height Sidebar: Unlike other themes, we have added a full-height sidebar. It does not break and keeps on continuing till you reach the end of the web page. This sidebar gives your site a stunning touch. 
  3. Responsive Theme: This theme is highly responsive and works absolute perfectly on monitors, LCDs of different dimension. You can reduce the size of your browse and can see the responsiveness yourself. 

  4. SEO-Friendly: This template is highly optimized for on-page SEO. We have used different heading tags for posts so that you can maximize the opportunity of getting your content on the top of the Search engine ranking. 

  5. Featured Area: We have also incorporated a featured area on the homepage, which would help you to display some of the prominent hits. However, it is not automatic you have to customize it yourself.
More Features: Magazine Style, greenish color scheme, threaded commenting system,  2 column template and much more


Responsive Navigation Menu With CSS3 For Blogger

 Responsive Navigation Menu With CSS3 For Blogger 





Responsive Design help blog to fit on every screen.My friend recently created a responsive design blogger template which you can buy it from here.In this tutorial we will create navigation menu with new feature of Css3 media queries.This menu change it design on mobile devices and in small resolution screen it make itself grid.Thanks to freshdesignweb for creating this awesome menu.

Adding This Menu To Blogger

For Adding this menu to blogger we need to paste some code So follow below steps-
  • Go To Blogger Dashboard
  • Click On Layout Tab
  • Now Add HTML/Javascript and paste following code inside it.

  • After Adding This Code Click On Save Button.

Adding Meta Tags

Meta tag to control layout on mobile browsers a typical mobile-optimized site contains this type of meta tags, To Add this meta tags to blogger follow below steps-
  • Go To Blogger Dashboard
  • Click On Template Tab
  • Now Click On Edit HTML>>Proceed
  • Find and paste below code above it.

  • Now finally your blog is having a beautiful responsive menu Click on Save Template Button And Preview your blog.

Customize This Menu

Replace # with Link.Replace Red Color Highlighted word according to you.To Change Background color of this menu just edit blue color highlighted text.

If you want more help from my site then comment your problem below I will try to resolve it as soon as possible.