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

23 de setembro de 2015

Como fazer o backup e restaurar templates do Blogger


O Blogger permite criar arquivos de segurança ou restaurar um template antigo a partir de um backup já realizado. Com o XML base do modelo do blog, basta seguir poucos passos para fazer o procedimento, que pode ser útil para quem deseja retornar à um layout já usado ou personalizar funções. 

Antes de realizar qualquer tipo de mudança, fique atento a sempre criar um backup de segurança do template no painel administrativo do blog. O passo a passo é o mesmo para restaurar o modelo.

Passo 1. Faça login em sua conta do Blogger e, no painel administrativo, clique em Modelo;


Clique em Modelo (Foto: Reprodução)


Passo 2. Clique no botão de “Fazer Backup/Restaurar” no canto superior direito da página;


Clique em Fazer Backup/ Restaurar (Foto: Reprodução)

Passo 3. Em “Fazer download do modelo completo” você baixa o template atual. No botão abaixo, clicando em "Choose File" você pode fazer o upload do template que deseja restaurar para utilizar em seu blog.


Escolha a opção desejada (Foto: Reprodução)


Pronto. Com estes passos você pode fazer o backup de segurança do seu template ou restaurar seu template a partir de um antigo backup.

Fonte: TechTudo.

Publicado por Administrador16:29

13 de setembro de 2015

Plano de fundo aleatório para o Blogger

Tem blogueiro que vive trocando de template, não aguenta ver o blog com a mesma cara por muito tempo. Fazer a troca de template é um processo um pouco chato, toma tempo, alguns gadgets precisam ser salvos manualmente, etc. Ter um fundo aleatório no blog seria uma boa opção para quem quer ver o blog sempre de um jeito diferente.

O fundo aleatório funciona da seguinte forma: a cada atualização ou mudança de página o fundo é trocado automaticamente. Isso acontece após termos instalado um código indicando as imagens que devem aparecer no fundo e com o comando aleatório. Confira a seguir um passo-a-passo ensinando como instalar esse código.


Vá na aba Design > Editar HTML e encontre o seletor body. Adicione um fundo  para ser o fundo padrão, pode ser uma imagem ou uma cor. Exemplos:
Cor
Imagem
body {
background: #000000;
}
body {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfsHjxaI3AQ6DTb6CoTy1zRPFx0fSbG1KW8n9tEGe7OGOMcgeCPgar4y6BuMB3QV1Q8a3Cu9LzRMWy2e2iQAi70gYTxXYw3VQu4gLbdb01gSbCUw8silm6tcdUp9v5orFnjRxC1H45_T0/s1600/glitter_backg
round_02.gif);
}

Para a imagem ir se repetindo por todo o fundo do blog adicione o comando repeat. Para a imagem não se repetir, ou seja, aparecer uma vez só, adicione o comando no-repeat acompanhado da posição. Exemplos:

Se repetir

body {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfsHjxaI3AQ6DTb6CoTy1zRPFx0fSbG1KW8n9tEGe7OGOMcgeCPgar4y6BuMB3QV1Q8a3Cu9LzRMWy2e2iQAi70gYTxXYw3VQu4gLbdb01gSbCUw8silm6tcdUp9v5orFnjRxC1H45_T0/s1600/glitter_background_02.gif) repeat;

Não repetir


Você também pode querer que a imagem se repita apenas na horizontal, para isso use o comando repeat-x. Porém se desejar que a imagem se repita na vertical use repeat-y.
Salve o modelo e vá na aba Design > Elementos da página. Clique em Adicionar um gadget e escolha o elemento HTML/JavaScript. Não coloque nenhum título. Em Conteúdo cole o seguinte código:
<script type="text/javascript">
var banner= new Array()
banner[0]="AQUI O ENDEREÇO DE SUA IMAGEM"
banner[1]="AQUI O ENDEREÇO DE SUA IMAGEM"
banner[2]="AQUI O ENDEREÇO DE SUA IMAGEM"
banner[3]="AQUI O ENDEREÇO DE SUA IMAGEM"
banner[4]="AQUI O ENDEREÇO DE SUA IMAGEM"
banner[5]="AQUI O ENDEREÇO DE SUA IMAGEM"
banner[6]="AQUI O ENDEREÇO DE SUA IMAGEM"
banner[7]="AQUI O ENDEREÇO DE SUA IMAGEM"
banner[8]="AQUI O ENDEREÇO DE SUA IMAGEM"
banner[9]="AQUI O ENDEREÇO DE SUA IMAGEM"
var random=Math.floor(10*Math.random());
document.write("<style>");
document.write("body {");
document.write(' background:url("' + banner[random] + '") repeat center center;');
document.write(" }");
document.write("</style>");
</script>

