janeiro 25, 2013

Tutos importantes

Oi people, acabei de dar uma olhada pelas tags e vi e que me falta indicar uma coisa muito importante para blogs: tutoriais. Então, irei dar o link de onde obter os melhores tutoriais (pelo menos os que resultaram comigo), não fui eu que fiz nenhum, então serão reblogados a outros blogs de HTML. 

Nunca esquecendo que para editar HTML se deve usar Ctrl + F e que onde diz Url de imagem tem mesmo de substituir pela Url da sua imagem. Começo pelos que acho mais importantes.



Básicos de blogueira: 
  • Personalizar blog sem HTML: www 
  • Tabela de cores: www 
  • Entendendo HTML: www 
  • Básicos: www / www  / www
  • Símbolos úteis: www 
  • Goodies: www 
  • Gifs de anime: www 
  • Layout completo: www 
  • Carinhas kawaii: www 
  • Layout estilo galeria: www | www
  • Layout de base: www 
  • Como ter um bom blog - super completo: www
  • Onde obter templates free: www | www
  • Protegendo o blog de cópias: www
  • Criar um Índice do blog: www
  • Todas as personalizações que podem ser aplicadas no HTML: www
  • Onde aplicar as personalizações: www
  • Criar página de preview: www
Tumblr_mewcdxe9xa1r8fqy9o1_400_large

Cabeçalho:
  • Montar cabeçalho: Pixlr: www | Photoscape: www | Photoshop: www
  • Gadgets no cabeçalho: www ou www
  • Subir cabeçalho: www
  • Slide no cabeçalho: www www
  • Cabeçalho na sidebar: www
  • Como colocar dois backgrounds ou cabeçalho largura total e background: www
  • Excluir cabeçalho: www
Tumblr_mg7vuff7ee1qd06lwo1_500_large

