Mostrando postagens com marcador tutoriais. Mostrar todas as postagens
Mostrando postagens com marcador tutoriais. Mostrar todas as postagens

Oculte a NavBar do Blogger

Esse código é para que você oculte a NavBar do Blogger, aquela barra que fica exposta no topo de seu blog.
  • Vá no layout de seu blog, clique em editar html e depois marque a opção expandir modelos de widgets.
  •  Agora procure pelo trecho:
    #outer-wrapper {
  • E cole o seguinte código antes:
    #navbar-iframe {
    height: 0px;
    visibility: hidden;
    display: none;
    }
  • Depois visualize se estiver tudo ok é só clicar em salvar e pronto.
Espero que tenham gostado desta dica, é velha mais ainda fuciona :)
Deixa um comentario falando oq dis dessa postagem :)

0

Curso Html Parte 1



 Informações
Qualidade do Tutorial: 
Descrição do Tutorial: Galera aguradem a parte 2
 


2

Efeito LightBox para imagens no Blog e Wordpress


Passo 1: O JavaScript.
Se for no Wordpress.org, abra o menu "Aparência" ~> "Editor" e abra o modelo "Cabeçalho (header.php)".
Procure pela palavra
 
Imediatamente ACIMA dela, cole o seguinte código abaixo
-----------------------------------------------------------------------
Se for no Blogger (Blogspot), vá ao menu "Layout" ~> "Editar HTML" então
procure a palavra

em cima ta tag
 
cole o seguinte codigo tanto no Wordpress ou Blogger (Blogspot)



Salve sem modificar nada nesse código.
É preciso hospedar as imagens em algum lugar ou usar imagens que já estejam hospedadas. O problema é que não funciona se a imagem estiver no PicasaWeb (padrão do Blogger) – não sei o motivo disso.
Se você usa o Wordpress.org, pode simplesmente usar as imagens em sua hospedagem normalmente


Passo 2: Como inserir no Blog
Em qualquer lugar de seu blog, seja dentro de um post ou até na sidebar (barra lateral), use o seguinte código para fazer funcionar o LightBox:
Se for usar uma miniatura da imagem:
Se for usar um link texto:
Coloque a URL de endereço da imagem no tamanho original onde . escreva o texto para clicar e exibir a imagem.
O que mostramos aqui no passo 2 é exatamente o código HTML para adicionar imagens em qualquer lugar de seu blog ou site. Para que o LightBox funcione, inserimos um trecho "REL" que busca a função a ser executada no JavaScript.


4

Como Fechar um blogger para manutenção / construção


Informações
Plataforma: Tutorial      
Qualidade do Tutorial:
Descrição do Tutorial:Esse Está funcionando
Quando fazemos um blog ele está sujeito a muitos imprevistos como uma imagem ultrapassar a margem da página ou ele não ser visto em um navegador, um script entrar em conflito com outro e etc... Então está aqui a solução fechar o blog para manutenção ou construção isto facilita muito pois não queremos exibir um conteúdo em nossa página com má formatação veja como proceder:


Atenção: Para reabrir seu blog lembre-se de remover todos os scripts, se não seu blog só será visto por você ;)



1.Faça login no blogger



2.Vá para Layout-> Editar html


e com as teclas Ctrl e F procure pelo código abaixo
Tire todos os * dos codigos para fucionar
<*body>

e abaixo dele insira o código abaixo:
Tire todos os * dos codigos para fucionar
<*div style='text-align: center;'><*img height='100%' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU9QUNeUzVs2jVAteW5XM7ON_1Igxeoki7eoTkHgGcJ_E2UHSRWpVXy2DMHkwF51eG622mA_t0x7Lhi4yiUDQPsIVHQHA1pcn1bYV-WgLFYdeHjiD-DP03EiEDgIp8bh2V1iqF3m-EnHH2/s320/construcao%5B1%5D.jpg' width='100%'/*><*/div> *>

Nota: Em amarelo é a imagem que aparecerá quando seu blog estiver fechado, mude-a como quiser ;)




3.Agora procure pelo código abaixo:
Tire todos os * dos codigos para fucionar
<*/body>

e acima dele cole o código abaixo:
Tire todos os * dos codigos para fucionar
<*/span>
Tire todos os * dos codigos para fucionar

Lembre de remover os códigos para reabrir seu blog
4

Corrigindo a exibição da data no Blogger


O Blogger como qualquer outra plataforma, está sujeito a alguns defeitos, entre eles é não exibir a data em mais de uma postagens do mesmo dia. O que faz de um Layout que foi baseado na data ou mesmo foi estipulado um CSS para ajuste, uma cor, um fundo, pode ficar muito feio ou até mesmo defeituoso se a data não aparecer em todos os posts. Uma correção pode ser feita no HTML para corrigir este defeito é muito fácil veja abaixo como alterar:




1.Acesse o painel do Blogger

2.Vá em "Layout"->"Editar HTML"->marque a caixa "Expandir Modelos de Widgets"

3.Procure pelo código abaixo no seu template Utilize as teclas Ctrl e F para procurar:

Tire todos os *  para fucionar
 
<*b:if cond='data:post.dateHeader'*>

<*h2 class='date-header'>*>


<*/b:if*>

4.Substitua o código anterior pelo seguinte:

<*b:if cond='data:post.dateHeader'*>

<*script*>var ultimaFecha = '<*data:post.dateHeader/*>';<*/script*>

<*h2 class='date-header'*><*data:post.dateHeader/*><*/h2*>


<*b:else/*>

<*h2 class='date-header'*>

<*script*>document.write(ultimaFecha);<*/script*>

<*/h2*>

<*/b:if*>

Tire todos os *  para fucionar
 
5.Salve as alterações e visualize.
0

Tutoriais-Emoticons nos comentários

 
Como Ficara no Resultado Final :


vamos começar a mostrar como colocar emoticos nos comentários do seu blogger, entre na pagina editar html, clique para expandir o modelo e procure por:
data:blogCommentMessage

Provavelmente estará assim:
E cole esse código:
Download do código

Clique para salvar, então procure por: < / body >
obs : tire os espaços
Agora cole o código antes do < / body >


Download do Código


Pronto Clique em Salvar e está feito agora é so usar e abusar lembre-se dependendo da sua net pode demorar um pouco pra aparecer os emoticons.
2

Tutorial-Redirecionamento direto!


 Informações
Redirecionamento direto!


  1. Aperte Ctrl+f e procure por <*head>
    2.  



  1. Embaixo dessa tang cole o codigo abaixo:
    2.  



Obs : Tira os *  :


  2. <*script language='JavaScript' type='text/javascript'*>
    3.  

  2. *window.location="http://mandatemplates.blogspot.com/"*
    3.  

  1. <*/script> 
    2.  



  1. Obs : Tira os *  :


Troque onde ta escrito Manda Templates pelo nome do seu blog




2

Tutorial-Efeito neve no Blog





Tutorial:


1°Va ao Seu Blog Layout > Editar Html ou Design - Editar Html.


2°Aperte Ctrl+F e Procure <*/head>


Obs : Tira os *  :



3°Abaixo Dele Insira o Seguinte Codigo :


<*script src='http://www.yourjavascript.com/29407319462/Neve1.js' type='text/javascript'/*>


Obs : Tira os *  :


4°Salve e Pronto

0
Assinar: Postagens (Atom)