Você pode inserir até 10 fundos diferentes para serem trocados de forma aleatória. Insira os endereços das imagens em seus devidos lugares. A parte destacada de vermelho é a posição que as imagens ficarão no fundo, elas irão se repetir centralizado tanto na vertical, quanto na horizontal.
Salve o gadget e visualize seu blog. Carregue a página várias vezes para ver o efeito.

Via fulaninhaentretenimentos

Publicado por Administrador19:09

20 de abril de 2014

Colocar anúncios do Adsense dentro das postagens no Blogger

O Google Adsense é o sistema de monetização de blogs mais usado em todo o mundo, iniciantes ou não. Isso se deve principalmente pela facilidade em que é possível se inscrever no mesmo, e isso faz com que ele seja muito usado por blogueiros novatos. Porém ganhar dinheiro com o sistema não se trata de uma tarefa tão fácil, inclusive muitas pessoas dependendo do tráfego recebido, acabam por esperar por alguns meses para enfim receber seu primeiro salário.

Uma das estratégias que uso e recomendo é inserir anúncios em espaços estratégicos, ou seja, que esteja bem visível ao leitor, e que não prejudique a leitura.

INSERINDO ANÚNCIOS DENTRO DAS POSTAGENS NO BLOGGER


Foto: Divulgação/Como Blogar 

Antes de tudo, é altamente recomendável que você faça um rápido backup do seu template, dessa forma, caso ocorra algum erro, você poderá voltar seu template da mesma maneira em que estava antes do tutorial.

1° passo: Acesse o painel do Google Adsense e gere o código do seu anúncio como você já está acostumado a fazer. O mais recomendável é que o tamanho do anúncio seja 300 x 250, mas você pode colocar o tamanho que desejar.

2° passo: Após gerar o código do anúncio, é necessário que você o converta para que ele funcione em seu blog. Para fazer isso, clique aqui, cole o código gerado no formulário e clique em “Convert”. Automaticamente será gerado um novo código, copie e cole no bloco de notas pois precisaremos dele no 4° passo.

3° passo: Agora acesse o painel do blogger, escolha o blog que você deseja instalar, selecione a opção modelo, clique em “Editar HTML”.

4° passo: Agora usando o Ctrl + F, procure pela tag <data:post.body/>, e insira o seguinte código acima dela:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;padding:2px'>
CÓDIGO DO ANUNCIO CONVERTIDO
</div></b:if>

5° passo: Substitua o texto em vermelho pelo código que você colocou no bloco de notas.

Automaticamente o anúncio ficará do lado direito do artigo, se você quiser colocar do lado esquerdo basta substituir o trecho float:right, por float:left.

Obs.: Os anúncios aparecem apenas nas páginas dos artigos, e não na página inicial.

Espero que vocês tenham gostado, e até o próximo tutorial. 

Publicado por Administrador13:51

16 de abril de 2014

Dicas Blogueiro Iniciante #1 Então você quer ser blogueiro?

Olá pessoal, por meio dessa primeira postagem da série que tem o nome de As 10 Dicas do Blogueiro iniciante vou tentar passar algumas dicas e esclarecer as principais dúvidas acerca de um assunto que vem gerando muita discussão pela internet, como criar e administrar um blog. Espero que essa série de postagens possa ajudá-lo e te passar informações suficientes para começar nesse mercado que conta com inúmeras pessoas novas a cada dia e gera milhões todos os anos.


