Como colocar a barra do G1 e dos outros sites Globo blog blogger? Veja como!


Quando criamos um blog ou site queremos ter leitores, queremos deixar nossos blogs mais bonitos e legais. Aí pensamos em como mudar o layout, colocar novos gadgets. Enfim, procuramos formas de sempre melhorar o blog, seja em conteúdo, seja em layout. Então, aqui vou mostrar a vocês como colocar aquele barra do g1 no seu blog do blogger.
Alguns sites que utilizam a barra:
www.techtudo.com.br/
g1.globo.com
gshow.globo.com 
Entres outros sites.
A barra ou menu que estou falando é essa aqui abaixo:






Não tem esse barra vermelha, é só a barra cinza. Se você gostou dela e quer instala-la no seu blog é da seguinte forma que você deve proceder.

Clique em Modelo> Editar HTML.
Depois clique dentro do campo de html, "dentro das letras", dê control mais f ( clicando na tecla control e na tecla f do seu teclado ao mesmo tempo aparece o campo pesquisar) no campo pesquisar cole esse código > <head> dê enter aparecerá selecionada o código <head> antes dele você cola o código abaixo.
<link href='http://barra.globo.com/nova/css/barra-globocom.min.css' rel='stylesheet' type='text/css'/> <br /> <script type='text/javascript'> var glb = glb || {}; glb.barra = { exibeAssineJa: true, exibeCentral: true }; (function() { var s = document.createElement("script"); s.type = "text/javascript"; s.async = true; s.src = "http://barra.globo.com/nova/js/barra-globocom.min.js"; var ss = document.getElementsByTagName("script")[0]; ss.parentNode.insertBefore(s, ss); })(); </script>
Clique em visualizar modelo, espere em carregar a visualização e se tiver aparecendo clique em salvar.
Pronto, a barra do G1 está instalada no seu blog.  

Veja também:

Anterior Proxima Página inicial
Related Posts Plugin for WordPress, Blogger...