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://1.bp.blogspot.com/-aGIAA5RiK_k/XHUR9j78l9I/AAAAAAAACgM/QDFpPUS97bYXkY3GCx0g9XIHQecefeXBACLcBGAs/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

Related Post

1 comment

  1. Ini scrypt nya langsung disalin semua ke html blogger? Kalau ada file xml nya saya minta gan

    ReplyDelete

Silahkan Memberikan Komentar Jika Ada Hal Yang Kurang Dipahami Dengan Topik Yang Telah Sobat Baca. Biasakan Berkomentar Dengan:

♥ Sopan dan Bahasa Yang Mudah Dipahami.
♥ Tidak Memasukkan Link Aktif Dalam Form Komentar.
♥ Berkomentar Sesuai Artikel Atau Postingan.
♥ Berilah Informasi, Jika Script Atau Link Yang Tidak Berfungsi Dan Mati.
♥ komentar Jorok / Kasar / SARA / PORNO Anggap Sebagai SPAM.
EmoticonEmoticon