Antes de tudo, tenha em mente que nada cai do céu, pois acredite, todos os dias muitos blogueiros desistem de tudo por não conseguirem visitas, ou o sonhado dinheiro com seus blogs. Lembro que uma vez eu li um artigo que dizia que se você pretende criar um blog para ganhar dinheiro, poderia desistir, pois fatalmente acabaria fazendo isso uma hora ou outra, em tese, isso é o que realmente acontece. Mas na verdade, é possível sim ganhar um bom dinheiro com seu blog, o que requer investimento, planejamento, tempo, conteúdo de qualidade e boa divulgação. 

Mantenho alguns blogs por cerca de 3 anos. E a pouco mais de um ano já venho monetizado e ganhado meus centavos com eles. Não é muito dinheiro mas são valores que me permitem fazer algumas compras básicas para manutenção de alguns blogs. 

Você que deseja ser um ótimo Blogueiro precisa de:


 Informação
 Um pouquinho de tempo para aprender
Organização
Vontade de Melhorar sempre

As plataformas mais usadas para criação de blogs

✓ O que é uma plataforma?

É o modelo do seu blog, o tipo de serviço que você usará para poder fazer suas postagens onde seu blog ficará hospedado é seu futuro ganha pão.

✓ Quantas existem ?

Muitos, nem sei quantos ,mas conheço os melhores e mais usados que são
Blogger serviço do goolge e Wordpress 

✓ Qual o melhor ? 

Depende do seu ponto de vista, eu por exemplo gosto muito de usar o blogger pois é grátis,  de fácil uso e conta com inúmeros recursos com a qualidade, confiabilidade e suporte da marca Google ®.

Muitos profissionais usam e recomendam o Wordpress por que conta com mais recursos que o Blogger quando o assunto é profissionalização, tem sua versão gratuita, mas com poucos recursos.


Publicado por Administrador08:05

3 de abril de 2014

Bug no gadget seguidores foi resolvido

Marcadores: , ,


Olá leitor do BrTutoriais Blog! Temos uma boa notícia! O bug no gadget seguidores foi resolvido! Conforme se podemos observar em diversos comentários no fórum do Blogger, muitos usuários da plataforma blogger ficaram preocupados com este problema, que surgiu após o redirecionamento do domínio para blogspot.com.br. 

A alguns dias no fórum do blogger foi apontada a solução. O Leonardo informou que o bug já foi resolvido e, caso o problema persista, o usuário deverá fazer a limpeza dos cookies e do cache ou remover e adicionar novamente o gadget Seguidores.

Temos ainda um relato de um usuário que mesmo depois de seguir as instruções no fórum do Blogger, o gadget ainda não tinha aparecido em seu site. E relatou que como ele tinha um dominio .COM que havia inserido antes desse problema com o .blogspot.com.br , resolveu voltar para o dominio blogspot e colocar novamente o dominio, o que resolveu o problema. Mesmo não havendo muita relação entre uma coisa e outra, fica como última alternativa ao caso por hora, sabendo que a maioria dos usuários já retomaram seu widget.

Abraço!

Fonte: Fórum do Blogger/Dicas Blogger

Publicado por Administrador10:00

30 de março de 2014

Aprenda a programar uma postagem no Blogger

Se você usa o Blogger como plataforma de blog, você pode ter se perguntado se há uma maneira de programar quando suas mensagens são publicados, especialmente quando você quer passar alguns dias offline, para um mais que merecido dia de descanso, ou até mesmo uma temporada de férias. Há uma maneira muito fácil de fazer isso, seguindo os passos descritos abaixo.

Gênero: Tutorial Blogger
____Nível de Dificuldade: Iniciante

1° Passo: Escreva seu post normalmente. Em seguida, execute os seguintes passos antes de clicar em "Publicar".



2° Passo: Clique no link "Configurações de Postagens" acima do botão Publicar. Isto permitiirá que você altere as opções para comentários dos leitores, configurações HTML e gerenciar um agendamento.


3° Passo: Altere a opção "Automático" para "Definir data e hora". 
  • Alterar a data e hora como desejado.



