Masign Free : Index

SEO Optimization

<meta content='xxxxx' name='keywords'/> = Change xxxxx with your blog keywords
<link href='https://plus.google.com/xxxxx/posts' rel='publisher'/> = Change xxxxx with your Google Plus ID
<link href='https://plus.google.com/xxxxx/about' rel='author'/> = Change xxxxx with your Google Plus ID
<link href='https://plus.google.com/xxxxx' rel='me'/> = Change xxxxx with your Google Plus ID
<meta content='xxxxx' name='google-site-verification'/> = Change xxxxx with your Google Search Console Verification
<meta content='xxxxx' name='msvalidate.01'/> = Change xxxxx with your Bing Webmaster Verification
<meta content='xxxxx' name='alexaVerifyID'/> = Change xxxxx with your Alexa Verification
<meta content='xxxxx' name='Author'/> = Change xxxxx with your Name
<meta content='xxxxx' property='fb:app_id'/> = Change xxxxx with your Facebook App ID
<meta content='xxxxx' property='fb:admins'/> = Change xxxxx with your Facebook Account ID
<meta content='xxxxx' name='twitter:site'/> = Change xxxxx with your Twitter Username
<meta content='xxxxx' name='twitter:creator'/> = Change xxxxx with your Twitter Username

Note : Change xxxxx

Browser Color Bar

<meta content='#314151' name='theme-color'/>
<meta content='#314151' name='msapplication-navbutton-color'/>
<meta content='yes' name='apple-mobile-web-app-capable'/>
<meta content='#314151' name='apple-mobile-web-app-status-bar-style'/>

Note : Change #314151 with your Color Code

Navigation

<ul class='nav visible-desktop' id='menu-menu-1'>
<li class='current-menu-item current_page_item'><a class='waves-effect waves-light' href='/' expr:title='data:blog.title'>Home</a></li>
<li><a class='waves-effect waves-light' href='#' itemprop='url' title='Profile'><span itemprop='name'>Profile</span></a></li>
<li><a class='waves-effect waves-light' href='#' itemprop='url' title='Online Shop'><span itemprop='name'>Online Shop</span></a></li>
<li><a class='waves-effect waves-light' href='#' itemprop='url' title='Status'><span itemprop='name'>Status</span></a></li>
<li><a class='waves-effect waves-light' href='#' itemprop='url' title='Themes'><span itemprop='name'>Themes</span></a></li>
<li><a class='waves-effect waves-light' href='#' itemprop='url' title='Play Store'><span itemprop='name'>Play Store</span></a></li>
<li><a class='waves-effect waves-light' href='#' itemprop='url' title='App Store'><span itemprop='name'>App Store</span></a></li>
</ul>

Top Menu with Social Media

<div id='headermenu'>
<li><a class='waves-effect' href='#' itemprop='url' title='About'><span itemprop='name'>About</span></a></li>
<li><a class='waves-effect' href='#' itemprop='url' title='Contact'><span itemprop='name'>Contact</span></a></li>
<li><a class='waves-effect' href='#' itemprop='url' title='Sitemap'><span itemprop='name'>Sitemap</span></a></li>
<li><a class='waves-effect' href='#' itemprop='url' title='Disclaimer'><span itemprop='name'>Disclaimer</span></a></li>
</div>

This Options For Top Menu and Slide Navigation

href='#' Change # with Your URL
<span itemprop='name'>Sitemap</span> Change Sitemap with Your List Name
<i class='fa fa-facebook'></i> This is Markup of Font Awesome, you can change with diferent icon. Visit design.google.com/icons/

Slide Navigation

<nav class='dropdowns' itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
<div class='wrapper'>
<div class='profilemenu'>
<img alt='Admin' src='https://3.bp.blogspot.com/-jXtsOmVIR5Y/V1YumJuYoxI/AAAAAAAAEEI/igCJHi5cmzETkBuu-bAMEGeXV1FJYRakgCLcB/s1600/Girl%2BPP.png' title='Admin'/>
<h3><data:blog.title/></h3>
<a class='ripple' href='javascript:;' id='info2'><i class='fa fa-caret-down'></i></a>
<p>Your Blog Description Here.</p>
<ul id='nav-menu1'>
<li><a class='waves-effect' href='#' itemprop='url'><span itemprop='name'>Google+</span></a></li>
<li><a class='waves-effect' href='#' itemprop='url'><span itemprop='name'>Facebook</span></a></li>
<li><a class='waves-effect' href='#' itemprop='url'><span itemprop='name'>Twitter</span></a></li>
</ul>
</div>
<ul class='nav nav-menu2'>
<li><a class='waves-effect' expr:href='data:blog.homepageUrl' itemprop='url' expr:title='data:blog.title'><span itemprop='name'><i class='fa fa-home'></i> Home</span></a></li>
<li class='sub-menu'>
<a class='dropdown waves-effect' href='javascript:;' title='Ranking'><i class='fa fa-trophy'></i> Ranking</a>
<ul class='sub'>
<li><a class='waves-effect' href='#' itemprop='url'><span itemprop='name'>Players</span></a></li>
<li><a class='waves-effect' href='#' itemprop='url'><span itemprop='name'>Groups</span></a></li>
<li><a class='waves-effect' href='#' itemprop='url'><span itemprop='name'>Company</span></a></li>
</ul>
</li>
<li><a class='waves-effect' href='#' itemprop='url' title='News'><span itemprop='name'><i class='fa fa-newspaper-o'></i> News</span></a></li>
<li><a class='waves-effect' href='#' itemprop='url' title='Inbox'><span itemprop='name'><i class='fa fa-inbox'></i> Inbox</span></a></li>
<h2>Submenu</h2>
<li><a class='waves-effect' href='#' itemprop='url' title='Settings'><span itemprop='name'><i class='fa fa-gear'></i> Settings</span></a></li>
<li><a class='waves-effect' href='#' itemprop='url' title='My File'><span itemprop='name'><i class='fa fa-file'></i> My File</span></a></li>
<li><a class='waves-effect' href='#' itemprop='url' title='Upload'><span itemprop='name'><i class='fa fa-cloud-upload'></i> Upload</span></a></li>
</ul>
</div>
</nav>

Color Box Options

<div class="colorbox blue">
This is Color Box Blue.
</div>

<div class="colorbox green">
This is Color Box Green.
</div>

<div class="colorbox red">
This is Color Box Red.
</div>

<div class="colorbox orange">
This is Color Box Orange.
</div>