Fanáticos da Web

O formato que seu blog aparece nas pesquisas do Google é muito importante pra alguém clicar na sua postagem. E o formato que o blog utiliza em todos os seus modelos na pesquisas do Google na minha opinião não é um formato muito agradável. Vamos dar um exemplo com o titulo dessa postagem! Se você não fazer esse alteração no seu HTML o titulo das postagens aparecerá do seguinte modo:  Fanáticos da Web: Colocar o título das postagens corretamente nas pesquisas do Google. podendo até só aparecer uma parte do titulo no caso de ser muito grande. Mas com esse tutorial o titulo aparecerá assim:  Colocar o título das postagens corretamente nas pesquisas do Google - Fanáticos da Web Vocês podem perceber que a segunda opção fica bem melhor e caso o titulo for muito grande vai cortar primeiro o titulo do blog não o da postagem. Vamos ao tutorial; Depois de logado no seu Blogger, vá em "Modelo" Depois clique em Editar HTML. Em seguida clique d...

Fala ai galerinha, vim trazer um gadget muito legal e que tem uma função muito boa.  Já pensou que o tamanho da fonte de suas postagens podem estar muito grande para alguns leitores, e pequenos para outros, ao ponto de não conseguir fazer a leitura? Isso pode acontecer sim... Uma postagem com a fonte grande demais pode deixar seu blog com uma aparência desagradável, mas por outro lado algumas pessoas podem ter dificuldade para ler textos com letras pequenas.Mas agora você vai aprender a fazer um tutorial muito fácil que permite o leitor a escolher a fonte e o tamanho da letra. Screenshot Logue-se no blogger No menu clique em Layout Depois em "Adicionar Gadget" Escolha HTML/JavaScript Agora adicione o código abaixo e salve. (arraste o gadget onde você queira que apareça no seu template.) Código Times New Roman Arial Book Antiqua Bookman Old Style Century Gothic Comic Sans Ms Tahoma Trebuchet Ms Verdana 8 9 10 11 12 14 16 18 Ago...

Fala galera , vou estar ensinando a colocar o gadget de postagens relacionadas no blogger, esse gadget que é um dos mais impostantes e que todo blog deveria ter... Imagina usuários que entram em seu blog e ler uma postagem completa, e depois? Se seu blog não oferecer opções visíveis para as pessoas ao terminar de ler um post encontrar outros que talvez venha o interessar, ele dificilmente vai procurar outros posts por livre e espontânea vontade. Por esse motivo que esse gadget é tão impostante para seu blog, ele aparecerá no final de casa postagem, com uma miniatura de imagem, e o nome do post. A plataforma do gadget postagens relacionadas mais usada pelos blogueiros é a do LinkWhitin , mas essa plataforma na minha opinião tem algumas falhas e está muito desatualizada. Uma das falhas é não atualiza as miniaturas de imagens, tipo se você criar um post com determinada miniatura de imagem, depois de publicado se você perceber que a tal imagem não ficou legal e querer muda-la pelo link...

