Hoje iremos aprender à usar o novo Doctype do HTML5, o novo doctype do HTML5 é bem mais compacto e está cada dia mais presente na web, nos últimos meses o número de desenvolvedores web que adotaram o HTML5 cresceu significativamente, mas ainda existem muitos webdesigners que criam um modelo em html5 mas esquecem do novo Doctype, inacreditavelmente. O Novo Doctype que vou citar nessa postagem já vem com as ferramentas de compatibilidade para IE 6, IE 7e IE 8. Quando comecei a Desenvolver HTML5 esse foi um dos principais problemas, não imaginava qual era o Doctype, hoje vim quebrar o galho dos desenvolvedores que ainda têm essas dúvidas, lembre-se: não use o doctype se o seu blog não estiver em html5, e muito menos adicione o logo do html5 se ele não estiver, isso é uma violação e pode ser considerado até crime, estude html5 e faça um projeto todo em html5 e não apenas adicione a logo ou doctype, ou pague um webdesigner especializado na área para desenvolver um projeto para você.
Vamos ao Tutorial:
1. Acesse o Painel do seu Blog e depois clique na Guia Modal.
2. Segure as teclas CTRL+F e procure por:
<head>
3. Selecione todo o código que estiver acima dele e substitua pelo seguinte:
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html><!--[if IE 6]> <html id="ie6" dir="ltr" lang="pt-BR"> <![endif]--><!--[if IE 7]> <html id="ie7" dir="ltr" lang="pt-BR"> <![endif]--><!--[if IE 8]> <html id="ie8" dir="ltr" lang="pt-BR"> <![endif]--><!--[if !(IE 6) | !(IE 7) | !(IE 8) ]><!--><html dir="ltr" lang="pt-BR"> <!--<![endif]-->
4. Depois clique em Salvar Modelo.
Se o Blogger fizer um Ajuste no Código que você adicionou, não se preocupe, isso é normal, o Blogger ajusta o Código Automaticamente de acordo com o Modelo do seu Blog.