Metro UI Blogger Template is an innovative Windows 8 style blogger template. This theme/template has a lot of similarities with the Microsoft's latest operating system Windows 8. This template is ideal for Blogs like technology, multimedia, entertainment, magazine, etc. Nonetheless, that's not all because it is robust enough to be used on any kind of Website. This scheme has a greenish color. You can also customize this as per the needs. It has some built-in extraordinary features like Numbered page navigation, Elegant Menu, 4 column footer, etc.
Features:
Numbered page navigation: This theme has built-in numbered page functionally. 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 looks like Windows 8 and has extremely efficient hover effects. This Colorful header would surely amaze your visitors.
SEO-Friendly : SEO plugin is also installed in this template, which would surely help you to increase your organic traffic in quick succession. Though this plugin is not free but in this theme its free.
Feature Image Area : This theme has featured image area instead of sliders, which slows down blog. The feature image area will only appear on the homepage.
There are many other features of this theme such as Magazine style , wordPress look, Green and light orange color scheme, thread commenting system, etc.
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 URL Give below and replace it with the image URL of your logo.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivWVdrmQ29XB5l0NL65Li5SQvwzPf35lGL8-PIl4FMD83_oPnmqjoqRCAS0JAmGI5zthm8PtmNDbjxbqiSseAuoW7M2uk8Y81Fy3U1YUD1CQkasPphtZCA86JYTXq8mu0222eNFR45jKk/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 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>
.jpg)
0 comments:
Post a Comment