.
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 3Recorte das linhas aonde acontece as modificações.
#outer-wrapper {
width:
960px; .........................................A largura anterior era 740px. Aumentei em 220pxmargin:0 auto;
text-align:$startSide;
font: $bodyFont;
}
#main-wrap1 {
width:
685px;
...................................... Era 485px, aumentei em 200, foi para 685pxfloat:$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 corpofloat:$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 elefont-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 468pxpadding: 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 eEm 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.comE gosto de escrever mensagens cristãs em:
www.olhar-cristao1.blogspot.com.
5 - O resultado vai ser o prenchimento do box lateral do seu blog, sob o título Blogs que eu Recomendo ou simplesmente Blogs como está no box do lado. O título fica a seu critério.
