Os tutoriais e templates aqui apresentados são voltados para os Modelos de layout (lançados em 2006). A eficácia das dicas aqui apresentadas não foram testadas nos novos modelos de templates do Blogger (2010).

28 dezembro 2008

Video Aula 01 - Adicionar Coluna, Margin e Padding

Por que sei que muita gente aprende melhor vendo alguém fazer algo do que lendo explicações (e também para enriquecer os tutoriais), decidi criar uma série de vídeos onde mostrarei como fazer modificações no template Mínima do Blogger.

Neste primeiro vídeo ensino:
  • Como adicionar uma coluna no template;
  • Como colocar borda nas colunas para melhor visualização dos espaçamentos;
  • Como criar espaçamento entre as colunas e entre o conteúdo das colunas e seus limites;
  • Como criar espaçamento na data e no feed-link;
  • Como ajustar o cabeçalho para a nova dimensão do template;
  • Como retirar a navbar;
  • Como fazer pequenas modificações no título do blog.

O vídeo não tem narração, não precisa aumentar o som...Para ampliar, passe o mouse no canto inferior direito do vídeo que a seta aparecerá.Para assistir em alta definição é preciso clicar em HD, você será direcionado para o site onde o video está hospedado.
Este será o primeiro de uma série. Espero que gostem.

Link direto para ver o vídeo em alta definição: http://vimeo.com/2647999


Aula 01 Blogger from Ariane on Vimeo.

Artigos Relacionados

42 comentários:

ser verdadeiro é tudo! disse...

Oiii Ariane td bem??
Tirei a NavBar do meu Blog através de um outro post daqui, mas agora não sei como ir em Personalizar e postar......o que eu façoooo??????Help!!!!!

Franklin Morais Moura disse...

Colega Blogueira,
Infelizmente não consegui visualisar o vídeo no meu computador pois as imagens ficam turvas, não sei se acontece com outras pessoas, mas a idéia é muito boa.
Franklin Moura(fisica-com-quimica.blogspot.com)

Tiago Wakabayashi disse...

Nyaaaa, definitivamente eu amo este blog e amo você Ariane-sama *___*

/fikdik

Victor Hugo disse...

Incrível Ariane!
A melhor vídeo aula sobre blogs que já assisti, e com ótimos resultados... P/ quem está começando, não há melhor. Obrigado e parabéns pelo seu blog.

Ariane disse...

ser verdadeiro, vá no painel e entre em Layout.

Franklin, clique no link abaixo do video para ir para o site onde ele está hospedado, lá dá pra ver perfeitamente.

Tiago e Victor, muito obrigada mesmo! :D

Nash disse...

Oi Ariane! Primeiro eu tenho que te parabenizar pela excelente vídeo aula. Sinceramente, pra mim seus tutoriais já são claros o suficiente, mesmo assim, foi excelente a iniciativa. Se o povo ainda tiver dúvidas depois dessa... meu Deus.

Só hoje fui ver seu recado de boas festas lá no blog. Um sincero muito obrigado e saiba que te desejo toda a felicidade nessa passagem de ano, além de um Feliz Natal atrasado, pra você e sua família. rsrs.

ps.: Pelo visto você ainda não conseguiu fechar a "Assistência técnica" né? haha

Abraço.

Melo disse...

oi desculpa incomodar, acredito que esse não seja o lugar correto para perguntar isso, mas como não achei outro vou fazer aqui mesmo a pergunta...

no template minima a maioria das fontes estão com as letras de FORMA, como faço para ficar normal? um exemplo:
http://img514.imageshack.us/img514/8985/imagemzm4.png

obrigadoo

Celma Araújo disse...

Brigada Ariane, seu blog tem nos ajudado mto .
bjãooo

Ariane disse...

Nash, eu tento, mas não consigo...obrigada pelo comentário, abraços!

Celma, fico feliz em ajudar. abraços!

Ju Lee disse...

Oi, adorei as vídeo aula, muito bom mesmo, assim não tem como errar!
Espero que vejam outras por aí...
Muito obrigada!

Ruth Connors disse...

Hahuahsaus, tente fechar mesmo!

Ficou ótimo o vídeo ^^

Elle[ADM] disse...

Uau que legal ótima idéia, video-aulas ensinam qualquer um da maneira mais fácil (agora eu sei que consigo...) =D

Vim também para cumprir as regras de um meme que recebi, onde deveria deixar o link na página de comentários do blog escolhido as regras do mesmo:

http://ellesan.blogspot.com/2008/12/meme-de-comer.html

Obrigado =D

Atenciosamente

Marcelo Pimenta

Marina disse...

Olá, Ariane! Tenho uma dúvida, será que você poderia me ajudar? Se eu baixar um template de um site, eu poderia mudar o esquema de cores?
Abraço!

Marina disse...

Desculpa deixar a pergunta aqui, não achei outro lugar para tirar minha dúvida. Abraço!

