Mapa de tutoriais


Ok, este provavelmente será o mapa mais útil do blog. Não sei se já disse, mas pretendo postar todos os tutoriais possíveis, já que eu adoro reunir tudo num local só. Então, postarei coisas minhas e adaptadas de outros blogs  - com os devidos créditos, claro - porque se só postasse coisas minhas, o blog nem iria render. Enfim, dividirei os posts dependendo da área do blog que personalizam, e depois também terei outros tutoriais relativamente a programas e assim. Cá vai:

Geral e úteis:
  • Personalizar o blog sem HTML - vários modelos: www
  • Tabela de cores
  • Tabelas de símbolos
  • Protegendo o blog de cópias
  • Páginas do blog com um layout diferente entre si: www
  • Combinar todas as áreas do blog {nível profissional}www
  • Fade in no blog
  • Criar layout responsivos: www

Básicos
  • Retirar pequenos incómodos do blog [postagens atom, attribution, retirar navbar, mostrar mensagens com etiqueta...]: www
  • Quando códigos param de funcionar: www
  • Aviso sobre tutoriais que dão erro {fonte silkscreen}: www
  • Criar um arquivo de postagens: www
  • Geradores e sites úteis a blogueiros {muito importante!}: www
  • Guia de personalizações - reunindo os links abaixo
  • Tipos de sombras
  • Tipos de bordas + cantos arredondados + outline: www
  • Tipos de fundos: www
  • Tipos de margens e paddings
  • Colocar imagens + links + aplicar efeito ou menu
  • Efeitos hover {simples + translação + rotação + opacidade + cores/filtros}: www
  • Onde aplicar as personalizações
  • Personalizar a mensagem de cookies: www

Fontes, áreas de texto
  • Instalando fontes no blog: www
  • Efeito degradê: www
  • Personalizando a fonte/letra
  • Seleção colorida no blog: www
  • Negrito, itálico, sublinhado e tachado {com hover + sem hover}: www
  • Destaque na primeira letra do post: www

Cabeçalho:
  • Montar um cabeçalho - no pixlr - no word {leu bem} - no photoshop - no photoscape
  • Excluir o cabeçalho {básico 1}
  • Personalizar o título do blog {básico 2}
  • Slide no cabeçalho
  • Colocar dois backgrounds/ cabeçalho + background / cabeçalho largura total: www
  • Mover o cabeçalho no blog COMO IMAGEM {retirar espaços incómodos}: www
  • Colocar um cabeçalho no topo da sidebar: www
  • Cabeçalho que muda ao recarregar a página: www

Área de post + corpo do blog
  • Personalizar a área de post com tudo: www
  • Subir ou descer a área de post: www
  • Puxar o layout para o lado
  • Fundo ATRÁS da área de post e da sidebar: www
  • Dividir posts em caixas: www
  • Colar área de post às barras laterais + descolar: www
  • Modelos para a área de post
  • Personalizar o título do post: www

Mais personalizações na área de post:
  • Personalizar a blockquote + modelos
  • Personalizar a data: www
  • Data a aparecer em todas as postagens: www
  • Data em forma de comentário: www
  • Leia mais / continue lendo - com imagem - com texto - com imagem em hover {versão complicada} + modelos
  • Imagens com largura total da postagem
  • Avatar ao lado do post: www
  • Faixinhas em tableless
  • Personalizar o LinkWithin {modelos}: www www
  • Créditos em baixo da área de post: www
  • Personalizar a legenda das imagens: www
  • VER RODAPÉS NA ÁREA PRÓPRIA

Sidebar + gadgets
  • Personalizar a side com tudo: www
  • Subir ou descer os gadgets: www
  • Dividir em caixas: www
  • Inclinação nos gadgets: www
  • Mover os gadgets
  • Colar + descolar a side da área de post: www
  • Personalizar o título com ou sem ribbon: www
  • Modelos para gadgets: www
  • Botão de seguidores em imagem: www
  • Colocar + personalizar gadget de seguidores +  meu truque
  • Colocar caixinhas de texto
  • Gadget "mudar fundo do blog": www
  • Botão irritante
  • Enquete personalizada
  • Escrever + imagens + links + alinhamentos + efeitos + mover coisas num gadget: www

