Como aumentar a largura dos textos do blog

.

Oi! Tudo bem?

Anote aí:

Antes de qualquer modificação em seu blog, faça um backup do Html dele. Assim se alguma coisa der errada, você repõe esta cópia e o Blog volta com a configuração anterior.

Tanto para fazer o backup quanto modificar as configurações das linhas de programação do Blog o caminho é o mesmo: Painel/Layout/Editar html.

Backup: clique com o mouse em um ponto qualquer entre as linhas de de configuração, depois selecione com um ctrl+a, copie com ctrl+c. Em seguida abra o programa "bloco de Notas" em Iniciar/programas/acessórios/Bloco de Notas - cole ali com um ctrl+v e salve com o nome do seu blog. Backup pronto, agora vamos mexer linhas nas configurações do seu blog.


Esta postagem fala de dois tipos de Blogspot. 1) O mais recente (2010) quero orientar para usar o "modelo" Travel. Ele pode receber várias configurações. Os outros não. Também este é mais leve para uso do leitor. Para mexer nas configurações dele, vá em design e depois em layout. Se já é mais "expertinho" siga as informações da figura abaixo. Quando você reduz as medidas de 360px para menos, por exemplo para 240px, você vai alargando o "main" ou a caixa de textos.



Mas se seu blog ainda é dos modelos antigos, as medidas a serem mexidas aparecem aqui abaixo.

Mas tome nota: estas medidas são dos blogs de modelos antigos.


BLOG MODELO ROUNDERS 3

Recorte das linhas aonde acontece as modificações.


#outer-wrapper {
width:960px; .........................................A largura anterior era 740px. Aumentei em 220px
margin:0 auto;
text-align:$startSide;
font: $bodyFont;
}
#main-wrap1 {
width:685px;...................................... Era 485px, aumentei em 200, foi para 685px
float:$startSide;
background:$mainBgColor url("http://www1.blogblog.com/rounders3/corners_main_bot.gif") no-repeat $startSide bottom;
margin:15px 0 0;
padding:0 0 10px;
color:$mainTextColor;
font-size:97%;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#main-wrap2 {
float:$startSide;
width:100%;
background:url("http://www1.blogblog.com/rounders3/corners_main_top.gif") no-repeat $startSide top;
padding:10px 0 0;
}

#main {
background:url("http://www.blogblog.com/rounders3/rails_main.gif") repeat-y $startSide;
padding:0;
width:685px; EXCLUA TODAS ESTAS CINCO LINHAS EM VERDE
}

#sidebar-wrap {
width:250px; ................Muitos pensam que o box DIREITO vai sumir quando aumenta o corpo
float:$endSide;......................do texto. Engano. Eu ainda aumentei o box de 240 para 25opx.
margin:15px 0 0; ........................ O pulo do gato é que , quando aumento o corpo de textos ele
font-size:97%;............................... desloca para a esquerda. O box fica na direita.
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

.main .widget {
margin-top: 4px;
width: 668px; .....................................aqui também aumentei em 200. Era 468px
padding: 0 13px;
}

.main .Blog {
margin: 0;
padding: 0;
width: 684px; .................................E aqui o último lugar onde aumentei em 200. Era 484px.
}


#header-wrapper {
background:$titleBgColor url("http://www2.blogblog.com/rounders3/corners_cap_top.gif") no-repeat $startSide top;
margin-top:22px;
margin-$endSide:0;
margin-bottom:0;
margin-$startSide:0;
padding-top: px; ..............para ajustar a altura do banner eu zerei esta medida. Era de 8px.
width: 0px; ..........................e para ajustar a largura do banner eu criei esta linha.
padding-$endSide:0;
padding-bottom:0;
padding-$startSide:0;
color:$titleTextColor;
}
#header {
background:url("http://www.blogblog.com/rounders3/corners_cap_bot.gif") no-repeat $startSide bottom;
padding:0 px px; e para terminar o ajuste tambem zerei as posições desta linha.

Assim que fiz tudo isto, o resultado você pode ver aqui: T e s t e

Em teste, você vai ver um banner que eu criei usando dois programas: o Paint que todo Windows tem e um Programa de Desenho Gráfico bem leve chamado Paint Shop Pró Versão 9

Pode obervar ali, que o banner está superajustado, o corpo de texto uns 8cm mais largos e o Box quase um centímetro mais largo. Ainda não consegui tirar as pequenas marcas pretas dos antigos cantos. Espero que alguém descubra este detalhe e me ensine. He he he!

Espero que tenha gostado.


Anote aí o endereço do meu blog principal: www.olharcristão.blogspot.com.
Meu email é cruzue@gmail.com
E gosto de escrever mensagens cristãs em: www.olhar-cristao1.blogspot.com




.