BLANTERWISDOM101

New Sang SEO Responsive Valid HTML5 Blogger Templates

Monday, April 20, 2015
New Sang SEO Responsive Valid HTML5 Blogger Templates

New Sang SEO Responsive Valid HTML5 Blogger Templates is a redesign blogger templates from author Kang Mousir, Sang Seo templates. This templates many changes and added more features.

Features :
  • Responsive
  • Valid HTML5 (All Pages)
  • Valid CSS3 (All Pages)
  • Valid Author Rich Snippet
  • SEO Friendly
  • User Friendly
  • Fast Loading
  • Webmaster Structured Data
  • Clean Design
  • HCard Author and Update (Home Page, Post Page and Static Page)
  • Cool Threaded Comment
  • Page Navigation
  • Custom Error Page
  • Custom Deleted Comment
  • Custom Navigation In Post Page
  • Custom Label
  • Full Title Tag
  • Recent Post By Tag
  • Facebook Comment (New)
  • Syntax Highlighter (New)
  • Multi Dropdown Menu (New)
  • Search button (New)
  • Share Button (New)
  • Related Posts With Tumbhnail (New)
  • Readmore (New)
  • Three Column Footer (New)
  • Dynamic Heading (New)
  • Breadcrumbs (New)
  • Seo 100% Chkme (New)
  • Fix Website Link CHKME (New)
  • Custom Popular Post (New)
  • Clean Template (New)
  • Auto Delete Spam Comment (New)

This templates recommended blogger templates for pass HTML5 Validation:

Blogger Templates Valid HTML5

Check

Detail:
Platform Type:Blogger
Template Name:New Sang SEO
Author:Oktavia Lee
URL:www.madamvia.web.id
Licence:Free | Creative Commons Attribution 3.0
Publisher:www.flytemplate.com
Template Demo:Demo

Templates Configuration:

Search and delete this line after add html widget for valid html5

<b:include name='quickedit'/>

Add "scoped" after CSS on html/javascript widget

<style type='text/css' scoped>
CSS style code
</style>


1. Configuring Meta Tag

Change this code with your ID

<meta content='ID Google Webmaster Verification' name='google-site-verification'/>
<meta content='ID Bing Verification' name='msvalidate.01'/>
<meta content='ID Alexa Verification' name='alexaVerifyID'/>
<link href='https://plus.google.com/Your Google Plus ID/posts' rel='publisher'/>
<link href='https://plus.google.com/Your Google Plus/about' rel='author'/>
<link href='https://plus.google.com/Your Google Plus ID' rel='me'/>

Change Blog Keyword and Blog Description, find this code

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta content='Blog Keyword' name='keywords'/>
<meta content='Blog Description' name='description'/>
</b:if>


2. Configuring Top Navigation Menu

Replace # with your Url

<ul class='nav-menus'>
<li><a class='homer' href='/'>Home</a></li>
<li><a href='#' rel='nofollow' title='About'>About</a></li>
<li><a href='#' rel='nofollow' title='Contact Email'>Contact Email</a></li>
<li><a href='#' rel='nofollow' title='Privacy Policy'>Privacy Policy</a></li>
<li><a href='#' rel='nofollow' title='Disclaimer'>Disclaimer</a></li>
</ul>


3. Configuring Multi Dropdown menu

Change text and replace # with your Url

<ul class='menu'>
<li><a class='homer' href='/'>Home</a></li>
<li><a href='#' target='_blank' title='Sitemap'>Daftar Isi</a></li>
<li><a class='ai' href=''>Drop Down</a>
<ul>
<li><a class='ai2' href=''>CSS</a>
<ul>
<li><a href='#'>Item 11</a></li>
<li><a href='#'>Item 12</a></li>
<li><a href='#'>Item 13</a></li>
<li><a href='#'>Item 14</a></li>
</ul>                
</li>
<li><a class='ai2' href=''>Graphic design</a>
<ul>
<li><a href='#'>Item 21</a></li>
<li><a href='#'>Item 22</a></li>
<li><a href='#'>Item 23</a></li>
<li><a href='#'>Item 24</a></li>
</ul>                
</li>
<li><a class='ai2' href=''>Development</a>
<ul>
<li><a href='#'>Item 31</a></li>
<li><a href='#'>Item 32</a></li>
<li><a href='#'>Item 33</a></li>
<li><a href='#'>Item 34</a></li>
</ul>                
</li>
<li><a class='ai2' href=''>Web design</a>                
<ul>
<li><a href='#'>Item 41</a></li>
<li><a href='#'>Item 42</a></li>
<li><a href='#'>Item 43</a></li>
<li><a href='#'>Item 44</a></li>
</ul>    
</li>
</ul>
</li>
<li><a href='#' target='_blank' title='Tutorial'>Tutorial</a></li>
<li><a href='#' target='_blank' title='Widget Blog'>Widget Blog</a></li>
<li><a href='#' target='_blank' title='Template'>Template</a></li>
</ul>


4. Recent post by label

Add html/javascript widget, and insert this code

<script type='text/javascript'>
document.write("<script src=\"/feeds/posts/default/-/Seo?orderby=updated&alt=json-in-script&callback=rcentbytag\"><\/script>");
</script>


Replace text Seo with your blog labels

download

Share This :