Menus
  • Natal 2015: www (com efeito push e change)
  • Locão: www
  • Dropdown raro: www
  • Oculto: www
  • Slide open heart para redes sociais: www
  • Navbar / no topo do blog: www
  • Esconde-esconde: www
  • Anns / coração: www
  • Coração 2: www
  • Galaxy: www
  • Sidebar pixel: www
  • Menu halloween: www
  • Modelo para afiliados {complexo}: www
  • Ganhando vida: www
  • Double {versão complexa e simples}: www
  • Colchete: www
  • Fixo retrátil: www
  • Pendente: www

Efeitos
  • Ilustração de post acima do título da postagem: www
  • Confused: www
  • Moldura: www
  • Press: www
  • Swap: www
  • Fluffy: www
  • Outline: www
  • Hearteando: www
  • Divergente: www
  • Change: www
  • Evaporar: www
  • Revelar: www
  • Kawaii: www
  • Mixture: www
  • Zooming: www
  • View: www
  • Wow: www
  • Halloween {enfeites}: www
  • Push: www
  • Light cube: www
  • Polígono {sem máscara}: www

Comentários:
  • Fundo na área de comentários
  • Alterar "deixe um comentário"
  • Contagem dos comentários em balão
  • Emoticons nos comentários
  • Forma no avatar [mask/ máscara]
  • Mensagem ao lado do número de comentários
  • Comentários simultaneamente com google+ e blogger: www
  • Modelo para comentários #1[too sweet]: www
  • Modelo para comentários #2[inverted flower]: www
  • Modelo para comentários #3[pastel candies]: www
  • Modelo para comentários #4[delicate]: www
  • Modelo para comentários #5[galaxy]: www
  • Modelo para comentários #6[roots]: www
  • Modelo para comentários #7[kawaii]: www
  • Modelo para comentários #8[uvas e laranjas]: www

Paginação e rolagem:
  • Rolagem infinita
  • Barra de rolagem personalizada: www
  • Modelos para barra de rolagem: www
  • Paginação numerada
  • Personalizar a fonte da home, mensagens antigas e recentes: www
  • Substituir home, mensagens antigas e recentes por uma imagem: www
  • Scroll automático: www
  • Modelo de navegação exclusivo e distinto: www
  • Personalizar mensagens de erro/página não encontrada: www

Rodapés/footer + Marcadores/tags/etiquetas/labels
  • Tudo sobre o rodapé do post: www
  • Alterar as vírgulas dos marcadores por qualquer sómbolo
  • Footer personalizado com widgets
  • Modelos para rodapé da postagem
  • Créditos abaixo da área de post: www
  • Personalizar o rodapé do blog
  • Decoração acima do rodapé do blog
  • Personalizar os marcadores - modelos: www
  • Personalizar os marcadores no rodapé do post: www
  • Tudo sobre o rodapé do post/post-footer (personalizar, como ocultar na home...): www
  • Modelos para tags exclusivamente dos gadgets: www
  • Alterar vírgula que separa os marcadores do post: www

Outros:
  • Cortininhas no blog / faixinhas: www
  • Colocar seta de topo - voltar ao topo deslizando rapidamente: www
  • Personalizar a tooltip + modelos
  • Tooltip com hover: www
  • Caixas de pesquisa: www
  • Caixinhas para postagem ou link-me: www
  • Mensagem ao entrar no blog
  • PNG fixo ao lado do blog
  • Modelos para agenda: www + www
  • Modelo para status [novi]: www
  • Modelos para tags exclusivamente dos gadgets: www
  • Cursor personalizado no blog: www
  • Lightbox personalizada: www

Editores de imagem
  • Geradores, editores e afins: www
  • Editores para baixar: Photoshop - Photoscape - Photofiltre
  • Editores de imagem online (V.incompleta): www
  • Aplicar base nas imagens: www
  • Xiuxiu, um editor coreano: www
  • Desenhar com bases no paint: www
  • Usar texturas no pixlr para fazer avatares: www
  • Montar um cabeçalho - no pixlr - no word (leu bem)

4 comentários:

  1. TOP!! adorei
    http://xmooncheese.blogspot.com.br/

    ResponderEliminar
  2. Muito bom os tutoriais, vou personalizar meu blog com alguns deles <3 http://www.vihpaula.com/

    ResponderEliminar
  3. Este comentário foi removido pelo autor.

    ResponderEliminar
  4. Como posso inserir um marcador dentro de uma imagem. Ex. Uma capa de filme com a legenda.marcador do ano

    ResponderEliminar