4° passo: Pressione o botão "Publicar". Neste momento, a postagem ficará em uma espécie de fila e não aparecerá até a data e hora programada. Você pode adicionar quantos posts para a fila como desejar.


Pronto! Se te ajudou, deixe um comentário, qualquer dúvida, sinta se livre para perguntar.

Publicado por Administrador20:38

25 de março de 2014

Caixa de pesquisa incrível em CSS3 no Blogger

    Instale em seu blog uma caixa de pesquisa com um visual agradável e totalmente personalizável. 
       Para instalar esta caixa de pesquisa css basta escolher um dos modelos (com bordas redondas ou com bordas quadradas ) e realizar os passos citados abaixo.



1 - Acesse a página Editar HTML ;

2 - Encontre a linha ]]></b:skin> ;

3 - Escolha um dos modelos abaixo e cole o código acima da linha citada no passo 2;

BORDAS REDONDAS:
#pesquisafsm-caixa { background: #eee; padding:10px; border-radius:10px 0 0 10px; border:0 none; width:150px; } #pesquisafsm-botao { border: 1px solid #222; color: #eee; padding-left:10px; padding-top:10px; background: #4591fa; border-radius: 6px; margin-left: -3px; color:#fff; font: 'trebuchet ms', trebuchet; padding:10px 20px; border-radius:0 10px 10px 0; border:0 none; font-weight:bold; } #pesquisafsm-botao:hover { color: #eee; border: 2px solid #bbb; padding-left:8px; padding-top:8px; background: #4591fa; border-radius: 6px; margin-left: -3px; color:#fff; font: 'trebuchet ms', trebuchet; padding:8px 18px; border-radius:0 10px 10px 0; font-weight:bold; }
BORDAS QUADRADAS:
#pesquisafsm-caixa { background: #eee; padding:10px; border:0 none; width:150px; } #pesquisafsm-botao { border: 1px solid #222; color: #eee; padding-left:10px; padding-top:10px; background: #4591fa; margin-left: -3px; color:#fff; font: 'trebuchet ms', trebuchet; padding:10px 20px; border:0 none; font-weight:bold; } #pesquisafsm-botao:hover { color: #eee; border: 2px solid #bbb; padding-left:8px; padding-top:8px; background: #4591fa; margin-left: -3px; color:#fff; font: 'trebuchet ms', trebuchet; padding:8px 18px; font-weight:bold; }



4 - Para finalizar esta etapa clique em Salvar Modelo;


5 - Agora vá para página Layout e adicione um gadget(widget)  HTML/JavaScript

6 - No gadget HTML/JavaScript adicione o código:

<form action="/search" id="searchthis" method="get" style="display: inline;">
<input id="pesquisafsm-caixa" name="q" placeholder=" Faça sua busca aqui...." size="40" type="text" />
<input id="pesquisafsm-botao" type="submit" value="Buscar" />
</form>

PS: Para mudar a cor do botão substitua a cor destacada em vermelho.
      Para mudar a cor do botão com o mouse sobre substitua a cor destacada em azul.
      Para mudar a cor da caixa de texto substitua a cor destacada em verde.

Publicado por Administrador17:25

19 de março de 2014

Aprenda a instalar o widget Outbrain para Posts Relacionados


Adicione no seu Blog um widget que possibilita a avaliação de seus posts com estrelas, e também indica os posts relacionados no final do seu post. 

Funções do Widget: Este widget, possibilita a avaliação de seus posts com estrelas, e também indica os posts relacionados no final do seu post. 

Como instalar: 


  1. Acesse o site Outbrain 
  2. Monte o widget de uma maneira que goste, escollha o tipo de Feedback e Recomendation 
  3. Visualize abaixo das opções como ficou 
  4. Após visualizar, clique na plataforma do seu site 
  5. Selecione a linguagem desejada para o widget 
  6. Marque a caixa I agree to the Outbrain Terms of Service and Privacy Policy 
  7. Feito isso, clique em Install 
  8. Na janela que abrir, clique em Adicionar Widget 

Publicado por Administrador18:15

14 de março de 2014

Botões css para Blogger