Nathalia Twain disse...

Olá, sou eu novamente!
husahsahausha

Gostaria de perguntar se tu faz alterações em templates "meio prontos". Se tu fizer, me avise por favor, se for o caso agente pode combinar um preço que seja bom pra nos duas.

É eu que eu estou com um template que eu fiz aqui, só que ele aparece perfeito no meu navegador padrão (google chromes) e no IE ele aparece desalinhado, mas é pouca coisa,são só as colunas, coisas simples. Não consegui coloca-lo corretamente nos dois navegadores.

Se possivel, entre em contato comigo.

Omini disse...

Oi amiga gostaria de contribuir para seu blog com um banner feito em JQuery visita lá meu blog para você ver o banner quem sabe você goste ele tem uma função igual como a do msn quando entra algum contato no nosso msn
-------------------------------------------------
weliton nunes
www.ominidesign.com

templatesparavoce disse...

Querida Ariane,
Muito Obrigada por seus votos de um Feliz Natal!
Espero que o seu tenha sido ótimo!
O meu foi muito bom!
Estou escrevendo para desejar que seu Ano Novo seja cheio de coisas boas, realizações, alegrias, sucesso e tudo de bom!
Grande bjk com muito carinho!

victor disse...

Você não tem idéia de como tem me ajudado. Feliz 2009 e que deus te abençõe.

Ariane disse...

victor, fico realmente muito, muito feliz em ajudar, obrigada e feliz ano novo!

Lost_Matrix disse...

Olá tudo bem, não sei o seu nome mais so queria agradecer pelos tutoriais do seu blog que me ajudou em muito na criação do meu blog fiz uma menção de agradecimento no post abaixo da uma lida la ta bem legal...

http://www.planetacomedia.com/2008/12/boas-festas-adeus-ano-velho-e-feliz-ano.html

Nadejane disse...

Indique-me uma maneira de colocar imagens no cabeçalhos, explorando todo o espaço. Quando tento incluir uma imgame do meu computador ou net, ela é reduzida...
Todas as alterações que fiz no meu blog foi aprendendo aqui, pois a leitura é bem fácil de compreender. Parabéns pelo blog!
Caso queira ver o meu: http://nadejane.blogspot.com
Abração!
Nade

Juh Reys disse...

Olá, Ariane.

Primeiramente quero dizer que adoro seu blog e sempre que possível venho aprender um pouco com o tanto que você sabe. Parabéns, você faz um trabalho muito bonito aqui.

Então, é que há alguns dias eu baixei um template seu, o Photometoo. Eu modifiquei algumas coisas nele (A imagem superior) como vc pode ver no meu blog:
http://jujubareis.blogspot.com/

Até aí tudo bem. Tudo lindo e perfeito. Então descobri que o link de comentários estava com problemas, pois quem clicava para deixar o coment não visualizava a caixinha. Então, fui dá uma conferida na parte de Comnentários no painel de controle do blog e percebi que o motivo disto era o fato de estar marcado a opção: Formulário incorporado. Esse como o seu que fica embutido.
Mudei para janela inteira, aí passou a funcionar como a página toda. Mas então notei que o ícone não contava os comentários. E não achei onde modificar no HXML do Blogger...

Pode me ajudar? Foi algo que fiz ou é defeito do template? Desculpe importunar-lhe... Aguardo ansiosa pela resposta.

Beijos.

bobby disse...

Olá
gostei muito do seu blog
putz..... ele ajuda mto... pra falar a verdade... ajuda tudo
só tenho uma dúvida
se puder responder ficarei grato!
é que eu fiz um template/layout no PHOTOSHOP e o código no DREAMWEAVER para meu blog, e gostaria de saber se o blogger/blogspot aceita os templates enviados via FTP (por ex. pelo FILEZILLA)
obrigado
e parabéns pelo seu blog

Natasha Belus disse...

Vídeo perfeito. ótimo, to precisando de uma ajudinha e só quero perguntar se eu posso modificar algum dos seu templates (deixando créditos óbvio)infelizmente pra mim os códigos do novo blogger são complicadíssimos. Amei esse blog ele salvou a minha vida. Mais uma coisinha se eu não conseguir tem com vc fazer um template pra mim? Só isso, Beijos.

Lucas Soares disse...

Ariane,
gostaria de fazer um pedido de um post
ensinando como converter temas de wordpress para blogger.
Parabéns pelo blog!
Grato.

ADM-RADIO disse...

Ariane como eu tiro aquela img de cima do blog?
aquela onde ta escrito pesquisar Sinalizar blog Próximo blog»
acho que é navbar.

Daniele Menezes disse...

Amei o seu blog, vc é 10 por compartilhar... estava pesquisando para fazer um blog para minha pequena Mariana de 6 meses... O que falta é tempo, mas com o seu blog vai ser mais fácil... Adorei os vídeos..
Dá uma olhada neste meu blog e vê se gostou...
http://jornalismo-daniele.blogspot.com/
Bjs

