In SEO Blogger Template Documentation

1. Template info along with Features & Strengths Template Info
In SEO is a Blogger template with Responsive layout and is 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.

Template Features

Responsive
SEO Friendly
Google Testing Tool Validator
2 Column
Resposnsive Navigation
Auto Readmore
Breadcrumbs
Featured Recent Post
Recent Post by Label
Safelink, Read, List, Simple and Grid Style
Newsletter Widget
Footer Menu
Back to Top Button
Share Button
Related Posts
Shortcodes
And More...

2. Top Navigation Menu

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

   <ul>
      <li><a href='#' itemprop='url'><span itemprop='name'>Entertainment</span></a></li>
      <li><a href='#' itemprop='url'><span itemprop='name'>Featured</span></a></li>
      <li><a href='#' itemprop='url'><span itemprop='name'>Food</span></a></li>
      <li><a href='#' itemprop='url'><span itemprop='name'>Lifestyle</span></a></li>
      <li><a href='#' itemprop='url'><span itemprop='name'>Music</span></a></li>
      <li><a href='#' itemprop='url'><span itemprop='name'>Travel</span></a></li>
      <li>
         <a href='#' itemprop='url'><span itemprop='name'>Filter <i aria-hidden='true' class='fa fa-angle-down fa-fw'/></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>
   </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='footmenu' itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'><ul>
<li><a href='#' itemprop='url' title='About'><span itemprop='name'>About</span></a></li>
<li><a href='#' itemprop='url' title='Contact'><span itemprop='name'>Contact</span></a></li>
<li><a href='#' itemprop='url' title='Disclaimer'><span itemprop='name'>Disclaimer</span></a></li>
<li><a href='#' itemprop='url' title='Privacy Policy'><span itemprop='name'>Privacy</span></a></li>
<li><a href='#' itemprop='url' title='Sitemap'><span itemprop='name'>Sitemaps</span></a></li>
<li><a href='#' itemprop='url' title='view static page'><span itemprop='name'>Static</span></a></li>
</ul>
</div>

4. SEO Meta Tags

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

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

6. Widget

Widget Recent Post by Label

Click the Layout menu> Click Edit on the widgetrecent-sec2 (In Footer) Change the label Featured in the widget with your label in the code like this

Format for widget code above

[Featured][recentbylabel]

Widget Newsletter

Please open Blogger> Layout> Click Edit / Pencil mark on the Newsletter widget
Search for the code below this and find the code cssmzo under it then replace it with your blog's feedburner

<div id="subscribe-css">
<div class="subscribe-wrapper">
<h2>Newsletter</h2>
<p>If you like articles on this blog, please subscribe for free via email.</p>
<div class="subscribe-form">
<form action='https://feedburner.google.com/fb/a/mailverify?uri=cssmzo' class="subscribe-form" method="post" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=cssmzo', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="uri" type="hidden" value="cssmzo" />
<input name="loc" type="hidden" value="en_US" />
<input class="subscribe-css-email-field" name="email" autocomplete="off" placeholder="Enter your email"/>
<input class="subscribe-css-button" title="" type="submit" value="Submit" />
</form>
</div>
</div></div>

Widget Recommended di Sidebar

Please open Blogger> Layout> Click Edit / Pencil mark on the Recommended widget

By default, this widget will display the latest posts on the blog, if you want to replace them with the latest posts from certain labels. Edit the feed format code below

/feeds/posts/default?

Change it to like this and change the writing NAME-LABEL with the label you want to display.

/feeds/posts/default/-/NAMA-LABEL?

6. Blog Settings

For blog settings adjust to the image below

ShortCodes

Blockquote

To make a Blockquote simply select all the text you want to become a Quotation and click on the Quotation icon from the text editor panel blog post.

Button

Add a demo and download button.

<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="YOUR-LINK-HERE" target="_blank">DEMO</a></li>
<li><a class="download" href=" YOUR-LINK-HERE" target="_blank">DOWNLOAD</a></li>
</ul>
</div>
<div class="clear"></div>

Spoiler

<div id="flippy"><button>Spoiler</button></div>
<div id="flippanel">
--- ADD CONTENT HERE ---
</div>

Divide post content into three

<div class="bagitiga">
--- ADD CONTENT HERE ---
</div>

Putting up tables in posts

<table cellpadding="0" cellspacing="0" style="text-align: left;">
    <tbody>
        <tr>
            <th>Table Header 1</th>
            <th>Table Header 2</th>
            <th>Table Header 3</th>
        </tr>
        <tr>
            <td>Division 1</td>
            <td>Division 2</td>
            <td>Division 3</td>
        </tr>
        <tr>
            <td>Division 1</td>
            <td>Division 2</td>
            <td>Division 3</td>
        </tr>
        <tr>
            <td>Division 1</td>
            <td>Division 2</td>
            <td>Division 3</td>
        </tr>
    </tbody>
</table>

Install Youtube Videos in Posts
Add the code below in the blog post on the HTML tab and replace this youtube video link_1EYAH8dmx0with your youtube video link

<div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="//www.youtube.com/embed/_1EYAH8dmx0">
</div>
</div>
</div>

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 it. Download INSEOPro blogger template free from cssmoz blog. Subscribe to our newest mailing lists and get notification every single post on Our website regularly. Thank you.

Safelinks

Pages

Safelink