Peraí Elaine: o que é código-fonte?
Código-fonte é o código html do seu blog. Você localiza assim: clique em Layout, e em seguida clique na aba Editar html. Pronto, este é o código do seu blog; tudo o que contém o seu template está expresso neste código-fonte, em linguagem de computador, ou seja, HTML.
Então, como ia dizendo, muita gente morre de medo de mexer e apagar tudo e destruir o blog. Mas isso não acontecerá se você tomar o cuidado de fazer backup do seu blog antes de mexer nele.
Para fazer backup é simples:
Clique aqui e veja como fazer backup completo do blog
Pronto! Agora você tem seu blog salvo em seu pc e se nas mexidas algo der errado é só colocar de volta e tudo será como antes.
Agora vou contar como fazer para alargar a coluna onde você posta seus textos e também a sidebar, que é a coluna lateral.
Faz assim:
No código-fonte do seu blog procure este trecho (use Ctrl+f dentro da caixa de código; vai abrir uma barra de pesquisa onde você cola o trecho que está procurando):
#outer-wrapper {
Ele se refere à largura total do seu template. No caso do template Mínima (mais comum usado no Blogspot) este valor é 660px.
Para aumentar a largura da coluna do post e/ou da sidebar considere que a soma de ambas as colunas não pode ser maior que esta largura total, certo?
Agora que encontrou, mude o valor para a largura desejada, por exemplo 800px. Assim temos agora um template com 800px de largura total.
Agora procure por este trecho:
#main-wrapper {
Ele é que define a largura da coluna do post. Mude para a largura desejada, por exemplo 510px. Visualize.
Agora vamos aumentar a largura da sidebar. Procure este trecho:
#sidebar-wrapper {
Altere aí o valor da sua sidebar; seguindo o exemplo que estou usando aumente para 260px.
Então, somando temos: 510+260=770.
Mas o template não tem 800px de largura total?
Sim, mas não é correto usar toda a extensão da largura senão os posts e os elementos da sidebar ficariam muito grudados.
Também é preciso alterar o valor do header, ou seja, do cabeçalho pois senão fica descentralizado. Para fazer isso encontre este trecho:
#header-wrapper {
Altere o valor que está aí pelo valor total do template,que no meu exemplo é 800px.
Visualize e se estiver tudo certo, salve as modificações.
Uma dica importante é não ter nem medo nem preguiça. Vá mexendo, mudando até ficar do seu gosto e só clique em Salvar quando tudo estiver pronto.
Parece complicado mas é muito fácil e gostoso de fazer, pode crer em mim.
E se você usa um dos novos modelos do Design de modelo do Blogger essa alteração de largura pode ser feita via painel do blog, clicando em Design/Design de modelo/Ajustar Larguras.