O interesse principal de todos os blogueiros é conseguir o máximo de visualizações e seguidores em seu blog não é? Dito isso, uma coisa muito impostante é a aparência e organização do blog, imagine entrar em um blog sem nenhuma organização, uma aparência que cause um contato visual agradável, dificilmente você irá voltar nesse blog.  Eu particularmente considero-me viciado em personalizar, quase todos dias perco horas mudando alguma coisa que ache que não esteja legal no blog. E uma coisa que eu acho desagradável e me chamou atenção no blogger foi os espaços em branco que tem aos lados de alguns modelos. Espaços indicado na imagem acima! e hoje vou ensinar como remover esses espaços Logue-se no blogger  No Menu clique em "Modelo"  Depois em "Editar HTML"  Clique dentro do HTML  Dê um ctrl+f para pesquisar Pesquise por .content-inner { Provavelmente vai estar assim: Agora deixe o padding em 0px, ficando assim: ...

Dicas para criar uma blog de sucesso. Regras rígidas e rápidas sobre como fazer um blog. Dito isto,você que tem um blog ou está interessado em criar um, provavelmente irá aumentar a sua exposição e desempenho, seguindo algumas orientações simples do blog. 1. Mantenha-se no Tópico Opiniões são geralmente aceitas, mas o conteúdo dos itens no blog deve ser todos relacionados a um tema. A menos que você tem uma habilidade fantástica para a sagacidade, humor ou cinismo, a maioria dos seus leitores vão estar interessado no conteúdo que se refere a um tema definido específico ou área vagamente definida de interesse. Definir um tema e cumpri-lo. Isto irá assegurar que você crie uma legião fiel de leitores interessados no seu conteúdo. 2. Fique Informado Se você está tentando criar a impressão de que seu blog anda bem informados sobre uma indústria ou setor específico, certifique-se de que você deve ficar atualizado sobre as notícias. Se você está endossando um produto ou expr...

Quando estamos escrevendo alguma postagem em nosso blog, podemos adicionar lista numerada para listar algum texto, o próprio blogger disponibiliza essa ferramente no menu de opções. Veja no exemplo abaixo: exemplo da lista numerada do blogger Como vocês podem ver , o blogger disponibiliza essa ferramente em números decimais, de forma simples com apenas o número e um ponto a sua frente. Mas agora você vai aprender a personalizar essa lista com um tutorial muito fácil. Logue-se no blogger  No Menu clique em "Modelo"  Depois em "Editar HTML"  Clique dentro do HTML  Dê um ctrl+f para pesquisar Procure por: ]]> Agora escolha o modelo desejado , e copie o código logo acima de  ]]></b:skin> Exemplo personalizado - 1 Código: .post ol{ counter-reset: li; list-style: none; *list-style: decimal; padding: 0; margin-bottom: 4em; font: 13px 'trebuchet MS', 'lucida sans'; /* tamanho da fonte */ text-s...

Uma vez que o número total de postagens em cada pagina excede , vamos ver "postagens mais antigas" e "postagens mais recentes" links de navegação na nossa página inicial e páginas de arquivos do rodapé. Mas se no lugar dos links tivéssemos paginas numeradas, poderiam ajudar a nossos visitantes do blog a navegar mais rápido (saltar de uma página para outra página ou ir em uma página específica, e saber o número total de postagens publicados, sem contar que paginas numerada tem uma aparência visual muito melhor que o "tal dos links") Aqui está um tutorial sobre como adicionar páginas numeradas usando JavaScript e CSS, o tutorial mudará a pagina web , e no dispositivo móvel também (ambos ficaram com paginas numeradas) Screenshot Vamos ao tutorial,  que será feito em duas etapas: Adicionar o código JavaScrip Adicionar o código em CSS Logue-se no blogger  No Menu clique em "Modelo"  Depois em "Editar HTML" ...

Olá galera , hoje venho fazer um tutorial muito bacana, um slide que fica passando suas ultimas postagens automaticamente no Blogger. Serve para você usar em qualquer lugar no seu blog, podendo editar tamanhos, espaço de tempo entre uma postagem e outra, números de postagens, e também você poder escolher em deixar automático ou manualmente. Umas das principais técnicas de SEO, é fazer com que as pessoas fiquem o máximo de tempo possível navegando em seu blog, inclusive um dos conceitos que o google usa para classificar o ranking das postagens nas buscas é a taxa de rejeição(que é quando uma pessoa entra em seu blog e só visualiza uma pagina). Com esse gadget você com certeza vai diminuir bastante a taxa de rejeição do seu blog , uma pessoa ao estar lento uma postagem, pode ver outra postagem também do seu interesse no slide,e assim continuar a navegar no seu Blog. Screenshot: Vamos ao tutorial: Logue-se no blogger No menu clique em Loyalt Depois em ...

Fala ai galera , hoje vou ensinar a vocês como colocar o link de navegação acima dos títulos das postagens. Semelhante ao que usamos aqui no blog. Esse link deixa seus leitores mais informados sobre as categorias de cada postagem , e onde eles estão navegando no momento. Screenshot Vamos ao tutorial, que é muito fácil de ser seguido; Vá até o Menu do Blogger Depois em Modelo Em seguida clique em " Editar Html " Click dentro do html e dê ctrl+F para  pesquisar Procure pelo trecho: Logo acima dele cole o código abaixo: Agora, encontrar o código abaixo (se você encontrar dois trechos iguais ,utilize o segundo trecho): Logo acima dele cole o código abaixo: Home » Home » » Home » Unlabelled » Home » Archives for Home » All posts Home » Posts filed under Agora procure por: ]]> Adicione o código CSS logo acima: .breadcrumbs { background: #F7F7F7; ...