Postagens | Dicas blog, Imagem, Pc Windows
Mostrando postagens com marcador Códigos Blogger. Mostrar todas as postagens
Mostrando postagens com marcador Códigos Blogger. Mostrar todas as postagens

Como colocar códigos diretamente no HTML do Blogger?

Vou mostrar como adicionar coisas no HTML do modelo de blogs do blogger agora que o editor de Html mudou e ficou mais difícil.

Editar Html no Blogger ficou diferente e não funciona no meu Chrome

O blogger.com mudou seu modo de edição de HTML e a coisa parece ter ficado um pouco complicada, no Google Chrome não estou conseguindo mexer no Html, consegui no Mozilla Firefox mas não sei como está no Internet Explorer.

Com as alterações o que percebi de bom são as cores, a opção de encontrar os 'gadgets' no HTML do blogger(opção 'Ir para um Widget'), mas no Html só mostra parte do código dos gadgets, e a opção de visualizar o blog, a opção de localizar que era muito boa e, a meu ver, agora está não muito boa

Retirar barra navbar que fica no topo de blogs e sites do Blogger

Vou mostrar como retirar a navbar do blogger que fica na parte de cima de blogspot e sites que usam a plataforma blogger, sem usar códigos para isso.

Para quem não sabe, a navbar é aquela barra do blogger que fica no topo e que, por padrão já vem em blogs do blogger e, agora é permitido retirar de forma eficaz e muito fácil.

Essa maneira é a mais indicada porque não vai apenas ocultar a navbar usando códigos JavaScript ou Css, vai realmente retirar a navbar e, sem uso de códigos, o blogger removerá o código Html que gera ela, e isso, além de tirar a navbar, deixa o blog mais leve para carregar. Sem a navbar o blog irá carregar mais rápido por retirar aqueles códigos e seu peso em bytes, tira também imagens e arquivos que a navbar contém, e, as solicitações de arquivos que a navbar vai deixar de fazer ajudam acelerar um pouco o blog.

O mesmo processo serve para mudar o modelo de navbar

Criar um Gadget de Perfil do Autor personalizado em blogs do blogger

Mostrarei uma segunda maneira de criar um gadget perfil para seu blog ou site, com pouco uso de código e usando o blogger

Mudar cores e fundo do título do post do BlogSpot

Mostrarei como mudar cores e imagem do título da postagem do BlogSpot usando Css.

Importante: Você deve tentar primeiro ver se é possível fazer o que você quer no blogger, sem o uso de códigos, veja aqui:
Mudar a cor e tamanho da fonte, cor do link e fundo do BlogSpot
Aviso, este post foi baseado em modelos de 2006 do blogger e talvez não funcione para os novos modelos(criados após 2010), e, além disso é para pessoas interessadas em aprender um pouco de Css, o que para muitos é algo difícil.

É algo bastante difícil, pois o título é também um link e mais ainda devido a muitas opções de personalização que são possíveis alterar, é bom ter uma noção de Css ou disposição para aprender. O que você aprender aqui pode ser utilizado muitas vezes para outras áreas do blogger ou na maioria das páginas Html que usam css, 80% ou mais, principalmente os estilos que estão entre-chaves{}

Colocar classificação de estrelas pra avaliar e votar em post de blogs do blogger

Vou mostrar como colocar a classificação com estrelas para fazer avaliações de postagens em blogs e sites que usam o blogger nova interface para gerenciar seu blog.

11/11/2013 - Talvez no momento esse sistema de classificação não está funcionando, possivelmente o blogger irá mudar algo nele, o código abaixo talvez será modificado, portanto, aconselho que aguarde alguns dias para colocar essa classificação, quem quiser ser avisado via e-mail clique aqui e assine o feed, ou seguir o blog na página no Google+, assim que normalizar eu posto

Onde e como adiciona código Css no Blogger

Mostrarei onde começa o Css no blogger e onde adicionar alguns novos estilos Css no Html do blogger.

Atualização importante 2012:
O passo a passo indicado abaixo mudou após o blogger remover a antiga interface, veja como colocar Css em modelos do blogger, clique aqui
Se achar interessante, você pode ler algumas dicas sobre Css abaixo, mas os passos(procedimento) para acrescentar Css no blogger mudou, por isso ignore os passos abaixo e clique aqui para ver a nova maneira de acrescentar Css no modelo de blogger

Como colocar novo modelo de template da web em blogs do Blogger

Vou mostrar como colocar um modelo de template da web em um blog do blogger usando a nova interface do blogger para isso.

Antes de tudo, vale lembrar que você deve ter o cuidado de procurar templates que realmente sejam para o blogger, isso porque não é qualquer código que é compatível, outra coisa muito importante é usar templates que estejam atualizados, quanto mais recentemente criado ou lançado melhor.

Colocar códigos na lateral e área de gadgets de blogs do Blogger

Vou mostrar como colocar códigos Html ou JavaScript nas áreas de gadgets do blogger, códigos que geralmente são pegos em outros sites e que desempenham uma função de gerar algo em um blog ou site. Para a nova interface do blogger.

Botões de partilhar no Google+1, Twitter, Orkut, e Facebook para colocar nos posts do Blogger

Vou mostrar um código para botões de compartilhamento para postagens do blogger. Botão do Google+1 com opção de 'add comment', Orkut, botão de curtir e enviar para grupos de amigos do Facebook e Twittar.

