Asal SEO Blogger Template Documentation

Download Asal SEO premium blogger template free Click Here

SEO Origin is a Blogger template with Responsive layout and suitable for all blogs. With a design that has a simple color combination, looks clean and modern, SEO Optimized, and has been built using some of the most popular design trends today.

Top Navigation Menu

Please open Blogger> Themes> Click Edit HTML
Search for the code below this and find the code # under it then change the code # with your blog link

<ul>
   <li>
      <a href='#' itemprop='url'><span itemprop='name'>About <i aria-hidden='true' class='fa fa-angle-down'/></span></a>
      <ul>
         <li><a href='#' itemprop='url'><span itemprop='name'>About</span></a></li>
         <li><a href='#' itemprop='url'><span itemprop='name'>Contact Form</span></a></li>
         <li><a href='#' itemprop='url'><span itemprop='name'>Disclaimer</span></a></li>
         <li><a href='#' itemprop='url'><span itemprop='name'>Sitemap</span></a></li>
      </ul>
   </li>
   <li>
      <a href='#' itemprop='url'><span itemprop='name'>Filter <i aria-hidden='true' class='fa fa-angle-down'/></span></a>
      <ul>
         <li>
            <a href='#' itemprop='url'><span itemprop='name'>Product 1 <i aria-hidden='true' class='fa fa-angle-down'/></span></a>
            <ul>
               <li><a href='#' itemprop='url'><span itemprop='name'>Sub Product</span></a></li>
               <li><a href='#' itemprop='url'><span itemprop='name'>Sub Product</span></a></li>
               <li><a href='#' itemprop='url'><span itemprop='name'>Sub Product</span></a></li>
               <li><a href='#' itemprop='url'><span itemprop='name'>Sub Product</span></a></li>
            </ul>
         </li>
         <li>
            <a href='#' itemprop='url'><span itemprop='name'>Product 2 <i aria-hidden='true' class='fa fa-angle-down'/></span></a>
            <ul>
               <li><a href='#' itemprop='url'><span itemprop='name'>Sub Product</span></a></li>
               <li><a href='#' itemprop='url'><span itemprop='name'>Sub Product</span></a></li>
               <li><a href='#' itemprop='url'><span itemprop='name'>Sub Product</span></a></li>
               <li><a href='#' itemprop='url'><span itemprop='name'>Sub Product</span></a></li>
            </ul>
         </li>
         <li><a href='#' itemprop='url'><span itemprop='name'>Product 3</span></a></li>
      </ul>
   </li>
   <li>
      <a href='#' itemprop='url'><span itemprop='name'>Filter <i aria-hidden='true' class='fa fa-angle-down'/></span></a>
      <ul>
         <li><a href='#' itemprop='url'><span itemprop='name'>Product 1</span></a></li>
         <li><a href='#' itemprop='url'><span itemprop='name'>Product 2</span></a></li>
         <li><a href='#' itemprop='url'><span itemprop='name'>Product 3</span></a></li>
      </ul>
   </li>
   <li><a href='#' itemprop='url'><span itemprop='name'>Entertainment</span></a></li>
   <li><a href='#' itemprop='url'><span itemprop='name'>Food</span></a></li>
   <li><a href='#' itemprop='url'><span itemprop='name'>Travel</span></a></li>
   <li><a href='#' itemprop='url'><span itemprop='name'>Error 404</span></a></li>
</ul>

Footer Menu

Please open Blogger> Themes> Click Edit HTML
Search for the code below this and find the code # under it then change the code # with your blog link

