Membuat Template Blogger Valid W3C - Bagian 2

Assalamu'alaikum Wr.Wb.
Sesuai dengan judul-nya Membuat Template Blogger Valid W3C - Bagian 2, posting Go Blog Go ini merupakan sambungan dari Bagian-1 ini adalah cara agar Error Template Blogspot bisa dikurangi seminim mungkin, untuk Tahap I,II dan III sudah banyak yang membahas di Dunia Maya sedangkan selebih-nya adalah hasil susah payah Saya sendiri. Silahkan dilanjut :

TAHAP-V
Pada tahap ini cari Tag

<a expr:name='data:post.id'/>

di Template Blog Anda biasa-nya ada 2 buah, kemudian ganti dengan Tag ini :

<b:if cond='data:post.id'>
<a expr:href='data:post.id'/>
</b:if>

TAHAP-VI
Cari juga Tag

<dl class='profile-datablock'> ..... </dl>

di Template Blog Anda hanya ada 1 buah, kemudian ganti dengan Tag ini :

<div class='profile-datablock'> .... </div>

TAHAP-VII
Cari juga Tag

<dt class='profile-data'> ..... </dt>

di Template Blog Anda hanya ada 1 buah, kemudian ganti dengan Tag ini :

<div class='profile-data'> ..... </div>

TAHAP-VIII
Biasa-nya setiap Template baru selalu ada Widget Attribution bawaan Blogger seperti ini :

<b:widget id='Attribution1' locked='false' title='' type='Attribution'>
<b:includable id='main'>
    <b:if cond='data:feedbackSurveyLink'>
      <div class='mobile-survey-link' style='text-align: center;'>
        <data:feedbackSurveyLink/>
      </div>
    </b:if>

    <div class='widget-content' style='text-align: center;'>
      <b:if cond='data:attribution != &quot;&quot;'>
       <data:attribution/>
      </b:if>
    </div>

    <b:include name='quickedit'/>
  </b:includable>
</b:widget>

Kalau ada silahkan hapus saja Widget-nya

TAHAP-IX
Dalam Template Blogger yang Saya temukan paling besar penyumbang Error adalah Area Tag Posting yaitu Tag yang berada diantara <b:includable id='post' var='post'> ..... </b:includable>, seperti dibawah ini :

<div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
            <b:if cond='data:post.authorProfileUrl'>
              <span class='fn'>
                <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                  <data:post.author/>
                </a>
              </span>
            <b:else/>
              <span class='fn'><data:post.author/></span>
            </b:if>
        </b:if>
      </span> <span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <data:top.timestampLabel/>
        <b:if cond='data:post.url'>
          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
      </span> <span class='post-comment-link'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
            <b:if cond='data:post.allowComments'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
            </b:if>
          </b:if>
        </b:if>
      </span> <span class='post-icons'>
        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>
        <!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span> <div class='post-share-buttons goog-inline-block'>
        <b:if cond='data:post.sharePostUrl'>
          <b:include data='post' name='shareButtons'/>
        </b:if>
      </div> </div>
      <div class='post-footer-line post-footer-line-2'><span 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='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span> </div>
      <div class='post-footer-line post-footer-line-3'><span class='post-location'>
        <b:if cond='data:top.showLocation'>
          <b:if cond='data:post.location'>
            <data:postLocationLabel/>
            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
          </b:if>
        </b:if>
      </span> </div>
    </div>

Pengecualian untuk Tag :

<div class='post-footer-line post-footer-line-2'><span 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='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span></div>

Selebihnya Tag yang berjenis

<span class='post...'> ..... </span>

semua-nya dihapus saja, Anda bisa mengganti dengan Widget dari AddThis dan ShareThis atau Anda bisa ganti dengan HTML kreasi sendiri.
Nih hasil akhir-nya melalui Screen Shoot :

Mudah-mudahan Postingan ini membawa manfaat dan berguna buat Bloggernize, Salam ... Go Blog Go...!!! Amiin

Wassalam,