keRangka dibangun dengan meminimalisir tag html, menggunakan satu widget Blog1
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML expr:dir='data:blog.languageDirection' itemscope='itemscope' itemtype='http://schema.org/WebPage' lang='en' prefix='og: http://ogp.me/ns# fb: http://www.facebook.com/2008/fbml' xmlns='http://www.w3.org/1999/xhtml'>
<head>
<script>
//<![CDATA[
var blog = document.location.hostname;
var slug = document.location.pathname;
var ctld = blog.substr(blog.lastIndexOf("."));
if (ctld != ".com") {
var ncr = "http://" + blog.substr(0, blog.indexOf("."));
ncr += ".blogspot.com/ncr" + slug;
window.location.replace(ncr);
}
//]]>
</script>
<!-- [ Meta SEO By Abhrand Prazeskana Johanda - iWeathoar.blogspot.com ] -->
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1, shrink-to-fit=no' name='viewport'/>
<meta content='ie=edge' http-equiv='x-ua-compatible'/>
<meta name="robots" content="noodp, noydir" />
<title>
<data:blog.title/>
</title>
<meta name="description" content=" " />
<meta name="keywords" content=" " />
<!-- Bootstrap CSS -->
<link href='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css' rel='stylesheet'/>
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>
<style> <!-- /*
<b:skin>
<![CDATA[
/*
-----------------------------------------------
Blogger Template Style
Name: Blank Bootstrap Theme
Designer: AbhrandJ
URL: abhrandj.com
----------------------------------------------- */
]]>
</b:skin>
<!-- Google Analytics Code -->
<b:include data='blog' name='google-analytics'/>
<!-- Google ANalytics Code -->
</head>
<body class="home" itemscope itemtype="http://schema.org/WebPage">
<div id="wrap" class="site-container">
<header class='site-header' itemscope='itemscope' itemtype='http://schema.org/WPHeader' role='banner'>
<div class='wrap'>
<div class='title-area'>
<h1 class='site-title' itemprop='headline'>
<data:title/>
</h1>
<h2 class='site-description' itemprop='description'>
<data:description/>
</h2>
</div>
</div>
</header>
<!-- .site-header -->
<nav class='site-navigation nav-primary' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
<div class='wrap'>
<ul class='site-nav-menu'>
<li class='menu-item menu-item-1 menu-home' itemprop='url'><a href='http://mysite.com/' itemprop='name' title='Home'>Home</a></li>
<li class='menu-item menu-item-2 menu-about' itemprop='url'><a href='http://mysite.com/p/about.html' itemprop='name' title='About'>About</a></li>
</ul>
</div>
</nav>
<!--.site-navigation -->
<div class='site-inner'>
<main class='site-content' itemprop='mainEntityOfPage' itemscope='itemscope' itemtype='http://schema.org/Blog'>
<b:loop values='data:posts' var='post'>
<article class='post entry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<meta expr:itemid='data:post.link ? data:post.link : data:post.url' itemType='https://schema.org/WebPage' itemprop='mainEntityOfPage' itemscope='itemscope' expr:content='data:post.link ? data:post.link : data:post.url'/>
<meta expr:content='data:blog.title' itemprop='name'/>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
<meta content="
<b:loop values='data:post.labels' var='label'>
<data:label.name/>
<b:if cond='data:label.isLast != "true"'>
,
</b:if>
</b:loop>
" itemprop="keywords"/>
<meta expr:content='data:post.timestamp' itemprop='datePublished'/>
<meta expr:content='data:post.lastUpdatedISO8601' itemprop='dateModified'/>
<header class='entry-header'>
<h1 class='entry-title' itemprop='headline'>
<a expr:href='data:post.url' expr:title='data:post.title' rel='bookmark'>
<data:post.title/>
</a>
</h1>
<p class='entry-meta'>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
<abbr class='entry-time published' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
<span class='updated'>
<data:post.timestamp/>
</span>
</abbr>
</a>
</b:if>
</b:if>
</span>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<b:if cond='data:post.authorProfileUrl'>
<span class='entry-author fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a class='entry-author-link g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'>
<data:post.author/>
</span>
</a>
</span>
<b:else/>
<span class='entry-author fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'>
<data:post.author/>
</span>
</span>
</b:if>
</b:if>
</p>
</header>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" : "description ") + "articleBody"'>
<data:post.body/>
</div>
<footer class='entry-footer'>
<b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
<div class='entry-meta'>
<div class='entry-tags'>
<p class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a>
<b:if cond='not data:label.isLast'>
,
</b:if>
</b:loop>
</b:if>
</p>
</div>
<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl' itemprop='image'/>
<meta expr:content='data:post.firstImageUrl' itemprop='url'/>
</b:if>
<meta content='800' itemprop='width'/>
<meta content='800' itemprop='height'/>
</div>
<div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
<div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZbP9du7HyHTFyes4anRAQsJj8yea_PjAlQ23TIiY1Dch182lNNEDWXv9CrfrrBKbJQ_tDL6GMVqn5xL3eoyQRvC1vDsaH5b5x3QtYcznnA5qFh-V4jTDS_nEUCQlB9apvi2upGpP-Nw13/s1600/technohalf-logo.png' itemprop='url'/>
<meta content='600' itemprop='width'/>
<meta content='60' itemprop='height'/>
</div>
<meta expr:content='data:blog.title' itemprop='name'/>
</div>
</div>
</footer>
</article>
<!-- .post -->
<div class='entry-comments' id='comments'>
</div>
<!-- .entry-coments -->
<div class='blog-pager' id='blog-pager'>
<ul class='pagination' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
<b:if cond='data:newerPageUrl'>
<li class='active' itemprop='url'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle' itemprop='name'>
<data:newerPageTitle/>
</a>
</span>
</li>
</b:if>
<li itemprop='url'>
<a class='home-link' expr:href='data:blog.homepageUrl' itemprop='name'>
<data:homeMsg/>
</a>
</li>
<b:if cond='data:olderPageUrl'>
<li itemprop='url'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle' itemprop='name'>
<data:olderPageTitle/>
</a>
</span>
</li>
</b:if>
</ul>
</div>
</b:loop>
</main>
<!-- .site-content -->
<aside class='site-sidebar sidebar-primary widget-area' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>
<div class='widget widget_text'>
<div class='widget-wrap'>
<h4 class='widgettitle'>Title Sidebar</h4>
<div class='textwidget'>
<p>Content Primary Sidebar Widget</p>
</div>
</div>
</div>
</aside>
<!-- .site-sidebar -->
</div>
<!-- .site-inner -->
<footer class='site-footer' itemscope='itemscope' itemtype='http://schema.org/WPFooter'>
<div class='wrap'>
<p class='back-to-top'><a href='#wrap' title='Back to top'>Back to top</a></p>
<p class='creds'>
169 Copyright
<data:blog.title/>
| <a expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS Feeds"'>RSS</a>
</p>
</div>
</footer>
<!-- .site-footer -->
</div>
<!-- .site-container -->
<!-- Footer JavaScripts -->
<!-- jQuery first, then Bootstrap JS. -->
<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'/>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/js/bootstrap.min.js'/>
<script src='https://cdn.jsdelivr.net/prism/1.3.0/prism.js'/>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script>
/*!
* IE10 viewport hack for Surface/desktop Windows 8 bug
* Copyright 2014-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
// See the Getting Started docs for more information:
// http://getbootstrap.com/getting-started/#support-ie10-width
//<![CDATA[
(function () {
'use strict';
if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
var msViewportStyle = document.createElement('style')
msViewportStyle.appendChild(
document.createTextNode(
'@-ms-viewport{width:auto!important}'
)
)
document.head.appendChild(msViewportStyle)
}
})();
//]]>
</script>
<script>
//<![CDATA[
var nua = navigator.userAgent;
var is_android = ((nua.indexOf('Mozilla/5.0') > -1 && nua.indexOf('Android ') > -1 && nua.indexOf('AppleWebKit') > -1) && !(nua.indexOf('Chrome') > -1));
if(is_android) {
$('select.form-control').removeClass('form-control').css('width', '100%');
}
//]]>
</script>
<!-- Footer JavaScripts -->
</body>
</HTML>Tujuan meminimalisir tag html, untuk mengurangi eror yang terjadi di template blogger pada umumnya. template ini juga telah di lengkapi dengan schema yang valid