Documentation Templates Masign Alpha Premium Version 2.0

This template uses a vertical navigation menu beside the left with an approved and optimized sub menu, as well as a homepage posting display that uses a different grid design from the previous Material Design template.

Documentation Templates Masign Alpha Premium Version 2.0

SEO Meta Tag
Please open Blogger> Themes> Click Edit HTML

<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='hacking, tutorial, tips, trik, cara-cara, internet, blog, seo, komputer, game, moba, facebook, blogging, optimization' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://www.blogger.com/profile/xxxxx' rel='publisher'/>
<link href='https://www.blogger.com/profile/xxxxx' rel='author'/>
<link href='https://www.blogger.com/profile/xxxxx' rel='me'/>
<meta content='xxxxx' name='google-site-verification'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='ADMIN NAME' name='Author'/>
<meta content='id' name='geo.country'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'> 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>  
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='xxxxx' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='xxxxx' property='fb:admins'/>
<meta content='xxxxx' property='fb:app_id'/>
<meta expr:content='data:blog.title' name='twitter:site'/>
<meta content='@xxxxx' name='twitter:creator'/>

Menu on Click
Please open Blogger> Themes> Click Edit HTML
This menu location is on the left of your site.

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

Social Media
Please open Blogger> Themes> Click Edit HTML
Change # with your Social Media URL.

<a class='blanter' href='#' itemprop='sameAs' target='_blank' title='Instagram'><i aria-hidden='true' class='fa fa-instagram'/></a>
<a class='blanter' href='#' itemprop='sameAs' target='_blank' title='Twitter'><i aria-hidden='true' class='fa fa-twitter'/></a>
<a class='blanter' href='#' itemprop='sameAs' target='_blank' title='Facebook'><i aria-hidden='true' class='fa fa-facebook'/></a>

Menu Navigation
Please open Blogger> Themes> Click Edit HTML
Change # with your Menu URL.

<div id='css-menu' itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
<div id='cssmenu'>
<div class='profilemenu'>
<img expr:alt='data:blog.title' expr:title='data:blog.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4TT12K9QDoz28Y03Qob6j4mrkHMl4lv9sM775dqRq64OVg75VV8YoUmSKo-6bYbpNoAGs01aKh7Kt29oG1HPKz6cRREu_DjS3pREm4IF2O5GvYvEh3ClSlpPh893nnjq8UkjksvdLLaCr/s1600/md-image.png'/>
<h3><data:blog.title/></h3>
<a class='ripple' href='javascript:;' id='info2'><i class='material-icons'>&#58821;</i></a>
<p>The Best Download.</p>
</div>
<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>
<ul id='navmenu2'>
<li><a class='waves-effect' href='/' itemprop='url' title='Home'><i class='material-icons'>&#59530;</i> <span itemprop='name'>Home</span></a></li>
<li class='has-sub'><a class='waves-effect' href='#' title='Apps'><i class='material-icons'>&#58819;</i> <span itemprop='name'>Apps</span></a>
<ul>
<li><a class='waves-effect' href='#' title='Themes'><span itemprop='name'>Themes</span></a></li>
<li><a class='waves-effect' href='#' title='Layout'><span itemprop='name'>Layout</span></a></li>
<li><a class='waves-effect' href='#' title='Settings'><span itemprop='name'>Settings</span></a></li>
</ul>
</li>
<li class='has-sub'><a class='waves-effect' href='#' itemprop='url' title='Groups'><i class='material-icons'>&#59375;</i> <span itemprop='name'>Groups</span></a>
<ul>
<li><a class='waves-effect' href='#' title='Blogger'><span itemprop='name'>Blogger</span></a></li>
<li><a class='waves-effect' href='#' title='Design'><span itemprop='name'>Design</span></a></li>
</ul>
</li>
<li><a class='waves-effect' href='#' itemprop='url' title='Bookmarks'><i class='material-icons'>&#59525;</i> <span itemprop='name'>Bookmarks</span></a></li>
<li><a class='waves-effect' href='#' itemprop='url' title='Trending Topic'><i class='material-icons'>&#59406;</i> <span itemprop='name'>Trending Topic</span></a></li>
<li><a class='waves-effect' href='#' itemprop='url' title='Feedback'><i class='material-icons'>&#59519;</i> <span itemprop='name'>Feedback</span></a></li>
<li><a class='waves-effect' href='#' itemprop='url' title='Online Store'><i class='material-icons'>&#59596;</i> <span itemprop='name'>Online Store</span></a></li>
</ul>
</div>
</div>

Newsletter

Open Layout

Change DuniaBlanter with your Feedburner ID.

<div id='material-subscribe'>
<form action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=DuniaBlanter', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<div class="input-field">
<input class="inputfield" name="email" type="email" required="" class="validate"/>
<span class="highlight"></span>
<span class="bar"></span>
<label>Email</label>
<input type="hidden" value="DuniaBlanter" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<button class="buttonx subs waves-effect waves-light" type="submit"/><i class="fa fa-envelope"></i> Subscribe</button>
</div>
</form>
</div>

Blog Post Button

Change YOUR-LINK with your link.

<a class="buttonx" href="YOUR-LINK" target="_blank" title="Preview">Preview</a>

This Button have 7 Colors You can change to : "buttonx color + x" = "buttonx greenx"

<a class="buttonx greenx" href="YOUR-LINK" target="_blank" title="Preview">Preview</a>

Color : indigox, pinkx, bluex, greenx, orangex, redx, purplex

Thank you