Aprenda como utilizar um botão css em vez de imagens, além de ser mais leve tem um aspecto mais profissional e caso venha trocar de template você pode modifica-lo, que a alteração será aplicada em todos os posts com ele. 




  Criar um botão css se tornou muito mais fácil e rápido com o site Button Maker do CSS-Tricks
  
1 - Acesse o site Button Maker;
2 - Personalize seu botão da forma que deseja (Confira a função de cada ferramenta na imagem 2);
3 -  Após personalizar seu botão, clique sobre o mesmo, e copie o código;
4 -  Para adicionar o código, vá para página Editar HTML e procure a linha ]]></b:skin> ;
5 - Acima dela cole o código que copiou do Button Maker;
Ps:  Caso deseje mudar a cor do link do botão e remover o sublinhado, adicione o código abaixo acima da linha ]]></b:skin> :
Ps²:  Na linha vermelha insira a cor que deseja;

.button a{
color:#fff;
text-decoration:none;}
.button a:hover{
color:fff
text-decoration:none;}
6 - Para usar o botão você deve entrar na parte HTML do post e colar a tag <div class="button"> acima do texto ou link que ficará dentro do botão e finalizar com a tag </div>

Exemplo:

<div class="button">  
 download
</div>

Resultará no botão:

download



Ferramentas do Button Maker (Imagem 2)

Fonte: fsmdesign.blogspot.com

Publicado por Administrador18:17

10 de março de 2014

O possível fim do conteúdo “Adulto” no Blogger

Ao que tudo indica o Blogger vai atualizar suas regras de conteúdos permitidos e excluirá blogs com conteúdo Adulto, além de proibir anúncios desse tipo ou mesmo monetização de conteúdo relacionado. É importante que, se seu blog tem qualquer conteúdo destinado ao publico adulto, que tente rever e até pense em mudar de serviço.

A notícia se espalhou nas últimas horas por conta de um e-mail que a equipe do Blogger disparou para donos de Blogs classificados como “Adulto”, avisando das mudanças na regras a partir de 30 de Junho/13. É um pouco confuso, mas pode afetar muita gente, até mesmo quem não recebeu o e-mail e quem tem blogs abertos, mas que eventualmente tenha publicado algo para adultos.

Mesmo quem tem blog comum e que tenha publicado algo relacionado a nudez pode ter problemas.

O conteúdo do e-mail que está circulando está na imagem abaixo:


Numa tradução livre, ficou assim:

Atualização Importante na Política de conteúdo Adulto no Blogger

Você está recebendo esta mensagem porque você é o administrador de um blog hospedado no Blogger, o qual foi identificado contendo conteúdo adulto.
Avisamos que no dia 30 de Junho de 2013 nós vamos atualizar nossa Política de Conteúdo para restringir a monetização de conteúdo adulto no Blogger. Depois dessa data nós vamos aplicar essa política e remover blogs com conteúdo completo para adultos ou que exibem publicidade para sites adultos.
Se o seu Blog adulto tem exibido anúncios para outros conteúdos adultos, você deverá remover isto o quanto antes para evitar aplicação do Termos de Serviço e/ou exclusão do conteúdo.

Nossa sugestão para quem tem algum conteúdo adulto é excluir por completo e evitar problemas.

Mas para aqueles que o Blog é todo voltado para adultos, o melhor será mesmo migrar para outro serviço e contratar uma hospedagem que aceite blogs desse tipo.

Essa informação ainda não foi publicada pela equipe do Blogger e o e-mail ainda não foi enviado para todos. Aqui no Brasil, por exemplo, ainda não há relatos de recebimento desse aviso. Quando tivermos mais detalhes, publicaremos aqui para informar melhor.

Publicado por Administrador22:30

16 de julho de 2013

Aprenda a remover a "Verificação de palavra" nos comentários do blog


Gênero: Tutorial Blogger
_____Nível de Dificuldade: Iniciante

Na blogosfera atual, algo que os blogueiros valorizam muito, muito mais por causa da grande saturação de blogs em tempos de internet muito acessível, são os comentários. Mas digo comentários mesmo, daqueles que o comentarista aborda algo corresponde e de alguma relevância sobre o tema citado na postagem. Mas você deve estar perguntando: "Por que ele dizer isso?"

