krik 3x ... bg's edilene-amor... (background...backgrounds)

parcerias

Parcerias:
banner
120x60
nosso banner:

clica selecione copie cole o texto da cx e divulgue

"Política de Privacidade - Google AdSense"

visitas

krik3x.
Instruções de instalação do Blogger:

Para melhores resultados, use com Minima do Blogger ou modelo Picture Window.
Copie o código
Entrar na sua conta Blogger
Clique na aba que diz "Layout" ou "Design"
Clique onde diz "Adicionar um Gadget"
Agora clique em "HTML / JavaScript"
Em "Conteúdo" cole o código inteiro da caixa
Clique em "Salvar"
Desfrute de seu blog , incrivelmente novo

Como se remove "as linhas" do cabeçalho ( header) do template Minima"

..."as duas linhas que "circundam "
a área do cabeçalho (header),

..." mexer no código do template"...

..."em
Layout/Editar HTML"
.
e procurar
o local certo para
tal execução..."

...

assimm, sendo,
via
teclado,
aperte
CTRL e F
(ao mesmo tempo/juntos),
depois solta-se ,
e bem no pé da página
aparecerá,
lateral esquerda,
um local,
no qual digitará

header

depois

de enter

até chegar em

Header

encontrarás aí
as configurações do
Header (Cabeçalho).
... "o screen abaixo
é só apagar o número 1

e digitar o número 0 (zero)

Assim serão
deletadas, ou melhor, apagadas,

linhas do template .

..."são duas linhas,
e a
mudadança ocorre
em doislocais distintos.

sendo que
todos dentro
da
tag Header.

..."realizadas as mudanças,

Salve o
Modelo e
Visualize
para ver.

Em um blog de teste teu,
instale o Minima e faça
a modificação .

..." onde deverão
ocorrer as
mudanças"...
..."veja no
seguinte
..."screen"...

llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll

llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll

transforme em 03 (três) colunas o template Mínima de 02 colunas

"Para usar um template personalizado, customize-o,
a partir de um modelo ,
no caso, o template Mínima, que já tem no Blogger. O original, do Douglas Bowman, vem com 2 colunas mas, pode-se
transformá-lo em 3 colunas. E, se estiver iniciando um blog e utilizando o " Mínima", em nada afetará esta mudança no seu conteúdo, seus widgets, etc."

"Se você quiser usar um template com a sua cara, poderá customizá-lo a partir de um modelo Mínima, que já está disponível no Blogger. O original, do Douglas Bowman, vem com 2 colunas mas, você poderá transformá-lo em um modelo de 3 colunas.

Se estiver começando um blog e usando o Mínima, esta mudança não afetará o seu conteúdo, seus widgets. Mas, se estiver usando um template diferente, personalizado, deverá salvá-los, antes de prosseguir com a instalação de uma nova coluna.

Então, antes de editar ou alterar modelo, faça o backup de seu modelo atual e salve seus widgets."

"Vídeo | Como trocar o template salvando widgets"

"Feito isso, podemos começar:"

"Vá para o Painel e clique em >>Editar HTML.
Agora, encontre este trecho, no código HTML: ( use CTRL F , cole o código e clique em PRÓXIMO ou LOCALIZAR)"

#sidebar-wrapper { width: 220px; float: right; 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 */ }

"Copie o código abaixo e cole logo abaixo:"

#left-sidebar-wrapper { width: 200px; float: left; 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 */ }

"Use a barra de rolagem para cima e encontre este código:"

#main-wrapper {
width: 410px;
margin-left: 25px;
float: $startSide;
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 */
}

"Adicione o trecho em vermelho."

"Agora, vamos ajustar alguns valores, para adequar ao novo modelo. Troque os valores atuais pelos que estão destacados em azul:"

#outer-wrapper {
width: 880px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 425px;
margin-left: 25px;
float: $startSide;
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 */
}
#sidebar-wrapper {
width: 200px;
float: $endSide;
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 */
}
#left-sidebar-wrapper { width: 200px; float: left; 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 */ }