<div class='footer-rep'>
<div class='footer-menu'>
<div class='maxwrap bawahcr'>
<ul class='menufoot mobile-hide' itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
<li><a href='#' itemprop='url' title='About'><span itemprop='name'><i aria-hidden='true' class='fa fa-user-circle'/> About</span></a></li>
<li><a href='#' itemprop='url' title='Contact'><span itemprop='name'><i aria-hidden='true' class='fa fa-envelope'/> Contact</span></a></li>
<li><a href='#' itemprop='url' title='Disclaimer'><span itemprop='name'><i aria-hidden='true' class='fa fa-book'/> Disclaimer</span></a></li>
<li><a href='#' itemprop='url' title='Privacy Policy'><span itemprop='name'><i aria-hidden='true' class='fa fa-cloud'/> Privacy Policy</span></a></li>
<li><a href='#' itemprop='url' title='Sitemap'><span itemprop='name'><i aria-hidden='true' class='fa fa-list'/> Sitemap</span></a></li>
</ul>
<ul class='nomedic'>
<span class='social-right'>
<li class='sosialfoot'><a class='gpl' href='#' rel='nofollow noopener' target='_blank' title='Follow our Pinterest'><i class='fa fa-pinterest fa-2x'/></a></li>
<li class='sosialfoot'><a class='fcb' href='#' rel='nofollow noopener' target='_blank' title='Follow our Facebook'><i class='fa fa-facebook fa-2x'/></a></li>
<li class='sosialfoot'><a class='twt' href='#' rel='nofollow noopener' target='_blank' title='Follow our Twitter'><i class='fa fa-twitter fa-2x'/></a></li>
<li class='sosialfoot'><a class='rss' href='#' rel='nofollow noopener' target='_blank' title='Follow our Instagram'><i class='fa fa-instagram fa-2x'/></a></li>
</span>
</ul>
<div class='clear'/>
</div>
</div>

Menu Notifications

Please open Blogger> Themes> Click Edit HTML
Search for the code below this and replace the contents with your writing

<div class='asalseotitle'>Notification</div>
<div class='notiftext'>
This is just an example, you can fill it later with your own note.</div>

SEO Meta Tag

Please open Blogger> Themes> Click Edit HTML
Find and replace each text in the meta tag code below in the template.

<!-- [ Meta Tag SEO ] -->
<include expiration='7d' path='*.css'/>
<include expiration='7d' path='*.js'/>
<include expiration='3d' path='*.gif'/>
<include expiration='3d' path='*.jpeg'/>
<include expiration='3d' path='*.jpg'/>
<include expiration='3d' path='*.png'/>
<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='https://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'/>
<script type='application/ld+json'>{ &quot;@context&quot;: &quot;https://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script>
<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='DESKRIPSI-BLOG' 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;https://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 expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS/posts' rel='publisher'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS/about' rel='author'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS' rel='me'/>
<meta content='KODE-VALIDASI-GOOGLE-WEBMASTER' name='google-site-verification'/>
<meta content='KODE-VALIDASI-BING-WEBMASTER' name='msvalidate.01'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='NAMA-ADMIN' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='&quot;Silakan kunjungi &quot; + data:blog.pageTitle + &quot; Untuk membaca postingan menarik.&quot;' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<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:if>
</b:if>
<meta content='https://www.facebook.com/PROFIL-FACEBOOK' property='article:author'/>
<meta content='https://www.facebook.com/FAN-PAGE-FACEBOOK' property='article:publisher'/>
<meta content='KODE-APLIKASI-FACEBOOK' property='fb:app_id'/>
<meta content='KODE-ADMIN-FACEBOOK' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='USER-TWITTER' name='twitter:site'/>
<meta content='USER-TWITTER' name='twitter:creator'/>
<meta content='summary_large_image' name='twitter:card'/>

SEO

For SEO problems in this template I have set as much as possible in accordance with what I can. You don't need to make any modifications to this template.
But for more leverage my friend can read my post about SEO for bloggers SEO Tips

Widget News Update

Click the Theme menu> Click Edit HTML> Search and change the address of this blog https://cssmzo.blogspot.com with your blog address and the number 10 for the number of posts that will be displayed.

$(document).ready(function(){var e="https://www.cssmoz.blogspot.com/",t=10;

Widget Disqus Comments

Click the Theme menu> Click Edit HTML> Search and replace text YOUR-DISQUS-BLOG dengan username Disqus blog And

function load_Comments(){var e=document.getElementById("disqusshow");e.style.display="none";var t="YOUR-DISQUS-BLOG";!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://"+t+".disqus.com/embed.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}()}

Add Code Highlighter in Posts
Add the code below in the blog post on the HTML tab and replace this post --PASTE CODE HERE-- by writing your HTML / JavaScript / CSS code.

<pre><code>--PASTE CODE HERE--</code></pre>

That's all for today, use our safelink generator for Shorten your long URLs, Our Url Shortener blogger Is Safe. Thank you. Widget

Safelinks

Pages

Safelink