Tutoriais para Blogger – Indice | Mundo Blogger

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
  • Colocar uma imagem animada no cabeçalho
  • Localizar código referente ao cabeçalho para instalação de recursos

    • 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
  • Box com Biografia do autor e Redes Sociais no Blogger
  • Exibir data em todas as postagens no Designer de Modelo
  • Data dos posts em formato calendário no Designer de Modelo
  • Foto e nome do autor abaixo do titulo do artigo

    • Personalizar Área de Comentários:

    Sistema de comentários

  • Como usar e moderar sistema de comentários do Facebook no Blogger
  • Usar os Comentários do Google+ no Blogger

    • 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
  • Efeito animação 3D em imagem com CSS3

    • 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
  • Slide de imagens usando apenas CSS3

    • 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
  • Como incorporar um tweet no corpo da postagem de seu blog
  • Criar aplicativos do Facebook para usar no blog

    • 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):

  • 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

    • Programa de Afiliados:

  • Programa de afiliados Cursos 24 horas
  • Programa de afiliados Imagem Folheados

    • 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
  • Posts do blog na página do facebook com RSS Graffiti

    • 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

  • Como Inserir Meta Tags no Blogger
  • Meta Tag para otimização dos Títulos do Blog
  • Implementar o Google autoria no Blogger
  • 7 erros comuns no SEO On-page para Blogs
  • 6 dicas para melhorar o SEO do blog de maneira simples

    • 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)
  • 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
  • Ferramenta para converter código adsense

    • 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 10/05/13)) topo ↑


    PageRank Checking Icon

    © 2009-2012 Mundo Blogger - Todos os direitos reservados | Design by Vanessa |