Beginilah cara saya memodifikasi dan mengoptimasi blogger template dengan semantik HTML5.

image illustration by dribbble.com

Berikut ini adalah kode widget FollowByEmail blogger yang telah saya modifikasi dan disesuaikan dengan semantik HTML terbaru, yaitu HTML5.

            <b:widget id='FollowByEmail1' title='Follow by Email' type='FollowByEmail'>
              <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h5 class='title'><data:title/></h5></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'>
        <input class='follow-by-email-address' name='email' placeholder='Email address...' size='20' type='text'/>
        <input class='follow-by-email-submit' type='submit' value='Submit'/>
        <input expr:value='data:feedPath' name='uri' type='hidden'/>
        <input name='loc' type='hidden' value='en_US'/>
      </form>
    </div>
  </div>
</b:includable>
            </b:widget>

Mungkin di dalam susunan kode widget blogger FollowByEmail di atas terdapat kesalahan dalam semantik HTML5, jadi kurang lebihnya saya mohon maaf dan mohon koreksinya