Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Criação de Blogs Profissionais e Redes Sociais.

Tutoriais Blogger Vanessa S.

Tutoriais para Blogger – Indice

Aqui você encontra a lista de todos os tutoriais publicados no Mundo Blogger, separados por assuntos.
Segue abaixo o índice de todos os tutoriais, Códigos, Hacks, Ferramentas e Dicas para incrementar, modificar e editar a aparência do seu Blog no Blogger/Blogspot.
Todos os tutoriais foram criados por mim, e é permanentemente proibido a cópia e a reprodução dos artigos deste blog. Leia nossa Licença.

Dicas Básicas [Iniciantes]

Aprendendo CSS/HTML [Iniciantes]

Retirar/Ocultar elementos no blog:

Personalizando Layout:

Personalizando Header (Cabeçalho):

  • Dividir o cabeçalho com outro elemento
  • Como dividir o Header em 3 colunas
  • Cabeçalho do blog em forma de link
  • Imagens Rotativas no Cabeçalho
  • Descrição Rotativa no Cabeçalho
  • Dividir Header em 2 colunas no Designer de modelo
  • Personalizar Área de Postagem:

  • Personalizar Área do Post I (Data,postagens e paragrafo)
  • Personalizar Área do Post II (imagem e rodapé)
  • Colocar Imagem no Titulo do Post
  • Personalizar os Titulos dos Posts
  • Personalizar o Blockquote no Blogger (caixa para destacar textos)
  • Personalizar a Data do seu Post em forma de calendário
  • Mostrar a Data em todos os posts publicados no mesmo dia
  • Colocar a Data das Postagens abaixo do titulo do post
  • Nome do autor do Post Abaixo do Titulo
  • Colocar link na assinatura do autor das postagens
  • Alterar icone ‘Enviar esta Postagem’
  • Destacar Primeira Letra do Texto no Post
  • Escolhendo o local para instalar elementos na área dos artigos (onde colar os códigos para instalar botões etc)
  • Biografia do Autor do post no rodapé
  • Assinatura do autor do Post Personalizada com imagem
  • Personalizar o Rodapé dos Posts
  • Colocar a Data da Postagem no Rodapé do Post
  • Incluir Mensagem no Final dos Artigos
  • Área dos Posts Dividida em Colunas
  • Personalizar Área de Comentários:

    Personalizar Sidebar:

  • Dividir a Sidebar em Colunas
  • Adicionar nova coluna sidebar no Template
  • Substituir títulos da sidebar por imagens
  • Colocar barra de rolagem na sidebar
  • Personalizar os links da Sidebar
  • Personalizando os títulos da sidebar
  • Hacks:

    Criar e instalar Menus:

    Personalizar Marcadores:

  • Marcadores em Nuvem de tags em Flash
  • Marcadores como menu expansível
  • Marcadores como menu suspenso
  • Personalizar Nuvens de Marcadores do Blogger
  • Criar efeitos com CSS3/CSS/HTML/Javascript:

    Efeitos em Imagens:

  • Efeito Hover em bordas nas imagens
  • Efeito em Imagens no post com o LightBox
  • Efeito Opacity – Transparência na Imagem
  • Galeria de Imagens JQuery Zoom/Hover
  • Efeito ShadowBox em Videos e Imagens
  • Efeito pré-visualização da imagem com JQuery
  • Efeito LightBox Nativo do Blogger
  • Slideshow:

  • Instalando um Slideshow no Blog – S3lider
  • Imagens Deslizantes com JQuery Slider
  • Slide com postagens recentes automático no blogger
  • Slideshow com Menu Deslizante
  • Trio Slide – Mini Galeria em Destaque
  • Tutoriais Diversos:

  • Rolar página do blog(mini menu flutuante)
  • Colocar Seta para o topo da página no blog
  • Criar caixa para exibir códigos no post
  • Caixa para exibir códigos nos posts personalizada com imagem no topo
  • Criar Mapa do blog (Indice de conteúdo)
  • Personalizar Índice de Conteúdo por Categoria
  • Códigos e Scripts para Blogger:

    Botões de Redes Sociais:

  • Colocar Botão “Enviar postagem para o orkut”
  • Enviar postagens do blog no Twitter com o TweetThis
  • Colocar Botão Retweet no Blog
  • Botão compartilhar posts no Facebook
  • Botão Compartilhar post no Google Buzz
  • Topsy – Botões de Retweet Editáveis
  • Rebuzz Botão com contador para enviar post no Google Buzz
  • Botões StumbleUpon com Contador no blog
  • Botões de compartilhamento do Blogger
  • Botões AddThis compartilhar post nas redes sociais
  • Botões AddThis com ícones Personalizados
  • Adicionar Botão +1 do Google no Blog
  • Gadgets/Widgets diversos para Blogger:

    Personalizar Gadgets do Blogger:

  • Personalizar Widgets de Lista de Blogs
  • Personalizar o Gadget de Seguidores
  • Personalizar o Widget de Postagens Recentes
  • Personalizar o gadget Arquivo do Blogger
  • Personalizar Gadget Seguir por Email
  • Monetização (Adsense e outros):

  • Como cadastrar e configurar conta no Google Adsense
  • Inserir anúncios do Adsense dentro dos posts no Blogger
  • Dicas de como otimizar o Google Adsense e ganhar dinheiro com seu blog
  • Como instalar uma Caixa de pesquisa do Adsense com Busca dentro do Blog
  • E-book Grátis com dicas para ganhar dinheiro com o Google Adsense
  • Divulgação nas Redes Sociais:

  • Criar uma página do seu blog no Facebook
  • Como alterar o username da página do seu blog no Facebook
  • Criar página do seu blog com o Networkedblogs(Aplicativo Facebook)
  • TweetDeck: um Aplicativo para Twitter – Como adicionar e gerenciar múltiplas contas do Twitter no TweetDeck
  • TwitterFeed – envie as atualizações do blog no Twitter automaticamente
  • Atualização da página do Facebook no Twitter
  • Dicas úteis:

    Solucionando problemas e bugs:

  • Saiba porque alguns scripts não funcionam no seu blog
  • Como corrigir o bug nos links de navegação
  • Sobre Domínio Próprio:

  • Registrar Dominio do Blog no Uolhost
  • Configurar o Dominio próprio no Blogger
  • Como criar um subdomínio
  • Criar email personalizado com o domínio próprio da Uolhost
  • Sobre hospedagem de arquivos:

  • Lista de Sites para hospedagem de arquivos
  • Hospedagem de arquivos Javascript no Google Sites
  • Como hospedar imagens utilizadas no layout no Blogger
  • Como Hospedar arquivos no Webs.com
  • SEO/ Otimização/ Gerenciamento/ Feed:

  • Google Analitycs – Gerenciando seu blog
  • Gerencie seu blog com o Ferramentas para webmasters
  • Feeds – Via FeedBurner
  • Verifique seu PageRank
  • Cadastrar o Feed do blog no FeedBurner (Video Tutorial)
  • Como Inserir Meta Tags no Blogger
  • Meta Tag para otimização dos Títulos do Blog
  • Incluir Mensagem no Rodapé do Feed
  • Incluir Logotipo do Blog no FeedBurner (Video Tutorial)
  • Ferramentas:

  • Configurar o Blog para Versão Móvel
  • Criar Formulário de Contato pelo Google Docs
  • Wufoo – Formulário de Contato para blog
  • Bitw.in – uma ferramenta essencial para blogueiros
  • Acessórios e utilitários:

  • Geradores online para Blog
  • Vários Acessórios para Blog
  • Diversos ícones para Blog
  • Contadores de Visitas Online
  • Relógios para blog
  • Tradutores para Blog
  • Tabela de Cores html
  • Fontes diferentes para usar no blog
  • Sobre Plágio e Direitos Autorais
  • ((Indice atualizado em 30/04/12)) topo ?

    Sobre o autor | Website

    Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

    Por gentileza, se deseja alterar o arquivo do rodapé,
    entre em contato com o suporte.