bypoesia disse...

Ariane eu so gostaria de saber como arrumo meu layout fiz da maneira que vc encinou na segunda video aula e não deu certo porque eu estou colocando uma sidebar abaixo da outra se puder da uma olhada no meu blog de teste e eu gostaria de enviar a imagem do layout pra vc ver como esta tipo a sidebar-wrapper ficou la em baixo no layout e a newsidebar-wrapper ficou acima da coluna do post sendo que visualizando o blog esta alinhada como quero mas no layout esta da maneira que falei acima, eu gostaria sinceramente se vc puder é claro me dar a dica como faço para colocar uma coluna lateral a baixo da outra, pois das maneiras que fiz aqui e testei não vem dando certo se não desalinha o layout desalinha no blog visualizando-o aquardo respostas e agradeço pelas ajudas que vem me dando xD...

Walquíria Souza disse...

Olha só estou colocando meu blog só pq preciso da sua ajuda, se quiser apaga depois mas me responde, por favor. Consegui colocar 3 colunas no meu blog com as dicas que vc deu no blog. Ficou show! No entanto estou com um problema: como a main-wrapper fica sempre estremamente a direita, ela está sendo "engolida" pela coluna q add ao lado direito do meu blog. Oq eu preciso ajustar? Quais alterações fazer? Help me please! www.teacherwalquiriasouza.blogspot.com Obg desde já!

Ariane disse...

Walquíria, pelo que vi a coluna não foi engolida, ela está do mesmo tamanho e não invade a sidebar, só está sem margin nenhuma. acrescente em main-wrapper uma margin-right com o valor em px que vc achar melhor.

Jeff disse...

Olá Ariane.
Estou tentando modificar meu blog, e andei vendo uns internacionais em que as colunas laterais ficam sempre fixas nos cantos da tela não importando a resolução usada pelo leitor, ou seja não tem espaço entre as colunas e a lateral do navegador, não sei se estou conseguindo explicar, por este motivo segue um link de uma imagem de um deste sites/blog a que me refiro

http://img17.imageshack.us/img17/1086/88539532.jpg

desde já agradeço
Jeferson

Ariane disse...

Jeff, para criar este efeito use em outer-wrapper width: 100%

Jeff disse...

Muito obrigado Ariane, deu certinho, conforme verá na imagem abaixo, só que agora estou com outro problema, que na minha ignorância, achei que seria fácil contornar, mas não estou conseguindo, que é adequar o tamanho da coluna do post a distancia entre as colunas laterais

http://img195.imageshack.us/img195/483/sshot9.jpg

desde já agradeço
Jeferson

Profª Andréia disse...

Nao sei pq mais ao ver o video no meu pc, nao consegui ler nada durante a video aula...
sera se o problema e no meu pc, ou a video aula esta um pouco turva?

Graça Tristão disse...

Boa Noite!
Tentei ver o video algumas vezes, mas não consigo acompanhar nada, mesmo colocando HD daí é que não da mesmo, o HD fica em 1º plano bem em cima, mas estou lendo tudo para aprender, meu blog está sem acessórios, não sei por que sumiu layot, elemento de página, não consigo acertar se puder me ajude, agradeço.
Graça

Graça Tristão disse...

Boa Noite!
Tentei ver o video algumas vezes, mas não consigo acompanhar nada, mesmo colocando HD daí é que não da mesmo, o HD fica em 1º plano bem em cima, mas estou lendo tudo para aprender, meu blog está sem acessórios, não sei por que sumiu layot, elemento de página, não consigo acertar se puder me ajude, agradeço.
Graça

HÜSEYİN BİRSİN disse...

resimli olarak anlatsaydın daha iyi olurdu.

lucas disse...

Video aula me ajudo muito obrigado

novagraf disse...

Oi ariane vejo que vc tem ajudado muita gente, por isso HELP!!! Tenho alguns blogs, e preciso de aumentar a quarta coluna em um deles que já está com tres colunas, será que pode me ajudar?

Eu disse...

Ariane,
Eu coloquei videos no meu blog, mas ele não ficam tela cheia. Como faço para os videos ficarem em tela cheia?
Bjssss,
Ledha
www.ledha.com.br
ledha@ledha.com.br

Rosária Mendes disse...

Não consegui ver as imagens mesmo em hd aparecem totalmente desfocadas queria colocar uma 3 coluna num modelo atualizado do wordpress para o blogger seu fazer com os do blogger que usam como base o minima mas os que foram convertidos do wordpress não consigo vc sabe como fazer? Porque o css não é igual. se puder me ajudar ficarei grata bjs.

patbabi disse...

Oi não sei oq vc fez lá em cima no video pode explicar ??? A e tb preciso de um help *eu quando fiz o blog achei q depois pudece muda o fundo , pode ??? como????*

Postar um comentário

Os comentários são moderados.