É resposta é simples e fácil, o google é para a maioria dos blogs a principal fonte de trafego, trazendo visitantes sejam eles interessados ou não no que você escreveu. E para conseguir boas colocações nas páginas de pesquisa acabam por distribuir o link do seu blog, acompanhados um comentário totalmente despretensioso e sem qualquer relevância  em inúmeros sites da web.

Bom, saindo um pouco desse tópico e entrando realmente no que propus falar nesse post, vamos aprender a remover aquela verificação de palavra nos comentários do seu blog da plataforma Blogger. De cara, de digo que foi um grande avanço do Blogger incluir essa ferramenta a sua plataforma de blogs, justamente pelo assunto que tratei nos dois primeiros parágrafos, portanto, se seu blog recebe por algum motivo muitos spammers, recomendo que use o Captcha, que pode no mínimo desestimular essa modalidade de blogueiros de comentar em seu blog. O problema é que isso também pode afastar bons comentários..

Tem muita, mas muita gente mesmo que pode definir seu post como genial, mas na hora de comentar ao ver aquela verificação, acaba por desistir. E para você não passe por esse constrangimento de ter seus comentários reduzidos, vou ensiná-lo a remover, com este tutorial facílimo, que muitos, por estarem iniciando, não conseguem realizar. Vamos lá!

1° passo: Faça o login no seu blog, em seguida clique em Configurações > Comentários.

2° passo: Em seguida role a página e clique em: Postagem e comentários > Logo após e encontre a opção Mostrar verificação de palavras.




3° passo: No quarto passo conforme a imagem, você terá duas opções. Clique em não e salve as alterações clicando no botãolocalizado no topo direito da página.

Pronto, agora a confirmação de palavras não aparecerá mais em seu blog!

P.S. Para quem optou por continuar com o CAPTCHA em seu blog, saiba que por motivo de mal carregamento da página ou conflito de scripts, alguns comentários não são enviados após erro com o formulário da confirmação de palavras.

Publicado por Administrador22:39

7 de outubro de 2012

Balão Com Número De Comentários Ao Lado Do Título Do Post

Marcadores:

 Ensinarei a você como colocar um balão com o numero de comentários em cada artigo do blog, igual ao nosso do FonteTips, o mesmo pode ser adicionado em qualquer template ou layout para blog, vamos aprender, é fácil.





 Primeiro Passo: Vá no painel do blog, clique em ''Modelo'' em seguida clique em ''editar HTML'' e marque a opção ''Expandir modelos de Widget''.
 Segundo Passo: Aperte Ctrl+F e procure pelo seguinte código:





Terceiro Passo: Abaixo dele cole o seguinte código:
Quarto Passo: Visualize se estiver tudo certo salve, e aproveite!

Por favor, ajude o site, curta nossa pagina no facebook e participa desse site, obrigado!

AJUDE O BLOG A CRESCER COMENTANDO! OBRIGADO


Publicado por Administrador15:27

Como remover “Mostrando postagens com marcador” do blogger

Marcadores:

   Como um amigo meu pediu, ensinarei a vocês todos como remover esse gadget, que sinceramente, eu acho que deixa o blog bem mais feio.. É uma tarefa muito fácil e acho que vale a pena ser feita! Bom, vamos lá!


Primeiro Passo: Vá no painel do blog, clique em ''Modelo'' em seguida clique em ''Editar HTML"  aperte Ctrl+F e cole ]]>

Segundo Passo: Em cima de ]]> cole o seguinte código:

.status-msg-wrap, .status-msg-body, .status-msg-border, .status-msg-bg, .status-msg-hidden {
display: none;
}

Terceiro Passo: Salve e visualize o blog para ver se não ocorreram erros, se deu tudo certo, aproveite!


Por favor, ajude o site, curta nossa pagina no facebook e participa desse site, obrigado!

AJUDE O BLOG A CRESCER COMENTANDO! OBRIGADO

Publicado por Administrador14:38