Área de post 
(pode procurar por .main-inner .column-center-outer { ou por .post-outer { )
  • Subir ou descer área de post: www
  • Puxar o layout para o lado: www
  • Barrinha a separar posts: www
  • Remover borda serrilhada do modelo "travel": www / www
  • Fundo no título do blog: www
  • Colar Área de post e barras laterais: www
  • Descolar Área de post e barra lateral: ww
  • Background (de papel ou outros) na postagem: www
  • Personalizar o título do post: www
  • Sombra interna na área de post: www
  • Bordas na área de postagem e sidebar, separando os posts: www
  • Separar postagens: www
  • Personalizar a área de post com tudo>>> por mim: www
  • Tipos de linhas/bordas: www
  • Area de post com hover: www
Outras personalizações da área de post:
  • Personalizar o post footer: www www www www
  • Data com hover em imagem: www
  • Estilos de blockquote: www www | www
  • Retirar "assinar postagens atom": www
  • Negrito, itálico, sublinhado, tachado... hover: www
  • Revelar/esconder conteúdo do post: www
  • Texto didivido em duas colunas: www 
  • Personalisar data (com hover ou não): www www www www www www
  • Personalisar "postado por": www
  • Imagem de "Leia Mais": www
  • Leia mais com roll: www
  • Personalizar "Continue lendo" com hover: www
  • Modelos para leia mais: www
  • Seleção colorida no blog: www / www
  • Imagens com largura total do post: www
  • Fonte das postagens: www
  • Rodapé personalizado com imagem: www
  • Faixinhas em tableless: www

Cutelaptop_large

Gadjets: 
  • Caixinhas de texto: www
  • Obrigado pela visita: www
  • Barras de pesquisa personalizadas | modelos: www www www www www
  • Caixinha de Link-me: www
  • Mudar cursor do blog: www
  • Dividir marcadores: www
  • Ask no blog: www
  • Botão irritante: www
  • Personalizar seguidores: www / www
  • Seguidores em imagem: www
  • Personalizar os marcadores: www
  • Seguidores em imagem: www
  • Opção mudar fundo do blog: www / www
  • Colocar "poderá gostar de" (LinkWithin): www
  • Personalizar o link Within: www
  • Mover os gadgets (para qualquer lugar, e não só cabeçalho): www
  • Enquete personalizada: www
  • Mostrar/ocultar com imagem: www
  • Usar playlist: www
Sidebar:
  • Modelos de ribbons: www / www
  • Ribbons no título dos gadgets: www
  • Background nos marcadores: www
  • Bordas nos gadgets: www
  • Tipos de linhas/bordas: www
  • Separar gadgets: www
  • Gadgets diferentes uns dos outros: www
  • Personalizar a sidebar com tudo - por mim>>>: www
  • Sidebar com outline: www
  • Colorir o fundo da barra lateral: www
  • Inclinando os gadgets: www
  • Heart kawaii no título do gadget: www
  • Subir ou descer área as barras laterais: www / www
  • Sombra interna na área de post: www
  • Colar Área de post e barras laterais: www
  • Descolar Área de post e barra lateral: www
  • Sidebar com hover: www
  • Pattern à volta da sidebar: www
Tumblr_md41m4rlip1qfruwqo1_500_large

Menus:
  • Menu de abas: www | www
  • Menu hover fofo: www
  • Menu Go and Back: www
  • Menu express: www
  • Menu para tags: www
  • Menu Blusat: www
  • Menu simples: www
  • Menu Whishlist: www
  • Menu lateral deslizante: www
  • Menu deslizante: www
  • Menu Toplink: www
  • Menu de créditos: www
  • Menu arrow: www
  • Menu rotate: www
  • Menu border along: www
  • Menu blur: www
  • Menu fade image: www
  • Menu roll right: www
  • Menu push-it: www
  • Menu sprite: www
  • Menu Wishlist2: www
  • Barra estilo capricho: www
  • Fazendo o seu próprio menu: www
  • Menu destaque: www
  • Menu fixo no topo: www
  • Menu uops: www
  • Menu hover deslizante: www
  • Menu slip: www
  • Menu glow: www
  • Menu blue dream: www
  • Menu em duas colunas: www
  • Menu size: www
  • Menu slow: www
  • Menus aleatórios: www
  • Menu thermal e de caixas: www
  • Menu com mimi-gif: www
  • Menu surpresa - criado por mim: www
  • Novo menu para tags: www
  • Menu 3D: www
  • Lateral hover: www
  • Magicline: www
  • Kit: www
  • Ring: www
  • Crying: www
  • Menu dropdown: www
  • Degradê: www
  • Crocked: www
  • Tracks: www www
  • Menu horizontal: www
  • Menu vibrante: www
  • Status em forma de balão: www
  • Social icons rollover: www
  • Menu gif: www
Tumblr_lichd0n4lu1qg3xn3o1_500_large

Efeitos nas imagens e outros:
  • Efeito grayscale: www
  • Efeito gota: www
  • Efeito arco-íris: www
  • Efeito lower: www
  • Efeito moderation: www
  • Bordas arredondadas: www
  • Colocar bordas: www
  • Bordas aleatórias: www
  • Borda e opacidade: www
  • Opacidade: www
  • Sépia: www
  • Efeito giratório: www
  • Mudança de imagem ao passar o mouse: www
  • Efeito bananita: www
  • Wheel-wheel: www
  • Slow: www
  • Fufly: www
  • Starlights: www
  • Hurry: www
  • Autoras: www
  • Pisca logo, porra: www
  • Fall: www
  • Flipping: www
  • Wow: www
  • Caption: www
  • Shake: www
  • Descrição hover: www
  • Descrição surpresa: www
  • Light Cube: www
  • Efeito push: www
  • Autores: www
  • Shine: www
  • Nebulla: www
  • Zooming: www
  • Pulsar: www
  • Gud: www
  • Colocar background: www www
  • Inclinar as imagens: www
  • Foolish: www
  • Volume: www
  • Afiliados numa só imagem: www | www
  • Efeito parce + agitated: www
  • Efeito rotação 3D com texto: www
  • Bobottom: www
  • Lovers rotate border: www
  • Lava up: www
  • Slide up: www
  • Invert: www
  • Esquet: www
  • Folhagem: www
  • Bate Bate: www
  • Efeitos de natal: www
  • Efeito diagonal: www
  • Swap: www
  • Candy: www
  • Speed: www
  • Efeito Jackie: www
Tumblr_miktfftvbo1ro7xypo1_500_large

Editores de imagem:


Tumblr_mikuq04qgg1ro7xypo1_500_large


Comentários:
  • Modelos: www / www / www / www
  • Alterar "deixe um comentário": www
  • Emoticons nos comentários: www
  • Avatar nos comentários anónimos: www / www
  • Contagem dos comentários num balão: www
  • Shape no avatar dos comentários: www
Paginação e rolagem:
  • Personalizar home, mensagens antigas e recentes: www 
  • Paginação numerada: www
  • Rolagem infinita dos posts: www
  • Barra de rolagem colorida: www 
  • Barra de rolagem redonda com imagem: www 
Outros:
  • Cortinas: www 
  • Colocar seta de topo: www www www
  • Retirar navbar sem HTML: www 
  • Mensagem ao entrar no blog: www 
  • Modelos de Tooltip: www
  • Remover "Tecnologia Blogger": www
  • Colocar favicom: www
  • Mudar o título do blog: www
  • PNG fixo ao lado do blog: www
  • Pop-up personalizado: www
  • Tipos de sombras: www
  • Google fonts: www

Tumblr_mikz1itovy1rj27e3o1_500_large

Espero que sejam úteis, foram todos os que eu me lembrei. Testado no modelo travel.

9 comentários:

  1. Suas dicas de blogs são bem legais.Vou visitar e conferir alguns.
    Seguindo aqui,pode retribuir e seguir o meu blog?
    >>
    http://barbieseumundopink.blogspot.com.br/
    Beijos!

    ResponderEliminar
    Respostas
    1. Posso sim, mas cuidado aí que nem toda a gente aceita essa das retribuições. Ainda bem que gostou, Kissus :)

      Eliminar
  2. Muito bons as dicas! Adoro seu blog, eu acompanho ele deste a primeira postagem, e as postagens são ótimas! Bjos!

    ResponderEliminar
    Respostas
    1. Ownt flor, eu já reparei que você segue o meu blog e comenta muito, é tão bom saber que gosta :) Sério, se calhar não devia ter preferências, mas é a minha leitora favorita ;) Espero nunca a desiludir com as postagens.

      Sayounara

      Eliminar
  3. #Ameeeeeeei *-* Me dando um super help ...

    Kisses

    beijo-de-cereja.blogspot.com

    ResponderEliminar
  4. Obrigado por indicar um dos meus tutoriais ;)

    Bruno *UniversoAdolescente.com*

    ResponderEliminar

