Como aceder o html do blog.
Apesar dos bugs prossigamos.
![Aparecendo um vídeo no painel pode isso!](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs_6I4KqeDXC_4tl9IDRKejvGsBnCTvYE4rM9ksgPXP3fT4KKFOVDRskHrtg8FYXotGrOp8nPUkDZf6MEq3KV_Xf2ccxYdGhqu1X68w7M2UDyvJxK6g6XqFvdeHagtsVut2x679TXEEER5/s320/bug+blogger+verbratec.gif)
Hoje veremos como aceder o html de seu blog usando a interface do Blogger.
Abre o Google Chrome e vai até seu blog, no canto superior direito click em "login" veja na imagem:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheZce-LvknQtmcBFxiHGMODvLz9OEhjgeQiHgqgx-AMJZfShsU-f9qKKynvpQOBo_P1O8HoVPlwhfBVh759hdMeKsrNaUoMrvd3zrOGkUKeTK6o7O4DftcBPp5SMftvGdnycC4CvqGVi9A/s320/aceder+html+blog.gif)
Insere seu "username" e "senha" click em "login" conforme a figura, botão azul:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiawqobC5ngq2ItiossPNBeMpKbLWa1b46gZ6HbS5PKgPb_QlQ0nSFG3gBllTOTcAPSQiAl65Q0bNJsVQN3otSCiIU40OTYfbDlSLQzBh-1oWMH3_PgpMIF3KoI7XN69dH88TGcs57fp0Ro/s320/aceder+html+blog+2.gif)
Escolha o blog que quer editar o html e click na seta preta, vide foto:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpjDpb082mb03RooXnQb3i8Xw4sw1fXhWiOiEDpJOXaisgEZxjPyj5OAU0QH3ROMm80jQeU5l38uNGRTwhctYzSuQbZPxmQLRuJMoVKPRULdKzg8Ko3ooPcyWDyygMpAzVNpvG1qZTC1K4/s320/aceder+html+blog+3.gif)
Abrirá um espaço com links, click em Modelo:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjCd5yGfwuhqxmxL_EuPFIk8FpbxKR2ODxTUjxhyphenhyphenMJqAsCrXPGQ31-wLMitiQHMyCKOSsF28OKBVsqbQ9gbZsqle56eac60ZiLlDLq1mR2h1AmbyM_GshQWVt77tCMKpI2IrsS4kYi9LZ8/s320/aceder+html+blog+4.gif)
Agora clik em editar HTML como mostra a imagem:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE-a-8VdoH_qUzfjoKDXz68cXvSAM5PdEymZWFm7nENkD9kGSJdjAPzaVfJURl5vA0SLc82r2GmiDj6gmx1BZiw5Lz9L0ydrj2V4spL-9aG08g1vjDPCpT9tYXozCcsl2c_2pPPXFDmYGj/s320/aceder+html+blog+5.gif)
Por ser área sensível onde poderá danificar seu blog, há uma tela de segurança do Blogger. Click em prosseguir:
Aconselho que sempre tenha uma cópia de segurança de seu template e de suas imagens, videos,etc.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0DIQiSmcxYEB7zIe9mnf6bclJdUKgKmWka-GD_NWz3gskFcRaBS-rjXG2ImBsmS-feNn9_YxtTOjKLUfzy-QcsdLCOTDbgE_1tvABysZHh7oZrnWhAfbRQKYGI91A4C5xEcuMtPQO75q5/s320/aceder+html+blog+6.gif)
Marque a caixinha expandir modelos de widgets, para que possas inserir novos códigos sem problemas.
Para pessoas que estão aprendendo aconselho que: "crie um blog para testes" e sempre façam os testes antes de inserir um código no seu blog oficial.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMWRM1eiBPj8LrEalclVSaZXCihRUdNnJqJml22efd0oZ14sC9ZygERUn0LaJS4SSI6Nt4Kv9BRMjeGgoj6B5qB-FTpq7rkNNJtwiskXLeKLsiyMr6lt1P6aAIqPrTgl0htDNI-E9nJOGU/s320/aceder+html+blog+7.gif)
Para localizar um código em particular tecle simultaneamente (Ctrl F) e abrirá a caixa no canto superior direito, digite ali o código e ele será mostrado automaticamente.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaVLNkMerz4SD-OgEE12ekmbqdx0BBuDc0dkq8URzNDeYOqMRoG9EgCmX-J-a2IBxx_E97GXhMRJTkOwcyCew5w4aE4E7sFjLQ6TTQhi4KzyQGJTturfVzhPO13VIhJLfyb8ZrSznzf6ru/s576/acedendo%252520css.jpg)
A maioria dos tutoriais pede para que seja inserido o css acima da tag ]]></b:skin> mostrada nesta imagem:
Estou inserindo mais um detalhe aqui para facilitar para o pessoal que usará o script para corrigir o problema dos ícones de edição rápida. Abaixo deixo o código do script:
<script type='text/javascript'>
if ((window.location.href.toString().indexOf('.com.br/'))>'1') {window.location.href = window.location.href.toString().replace('.blogspot.com.br/','.blogspot.com/ncr/'); }
</script>
E aqui uma imagem do local exato para colar, neste caso não é preciso usar a caixa de pesquisa para encontrar a tag, pois ela se encontra bem no início da codificação, veja a imagem:
Aconteceu comigo também! Felizmente temos a solução.
Alguém me disse que alterou o script aqui e ali e nada dos ícones aparecerem, por favor apenas coloque o script em seu blog com url do tipo (blogspot.com.br) e verifique que suas configurações estão adequadas para mostrar os ícones, acede seu painel, vai lá e confere que é de graça, pelo amor de DEUS.
Querendo um script diferente visite outros blogs, Vagabundia publicou blogger-y-las-nuevas-redirecciones-de.html
<script type='text/javascript'>
if ((window.location.href.toString().indexOf('.com.br/'))>'1') {window.location.href = window.location.href.toString().replace('.blogspot.com.br/','.blogspot.com/ncr/'); }
</script>
E aqui uma imagem do local exato para colar, neste caso não é preciso usar a caixa de pesquisa para encontrar a tag, pois ela se encontra bem no início da codificação, veja a imagem:
Alguém me disse que alterou o script aqui e ali e nada dos ícones aparecerem, por favor apenas coloque o script em seu blog com url do tipo (blogspot.com.br) e verifique que suas configurações estão adequadas para mostrar os ícones, acede seu painel, vai lá e confere que é de graça, pelo amor de DEUS.
Querendo um script diferente visite outros blogs, Vagabundia publicou blogger-y-las-nuevas-redirecciones-de.html
Depois de inserir seu código click em visualizar e se gostar do que viu click em salvar.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw9zMpVC1iBVx1QDmtzYVeWmDNdBRnQhOBSaK1wlIm6jCXvl_lqUViawdT9jR4gpxfJ1IiNNiqUJ8fsve93Soz0jWVlyDW94TiSTSeBqbLq3okILEWv30oqQOJp6AJWB41ueDAYGGQTgb8/s320/aceder+html+blog+8.gif)
O html faz a marcação do hipertexto, o css dá as cores, posicionamento, dimensões e o javascript faz a interação; por exemplo pode ser feito com javascript o link abaixo, click na imagem e seu programa padrão de e-mail será aberto automaticamente e já com o endereço preenchido.
https://www.blogger.com/blogger.g?blogID=5239447796149211682
https://www.verbratecajuda.blogspot.com/robots.txt
https://developers.google.com/blogger/
https://pubsubhubbub.appspot.com/