"Procure pelo trecho

e cole o seguinte código, imediatamente acima dele."

"Para retirar a borda do cabeçalho, procure pelo trecho abaixo e modifique o que está destacado em azul:"

#header-wrapper {

width:880px;

margin:0 auto 10px;

border:0px solid $bordercolor;

}

#header-inner {

background-position: center;

margin-left: auto;

margin-right: auto;

}

#header {

margin: 5px;

border: 0px solid $bordercolor;

text-align: center;

color:$pagetitlecolor;

"Clique em Salvar modelo."

"Agora clique na guia "Layout". Você vai precisar de arrastar alguns de seus elementos (widgets) da lateral direita para a barra lateral esquerda. Clique em visualizar e se estiver tudo certinho, como você quer, clique em SALVAR."

"Veja um exemplo do modelo que fiz, para testar este tutorial: Mínima 3 Colunas"

"Se quiser retirar o navbar, que fica no topo do seu layout, leia: Navbar do Blogger"

Se você quiser usar um template com a sua cara, poderá customizá-lo a partir de um modelo Mínima, que já está disponível no Blogger. O original, do Douglas Bowman, vem com 2 colunas mas, você poderá transformá-lo em um modelo de 3 colunas.

Então, antes de editar ou alterar modelo, faça o backup de seu modelo atual e salve seus widgets.

Vídeo | Como trocar o template salvando widgets

Feito isso, podemos começar:

Vá para o Painel e clique em >>Editar HTML.
Agora, encontre este trecho, no código HTML: ( use CTRL F , cole o código e clique em PRÓXIMO ou LOCALIZAR)

#sidebar-wrapper { width: 220px; float: right; 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 */ }

Copie o código abaixo e cole logo abaixo:

Use a barra de rolagem para cima e encontre este código:

#main-wrapper {
width: 410px;
margin-left: 25px;
float: $startSide;
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 */
}

Adicione o trecho em vermelho.

Agora, vamos ajustar alguns valores, para adequar ao novo modelo.

Troque os valores atuais pelos que estão destacados em azul:

#outer-wrapper {
width: 880px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 425px;
margin-left: 25px;
float: $startSide;
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 */
}
#sidebar-wrapper {
width: 200px;
float: $endSide;
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 */
}
#left-sidebar-wrapper { width: 200px; float: left; 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 */ }

Procure pelo trecho

e
cole o seguinte código, imediatamente acima dele.

Para retirar a borda do cabeçalho, procure pelo trecho abaixo e modifique o que está destacado em azul:

#header-wrapper {
width:880px;
margin:0 auto 10px;
border:0px solid $bordercolor;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
margin: 5px;
border: 0px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;

Clique em Salvar modelo.

Agora clique na guia "Layout". Você vai precisar de arrastar alguns de seus elementos (widgets) da lateral direita para a barra lateral esquerda. Clique em visualizar e se estiver tudo certinho, como você quer, clique em SALVAR.

Veja um exemplo do modelo que fiz, para testar este tutorial: Mínima 3 Colunas

Se quiser retirar o navbar, que fica no topo do seu layout, leia: Navbar do Blogger

slide

converter o template minima 2 colunas para 3 colunas

Tutorial
que mostra
converter o
template minima
2 colunas
para 3 colunas

Ao convertermos
o template MINIMA
de 02 (duas) colunas,
para de 03 (tres),
teremos mais espaço
e poderemos
locar
melhor
os gadgets;
...
neste tutorial,
aprenderemos,
como executar,
de modo que se
torne facil
e rapida
tal tarefa.

Para tanto,
clicar em
configuraçoes/
lay-out
depois
na
aba
"Layout /
Editar HTML".
...

" backup "
do modelo
atual,
...porque
é melhor ,
...caso
ocorra algo
que nao
gostemos,
poderemos
sempre
deixar
o blog
inicial.