♡ Saiba mais sobre o mim ou sobre o blog através do menu

♡ Quanto a comentários:
» Os pedidos são aceites nos comentários ou na ask (vejam o menu)
» Críticas construtivas são bem vindas. Barracos, não.
» “Seguindo, segue de volta?”, só serão aceites em blogs principiantes – e eu irei confirmar ao blog. Caso contrário será ignorado.
» Deixe o link do seu blog no fim do comentário e eu faço questão de pelo menos visitar e comentar.
» Pode usar estas carinhas:
=((•̪●))= ๑(•ิ.•ั)๑ ٩(●̮̮̃•̃)۶ ε(●̮̮̃•̃)з ٩(×̯×)۶̿ ┌∩┐(◣_◢)┌∩┐ ⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙▽⊙ ⊙﹏⊙ ⊙△⊙ ◑▽◐ ◑ω◐ ◑﹏◐ ●︿● ●ω● ●﹏● ≧▂≦ ≧︿≦ ≧ω≦ ≧﹏≦ ≧▽≦ >︿< >ω< >﹏< >▽< ≡(▔﹏▔)≡ (¯▽¯;) <(“”"O”"”)> (-__-)b (;°○° ) \( ̄︶ ̄)> <( ̄︶ ̄)/ (/≧▽≦/) \(≧3≦)/ \(≧ω≦)/ o(≧ω≦)o o(≧o≦)o ㄟ(≧◇≦)ㄏ ╮(╯▽╰)╭ ╮( ̄▽ ̄)╭ (~o ̄▽ ̄)~o ~ 。。。(~ ̄▽ ̄)~[] (╯-╰)/ (*^3^) 'U_U ♪ ♥ ஐ ▲☼゚ ♣ (๏̯͡๏) †