Problema das regras de comentário que ficam abaixo do formulário no Blogger

Mostrarei uma maneira de 'resolver' um problema do blogger na opção de resposta dos comentários, trata-se das regras de comentários que ficam abaixo do formulário de comentários, esse problema pode ser contornado usando Css, mais especificamente, usar uma imagem de fundo acima do formulário, essa imagem com as regras de comentário nela.

Eu estou usando esse procedimento em dois blogs e deu certo, porém, não é nada fácil de aplicar, precisa ler com atenção e conhecer seu blog, como ele está funcionando e o que funciona em outros navegadores, se você só usa um navegador, talvez nem esteja ciente do que ocorre, e, se seu blog tem poucos comentários ou você não se preocupa muito com o que os outros comentam em seu blog, acho que não vale a pena gastar seu tempo, até porque provavelmente o blogger vai resolver esse 'erro', aí, talvez você terá que remover o Script.

BlogSpot com postagens em branco com Internet Explorer. O que fazer?

Vou mostrar um hack para que blogs do blogger funcionem no IE(Internet Explorer), o que acontece é que blogs ou sites que usam a plataforma blogger e tem a opção de responder comentários estão exibindo uma página de postagem em branco, ou seja, totalmente inacessível, apenas no navegador IE, nos outros navegadores tudo funciona bem, mas, o Internet Explorer é usado por uma boa parcela da população, que deve ir de 20 até 40%, se você é blogueiro deve se preocupar com isso, as pessoas não vão mudar de navegador por causa de seu blog, pior, ao acessar seu blog elas nem vão saber o que está acontecendo ao ver uma página em branco e seu blog perderá algo que você tanto luta para ter, perderá visitas.

Regras de comentários acima do formulário ao responder comentário no Blogger

O blogger lançou a opção de respostas nos comentários, porém, as regras de comentário ficam abaixo do formulário e, para quem responder a um comentário que fica mais acima pode acabar por não ver as regras porque elas estão mais abaixo e não acompanham o formulário quando ele aparece no local para a resposta. Para mim isso é um problema, porque, se as regras não forem respeitadas eu não publico o comentário, mas aí seria injusto com o visitante do blog que não leu as regras pelo fato de estarem abaixo da caixa de comentário. Para tentar 'corrigir esse problema' precisa mudar alguns códigos para que as regras fiquem acima do formulário de comentário(sempre), e vou mostrar quais os códigos que podem ser mudados e inseridos no HTML do blogger.

Atualização: O procedimento desse post não funciona mais após uma atualização que o blogger fez no sistema de respostas dos comentários, porém, fiz um post que mostra como usar Css para colocar as regras de comentários acima do formulário

Opção de respostas nos comentários de blogs do blogger

O blogger evoluiu novamente, agora é nos comentários que tem a opção de resposta aos comentários feitos por outro usuário, e essa resposta ficará abaixo do comentário do outro comentarista, permitindo assim criar um tipo de discussão entre os leitores do blog. Porém, blogs com modelos mais antigos terão que substituir parte de um código no HTML para que essa função funcione.

Como mudar a aparência dos comentários do blogger usando Css

Mostrarei como fazer para personalizar os comentários de blogs do blogger, usando Css.

Como corrigir erros no template da web para blogger e atualizar o modelo

Mostrarei como fazer uma correção(ou varias) de problemas no modelo de template baixado da web, ou seja, atualizar o template com base nos novos padrões do blogger

Atualização 05/2013, após o blogger mudar seu editor de HTML o processo abaixo não tem mais como funcionar, isso porque, agora, ao copiar o código isso é feito com os Widgets expandidos e era sem essa opção que ajudava a resolver alguns problemas, agora não é mais possível.

O que você pode fazer é usar um modelo padrão do blogger e evitar mexer no seu HTML ou tentar corrigir pesquisando na web alguma solução, também pode conhecer alguns e contratar blogueiros que entendem e prestam serviços

Mudar cores de fonte e fundo de Reações e gadget de Votar com estrelas no BlogSpot

Mostrarei códigos do blogger para mudar as cores de fonte e fundo da opção Reações do usuário e da opção de votar(classificação com estrelas).
Imagens de exemplo
Como fazer para personalizar gadget reações do visitante do blogger

Postagens lado a lado na Página Inicial do BlogSpot

Mostrarei códigos para deixar as postagens uma do lado da outra em blogs do blogger, porém, quem quiser fazer isso com seu blog precisará estar preparado para 'quebrar a cabeça'. Isso só acontecerá nas páginas que agregam vários posts.

Fazer cópia de gadget perfil para blog com mais de um autor do blogger

Vou mostrar uma segunda maneira de ter seu perfil no blog, para quem tem um BlogSpot com mais de um autor.

O que acontece é que, quando você permiti mais de um autor no blog do blogger o gadget perfil muda, ele começa a exibir o nome dos autores e para de exibir o perfil com foto e descrição do administrador.

Como colocar códigos no blogger

Como colocar códigos no blogger, para quem está começando com um BlogSpot, é bom saber que tem diversos lugares para colocar códigos no blogger, porém, como é algo muito relativo, vou colocar algumas dicas e postagens relacionadas ao assunto.

Postagens Populares