...veja
onde diz :
"Baixar
modelo
completo"
"execute",
...
guarde
no
nome que
preferir.

Assim,
tendo o

"backup",

realize

as alterações
de código
para
obter
as três
colunas,
desejadas...(:

...

1. Copie
o
código da
barra lateral
para
duplicá-lo.

("Assim,
cria-se
a
segunda
barra lateral.")

Vamos
buscar o
codigo
(o qual sera
duplicado),
que segue
abaixo
\/

2. ..."só colocado abaixo. "

Pega-se a continuaçao.
e fazemos assim,
somente
mudar a posição,
alterando,
a
estrutura do template.

"alterando o seguinte"

3. Adicionar
acima
onde
mostra o
seguinte quadro:

4. Agora definir alguns
valores para se ajustar
ao novo modelo
(template).

Isso irá alterar os
seguintes números:

5. Perto do fim do código,

olhar
para a cor
verde

e, colá-lo um pouco

acima do seguinte:

6. Finalmente,
ajuste a largura da faixa central
do blog.
Isso irá alterar
os seguintes parâmetros:

...agora,

salvar modelo.

...vá até a guia
"Elementos da página"

e veja as
três colunas,

pronto ;

para adicionar os
gadgets
que você precisa.

o código abaixo,
terá de ser duplicado,
prestai atençao
:)

# Sidebar-wrapper (width: 220px; float: left; word-wrap: break-word; / * fix for long text breaking sidebar float in IE * overflow /: hidden; / * fix for long non-text breaking sidebar conteúdo do IE float * /)

" lugares para hospedar suas imagens."

" lugares
para hospedar
suas imagens."

hostimage.webjapt.com

??

?

function closeFla(){
if(document.getElementById) {//NN6,Mozilla,IE5ç”¨
document.getElementById("flaLayer").style.visibility = 'hidden';
}else if(document.all){//IE4ç”¨
document.all("flaLayer").style.visibility = 'hidden';
}else if(document.layers){//NN4ç”¨
document.layers["flaLayer"].visibility = 'hide';
}
}

function docWrite(){
var swf_url="http://parts.kuru2jam.com/js/wind_chime_mini.swf";
var html="";
html+='


';
html+='';
html+='';
document.write(html);
};
docWrite();

"Minima de três colunas"..."Backgrounds "

..." o Minima três colunas
usa-se
background
medidas de
largura e altura:
1450 px X 1100 px. "

..." mudança ocorre na

imagem central

ficando agora com:

1100 de largura, "...

..."nos backgrounds

Minima de duas colunas,

...a medida de antes era:
750 pixels de largura

para a imagem. "

"Criar um Background para o Blog".

..."primeiramente ,
separa-se as imagens
conforme tema que será adotado.

..." comum o emprego de kits gratuitos
para a composição de
scrapbookings
digitais, desde que apenas para
uso pessoal e citada a fonte.

"Programa utilizado,
Paint Shop Pro X."

...passo a passo...

..."abrir uma imagem
de fundo transparente com
1450 pixels de largura por
1100 pixels de altura."
..." cobrir a imagem
com fundo desejado."

..."abre-se nova imagem com
fundo transparente
nas dimensões de
750 pixels de largura
por
1100 pixels de altura.

...cubra-a com figura ou cor desejada,"

..."não se esquecendo
que esta é a área onde
serão escritos os textos."

..."não carregue com imagens fortes."

... "colar essa imagem de
750 pixels de largura sobre
a de 1450 pixels. Até então se
tem a imagem básica que
servirá de background.

..." acrescente " borda"
na imagem menor e sobrepõe-se
à maior com o uso de
"Drop Shadow "
...melhor."

Após acrescentados
os elementos e
os adornos,

salve a imagem
em JPG
no PC,

..."carregue-a
ao site de
hospedagens
de imagens;"..
..."em contas gratuitas ,

o tamanho máximo
de armazenamento
permitido é de
imagens com
1024 de
largura"...

No screenshots a seguir,
..."comentários inseridos"...