ELAINE..
ResponderExcluirtem gente sim...to aqui , mas daqui a pouco estou indo para a praia, faço um bate e volta, acho que amanha a noite to de volta..ou quinta...
vou por em prática todos seus ensinamentos e os selinhos quando voltar..
ano novo blog renovado..
to aqui esperando o tempo passar..
tenha uma boa noite querida..
que Deus esteja com vcs.
um bjuivo no coração.
obrigada pelas dicas...vc é um baratão!!!
carinhos.
loba.
UEBAAAA!!!!!!!
ResponderExcluirAssim que voltar de viagem vou fuçar como se não houvesse amanhã!! Qualquer coisa, grito por socorro.
Beijas e ótima festa de reveillon.
Elaine,
ResponderExcluirMoça de grandezas....grandezas nas palavras, na doação, nos ensinamentos...moça de sabedorias que sabe distribuir sem ter soberba...deixo uma msg p ti, com muito carinho:
Desse ano vou levar muita coisa...
abraços apertados, comentários engraçados e inteligentes...beijos gostosos e desejos alucinados de tudo de bom..
mais sins do que nãos...
Estou feliz...e essa felicidade desejo em dobro a você.
E um dos maiores desejos meu é que fique comigo em 2010.
Feliz 2010
bjusss
A D O R E I as explicações... mas, como vc falou, morro de medo de mexer em alguma coisa! hehehe. Até tenho um blog de teste, mas, fico morrendo de medo de fazer uma caca daquelas sem conserto!
ResponderExcluirMas, que suas explicações estão claras, ah! isso estão. Quem sabe agora eu não perca o medo????
Bjs
Mas essa mulher é d+.
ResponderExcluirObrigada, passa lá e vê se ficou bom...brincadeira.
Sabe o quanto já te enchi e sempre você me ajudou.
Feliz Feliz Feliz ano Novo.
Bjo grande.
Olívia
Elaine, eu salvo todas as suas aulas em um arquivo word. Ainda não testei algumas coisas que quero, como por exemplo fazer um destaque no texto com aquelas linhas pontilhadas que vc ensinou fazer... são coisas até simples, mas que valorizam o post. Mas a verdade é que sou super medrosa e tenho medo de fazer uma M&%)@!!!
ResponderExcluirBjs
Boom diaaa!!!
ResponderExcluirEu sou uma dessas que morre de medo, mas vou tentar, principamente lá no artes.
beijão e um 2010 maravilhoso!!!
Tu explicas tudo muito bem em sempre ótimas e claras dicas.beijos e lindo 2010!chica
ResponderExcluir"Lá bem no alto do décimo segundo andar do Ano
ResponderExcluirVive uma louca chamada Esperança
E ela pensa que quando todas as sirenas
Todas as buzinas
Todos os reco-recos tocarem
Atira-se
E
— ó delicioso vôo!
Ela será encontrada miraculosamente incólume na calçada,
Outra vez criança...
E em torno dela indagará o povo:
— Como é teu nome, meninazinha de olhos verdes?
E ela lhes dirá
(É preciso dizer-lhes tudo de novo!)
Ela lhes dirá bem devagarinho, para que não esqueçam:
— O meu nome é ES-PE-RAN-ÇA..."
( Mário Quintana)
FOI DESSE JEITO QUE EU OUVI DIZER... está aqui para desejar para você um ano de 2010 de muita LUZ. Que nele você consiga realizar alguns de seus mais importantes propósitos.
E que DEUS ÑANDE RU continue nos anemçoando COM A SUA ETERNA GRAÇA pelo resto de nossas vidas. Agradeço sua presença em meu blog durante o ano de 2009 com seus comentários sempre muito carinhosos e relevantes. E como já é tradição em nossa cultura trago algimas simpatias para entrar o ano de bem com ele. BOA SORTE.
QUE SEJAMOS FELIZES.
FELIZ ANO NOVO !
Saudações Florestais !
http://www.silnunesprof.blogspot.com
Ai....pra mim não deu nada certo...faz tempo que eu quero aumentar a largura do meu blog, mas não consigo....
ResponderExcluirNo meu, após as palavras código que você citou não aparece o número de px.
Beijos.
Tenho medo de mexer em qualquer coisa, acredita?
ResponderExcluirVou fazer um blog teste...ano q vem..rsrs
Amiga, que Deus abençoe sua vida cada dia mais! te adoorooo tantão!!
Obrigada por tudo, pela diferença me minha vida esse ano, obrigada por permitir q conheçamos sua história, obrigada por ter indicado meu blog em um dos seus posts e por todas as palavras que colocou direcionada a mim, obrigada por conta a minha love história em seu blog..
Te adoro de verdade!
Que 2010 seja repleto de luz, paz, amor e mutia esperança para ti e aos seus!
ResponderExcluirBeijos!
Rô!
Queridona
ResponderExcluirDesejo que 2010 seja MUITO generoso contigo.
Mil beijos.
Olá minha linda o seu blog. está muito bonito e você é uma pessoa 5 estrelas.
ResponderExcluirAlgumas pessoas que eu conheço são muito invejosas só querem a sabedoria para elas são incapazes de ensinar alguma coisa a alguém mas você é uma querida sempre se preocupa.
Desejo para você um feliz 2010, beijinhos de luz em seu coração
oi anjo eu nao tenho plavras obrigada vou tentar!!! oi voce encata beijo bom ano
ResponderExcluirobrigada beijao
OI Elaine, Feliz 2010 pra vc e toda família, e preciso mudar meu blog, vai completar um ano e ainda tá com a mesma cara... bjusss
ResponderExcluirPassando pra lhe desejar um 2010 inesquecível repleto de sucesso..bjs
ResponderExcluirPuxa, que aula! Parabéns. Eu sou da turma das que têm medo de mexer, mas qualquer hora tento. Ainda não estou satisfeita com a troca do template, mas vou devagar.
ResponderExcluirBoas entradas em 2010, com muita saúde, paz e amor: o trio perfeito.
Já falei? Se falei, repito: muito prazer em ter lhe conhecido! Beijos.
Muito útil, obrigada!!!
ResponderExcluirQuando estiver sóbria, vou fazer. Acabei de tomar umas tacinhas de espumante, então não vai dar certo, hehe.
Bjs!
Adorei teu cantinho, tem uns diferenciais que não vemos por ai, precisa ensinar...beijocas
ResponderExcluirBom dia, Elaine!
ResponderExcluiressas suas dicas são excelentes e muito úteis. Eu fiz o backup do meu blog como você indicou e salvei o "template" no meu PC. Ele veio em formato .xml (eu uso Mac).
No entanto, eu gostaria de saber, no caso que o meu blog seja eliminado, como devo fazer para repor esse template? devo criar um novo blog, ainda virgem, e inserir o meu antigo blog em HTML que está no template, ou seja, abrir o template, copiá-lo e colá-lo no "editar HTML" do novo blog?
Muito obrigado com antecedência pela resposta e um grande abraço.
André
Elaine
ResponderExcluirParece bem legal suas dicas, mas como bem falou pinta uma insegurança.
Obrigado.
Sergio Nunes
Ampliei a largura do meu baseada na sua orientação. Deu certo! Obrigada profa! rsrsrs
ResponderExcluirMulher...não tive medo e fiz...ficou ótimo, muito obrigado!
ResponderExcluirBjks
Marília
1° muiiito obrigada pela dica nossa ajudou demaiiiis!!
ResponderExcluir2° quero te convidar a visitar meu blog e trazer meu link pro seu cantinho... o seu ja ta la rsrsrsrs
brigadin bjin
cilinhaartes.blogspot.com
Pocha, muitíssimo obrigado. Coloquei um template personalizado e não tinha com ajustar larguras no painel do blogger por ser personalizado. Aí com essa forma por HTML que vcê explicou foi minha salvação, pois estava quase retirando o template por ser muito estreito. Ficou perfeito. Visite lá http://noticiasautozone.blogspot.com/
ResponderExcluirElaine, que Deus te abençoe, pq vc salvou a minha vida!
ResponderExcluirMil bjos
Cheguei aqui agora. Vou ler direitinho e tentar fazer. Meu Blog Regiao Oceanica é dos antigos e estreito demais.
ResponderExcluirJuntar coragem e fazer. Depois conto o que aconteceu. Obrigada pela ajuda. Beijos.
Amei esse post seu, muito bom, é o que eu procurava, obrigada, já to te seguindo. bjossss
ResponderExcluirMuito obrigada flor amei seu blog e seu post.. Meu blog tava muito feio antes pois a coluna tava muito pequena e as letras estavam invandindo o post de uma maneira que ficavam por cima e junto ficavam aquela bagunça. Muito bem explicado seu post parabéns você conseguiu deixar uma coisa difícil de uma maneira bem simples! Resolvi meu problema! Valeu :)
ResponderExcluirNão consegui encontrar este trecho que se refere no meu HTML ! Beijos!
ResponderExcluirsweetbulunga.blogspot.pt
Ola Elaine,
ResponderExcluirSou blogueiro já faz um tempinho e tenho certo conhecimento em HTML, mas a gente nunca sabe tudo e estamos sempre aprendendo. Fiz as alterações em um blog de testes para tirar as duas laterais de um template customizado por mim, segui suas recomendações.
O que está acontecendo é o seguinte: na minha tela as laterais de fato sumiram, e era isso mesmo que eu queria, ou seja, aumento um pouco a coluna dos posts, deixo a sidebar com 300 pixels. Porem nos computadores (Notbooks) onde pedi para amigos verificarem nada mudou, as laterais continuam.
Obs: Minha tela tem 18,5
O que será isso ?
Parabéns pelo blog e um grande abraço.
excelente vc esta de parabens...
ResponderExcluirNossa muito obrigada mesmo!!!! Não sabe o quanto me ajudou! Uma coisa que você disse que é importante é não ter medo e arriscar, mas com essa ajuda fiquei mais confiante hehe bjs www.canecaquente.com.br
ResponderExcluirElaine sua linda, amo teu blog , personalisei meu blog com um template base que uma blogueira deu na internet somente lendo o seu blog, todinho *--*
ResponderExcluirMas estou com um super problema, a minha barra de postagem estou achando pequena, e todas as fotos que eu coloco ficam pequenas, no template anterior eu podia colocar as fotos bem grandes que elas ficaram grandes porem somente dentro da area de postagem sem cortar as fotografias, agora fica tudo saindo da area de postagem e cobrindo o blog todo, e nao consigo encontrar essas #HEADER ai que tanto tem, porque acho que no meu template foi feito diferente ... por favor ajude :(
MEU BLOG : www.bywilkersonaraujo.com QUERIA MUITO SUA AJUDA, TE ADOOR
Meu facebook se quiser add : https://www.facebook.com/wilkersonaraujo
BEIJOSSS
esse blog é #Tooop'
ResponderExcluirNao existe Blog como esse nao,Tudo explicado bem direito,so nao entende que nao ler direito Ameii,Deus Abençoe!!
ResponderExcluirOi Elaine gosto muito do seu blog, aprendi e estou aprendendo muito com as dicas que vc da sobre blog, mas tem coisa que ainda fico perdida, como nesta sua dica , eu coloquei tudo certinho como vc descreveu dei enter e não achei dentro dos meus codigos vc sabe me dizer porque?
ResponderExcluirMagali, eu teria que ver seu blog pra saber, mas a forma de localizar os códigos, atualmente, é exatamente assim como descrevi.
ExcluirCaso realmente não encontre pode ser que seu template não os possua, e que seja um template nativo do Blogger.
Qual seu blog?
olá amada como vai? gostaria que vc ensinasse como mudar as cores da barra lateral do novo blog 2014?
ResponderExcluirme ajude porfavor bjs aguardo resposta, muitas benção pra vc!
E como alterar as dimensões das páginas? as minhas postagens ficam com o tamanho certo, mas as páginas ficam todas apertadas com o conteúdo a sair para fora dos limites
ResponderExcluirBoa noite, não sei o que houve, mas os comandos não estão mais sendo encontrados. Não sei se é diferente ou o qual o motivo, porém, não consigo encontrar mais os códigos informados para modificações do html. Não é problema de busca, já que outros do próprio html são procurados e consegue achar
ResponderExcluirRealmente foi o melhor post que achei ! Muito Obrigado !
ResponderExcluirPerfeito! Muito útil!
ResponderExcluirParabéns, precisava muito de aumentar a sidebar do blog e estas foram as melhores explicações encontradas na web. Tudo perfeito. Obrigada
ResponderExcluirE Bom Vc Deixar As Pessoas Selecionar o Texto Para Poder Copialo N bloquear dificultando mas ainda seus tutoriais ;)
ResponderExcluirPost Perfeito. Tutorial 10! Fiz no meu blog de teste e depois no original!!!
ResponderExcluirMuito Obrigada!!
Ficou Lindo!
Nossa! Meu blog não tem nenhum desse códigos :(
ResponderExcluirExcelente.
ResponderExcluirlegal
ResponderExcluirhttp://allancar.blogspot.com
Olá, Boa noite! Consegui fazer tudo certinho, porém, meu menu de opções não alterou, aumentei a largura de tudo mas o menu e o slider ficou faltando, como posso alterar pra ajustar com o tamanho total do blog?
ResponderExcluirEdilene, esse tutorial é muito antigo.
ExcluirQual tema vc usa? Qual o blog?