Tutoriais para Blogger – Indice

• Facebook
• WhatsApp
• Twitter
• Pinterest
• LinkedIn

Aqui você encontra a lista de todos os tutoriais para blogger 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.

Mas antes recomendo que assista este vídeo:

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
• Perfil do autor abaixo do post – Recurso nativo do Blogger

 

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 para blogger 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
• Botões flutuantes AddThis vertical para compartilhamento
• Botões de compartilhamento Smart Layers AddThis

 

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
• Instalar Breadcrumb no Blogger
• 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
• Como usar as Heading Tags no Blogger
• Black hat e white hat – Entenda as práticas do SEO

 

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)

 

Formulários de contato:

• Criar Formulário de Contato pelo Google Docs
• Wufoo – Formulário de Contato para blog
• Formulário de contato padrão do blogger na página estática

 

Ferramentas:

• Configurar o Blog para Versão Móvel
• Ferramenta para converter código adsense
• 10 Ferramentas para analisar o seu blog

 

Acessórios e utilitários:

• Ferramenta para converter código do adsense
• 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 01/07/14)) topo ?

• Facebook
• WhatsApp
• Twitter
• Pinterest
• LinkedIn