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/AVvXsEhNrmXvBI2-uWd_GxF6NpHQLxkF6ownLx__q2TygYNrCDG9Y8JyoBbJw1sLU-uzoycFNWFAsJwgthK23Ei7S1rlbrXaTEs52-nv3-YKGaxS5jumjLXGTq02r0IgMUvIuxWxpdsWYOjkWI3r/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

Share Share Tweet Share Share Share

KLIK

DONASI VIA PAYPAL Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi Anda membantu Admin untuk lebih giat lagi dalam membagikan template blog yang berkualitas. Terima kasih.