CARA MEMBUAT HALAMAN POSTING VALID HTML5

Tutorial blogger Kali ini kangjun akan berbagi tentang bagai mana cara membuat halaman posting valid HTML5, ala Kang Ismet berikut cara nya:
Langkah 1,Tentang upload GAMBAR.
 apa bila anda upload gambar pasti kalau di lihat di HTML ada code seperti ini:

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU-HWtdXF5NMOl2_dfMFRvn9fsgEhmQomEdqlJARfg6F18RQ7-UwyGyrr-kGCXLjTqwKiaIIkUbSMbzXG4SxMurAFBsjWuk3bzf30V6IxF5bk3mBRYIvZYa_pOpnVcayLkrWQIDYNCfu14/s1600/abstract2.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU-HWtdXF5NMOl2_dfMFRvn9fsgEhmQomEdqlJARfg6F18RQ7-UwyGyrr-kGCXLjTqwKiaIIkUbSMbzXG4SxMurAFBsjWuk3bzf30V6IxF5bk3mBRYIvZYa_pOpnVcayLkrWQIDYNCfu14/s320/abstract2.jpg" width="320" /></a></div>

cara nya Hapus yang di blok merah dan ganti yang di blok kuning dengan code ini, alt="keterangan gambar"

Lanka 2,WIDGET
Ada yg harus di perhatikan pada saat pasang code di WIDGET banyak tutorial yang menyatukan CSS HTML dan JavaScript contoh nya seperti code di bawah ini

<style type="text/css"> .home-link{display:none} #blog-pager-newer-link {font-size:12px;width:300px;float:left; text-align:left;font-family:Arial, sans-serif;} #blog-pager-older-link {font-size:12px;width:300px;float:right; text-align:right;font-family:Arial, sans-serif;} </style> <script type="text/javascript"> $(document).ready(function(){ var olderLink = $("a.blog-pager-older-link").attr("href"); $("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() { var olderLinkTitle = $("a.blog-pager-older-link").text(); $("a.blog-pager-older-link").text(olderLinkTitle + "\u2192");//rgt }); </script>

Cara nya ganti code yang di blok kuning dengan code ini <style type="text/css" scoped>

 Langkah 3, KOMENTAR.
Masuk ke Edit HTML dan cari code sepirti di bawah ini

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' scrolling='no' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>

Cara nya hapus Yang di blok merah. Selanjut nya cari code seper ti ini
  <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> kalau sudah ketemu ganti dengan code ini

<b:if cond='data:blog.pageType == &quot;static_page&quot;'> <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src'/> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src'/> </b:if>

nah sekian dulu

Semoga bermanfa'at