Mengatasi widget ikuti lewat email blogger yang tidak valid HTML5

Halo sobat sudah dua hari ini saya tidak posting nih, he he he... soalnya admin sedang sibuk mengedit template blog ini. Nah, untuk tutorial kali ini admin akan membagikan sebuah artikel yang berjudul cara membuat widget contact form bawaan blogger menjadi valid HTML5. Sebelum kita melanjutkan artikel saya akan memberikan informasi bahwa artikel ini di tujukan untuk sahabat blogger yang sudah memasang widget follow by email di blognya, tetapi untuk sobat blogger yang tidak atau belum memasang widget follow by email ini dipersilahkan untuk menyimak saja. Okelah kalau begitu, kita lanjutkan postingnya.

Jika sahabat bloger sudah memasang widget follow by email ini maka biasanya setelah dicek di w3c validator hasilnya akan ada dua error. Berikut ini dua errornya yaitu :
1. The width attribute on the table element is obsolete. Use CSS instead. <table width='100%'>
Artinya : Atrribut width di dalam elemen table tidak diperbolehkan. Solusinya harus menggunakan css.
2. The width attribute on the td element is obsolete. Use CSS instead. <td width='64px'>
Artinya : Atrribut width di dalam elemen td tidak diperbolehkan. Solusinya harus menggunakan css.

Jika masih belum paham dengan pengertian di atas sahabat blogger bisa bertanya melalui kolom komentar yang ada di bawah artikel ini. Sedangkan untuk cara mengatasinya sangat mudah sekali. Sahabat bisa membaca panduan lengkap cara mengatasinya di bawah ini, silahkan disimak baik-baik ya.
Caranya adalah kita harus memindahkan attribut width yang semula berada di dalam elemen table, sekarang kita pindahkan ke dalam elemen head tepatnya di dalam kode css.
1. Pertama kalian harus login terlebih dahulu menuju blogger
2. Kemudian kalian klik menu template
3. Kemudian menuju menu edit html
4. Setelah itu kalian tambahkan kode di bawah ini ke dalam kode css :

table{width:100%;}
td{width:64px;}

5. Setelah itu kalian cari dua kode di bawah ini :

• <table width='100%'>
• <td width='64px'>

6. Setelah kode di atas sudah ketemu, lalu kalian ganti dengan kode di bawah ini :

• <table>
• <td>

7. Kemudian kalian cari semua kode di bawah ini dan hapus kodenya :

<b:include name='quickedit'/>

8. Maka contoh hasilnya akan terlihat sama persis seperti di bawah ini :

   <b:widget id='FollowByEmail1' locked='false' title='Follow by Email' type='FollowByEmail'>
    <b:includable id='main'>
  <b:if cond='data:title'><h3><data:title/></h3></b:if>
  <div class='widget-content'>
    <div class='follow-by-email-inner'>
      <form action='http://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;http://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
        <table>
          <tr>
            <td>
              <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
            </td>
            <td>
              <input class='follow-by-email-submit' type='submit' value='Submit'/>
            </td>
          </tr>
        </table>
        <input expr:value='data:feedPath' name='uri' type='hidden'/>
        <input name='loc' type='hidden' value='en_US'/>
      </form>
    </div>
  </div>
  <span class='item-control blog-admin'>
  </span>
</b:includable>
  </b:widget>

9. Terakhir yang harus dilakukan, kalian hanya perlu mengklik menu simpan template.

Silahkan dicek hasilnya di w3c validator apakah masih ada errornya ? Jika masih ada silahkan berkomentar nanti akan saya cek. Sampai sini dulu ya sobat. Sekian dari saya dan selamat mencoba.