Cara Mengatasi Error the border attribute is obsolete

Assalamu'alaikum Wr.Wb.

Cara Mengatasi Error the border attribute is obsolete Cara ini tidak berlaku apabila Mojang dan Bujang mempunyai Postingan yang sudah di Publish terlebih dahulu, karena akan tampil Warning di Validator seperti dibawah ini "the border attribute is obsolete. consider specifying img {border: 0;} in css instead. html5". Kali ini Go Blog Go akan memberikan cara lain untuk memperbaiki-nya, Postingan ini berkaitan dengan template-blogger-valid-w3c-1 dan template-blogger-valid-w3c-2. Langsung aja apabila Mojang dan Bujang memakai Widget Popular Post bawaan Blogger seperti dibawah ini contoh-nya :

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
            <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
  </div>
</b:includable>
          </b:widget>

Coba cari Tag Kode :

<img alt="" border="0" expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>

Sekarang rubah menjadi seperti ini :

<img alt="" style="border:0" expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>

Coba Check Lagi di W3.org maka error-nya akan hilang.

Mudah-mudahan bermanfaat dan menambah pengetahuan untuk kita semua. Go Blog Go ...!!! Amiin

Wassalam,....