Instruções de instalação do Blogger:Para melhores resultados, use com Minima do Blogger ou modelo Picture Window.Copie o códigoEntrar na sua conta BloggerClique 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 caixaClique em "Salvar"Desfrute de seu blog , incrivelmente novo
Pesquisar
Marcadores
visitas
" Sua notícia foi promovida no diHITT ".
" Sua notícia foi promovida no diHITT "
| ||||||||||||||||||||||||||
A notícia " lugares para hospedar suas imagens." foi promovida para a categoria de notícias populares.
Acompanhe no endereço http://dihitt.com.br/noticia/-
Equipe do diHITT
Como se remove "as linhas" do cabeçalho ( header) do template Minima"
..." 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
..."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."
"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)"
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.
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.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:
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
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
?
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();"Criar um Background para o Blog".
..."primeiramente ,
separa-se as imagens
conforme tema que será adotado.
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"...
"Este é o background básico
que pode ser instalado no Blog"
..." Template Mínima" "Formatando"...
..."o template mínima para que formatemos, utiliza-se:
" Paint Shop Pro "...
..." no Paint Shop Pro,
cria-se a imagem para seu "background", de seu "template"
...
..."cortando em três partes, a imagem, que se vai utilizar, no Template Mínima" ...
...
..."imagem do template
realizada
no Paint Shop Pro
com medida de
900X1100"...
..."pode-se
trabalhar com
altura
menor,
ou maior
..."em torno de
600 pixels, "...
..."após conclusão desta etapa,
cotar-se-á em três partes ,
e..."
. .."guarde,
ou melhor
dizendo
" hospede",
em site próprio
de imagens,..."
... "o endereço
("URL")
das imagens geradas
no site hospedeiro, será o código do
template, ..."
nos locais
devidos,
para surgir sua formatação criada."...
..." quem prefere utilizar o
" Paint Shop Pro "
tudo bem,
ou , se preferir
pode-se utilizar
outro
programa,
que faça a mesma coisa..."
...
~
@(*-*)@
\/
" Paint Shop Pro "...
..." no Paint Shop Pro,
cria-se a imagem para seu "background", de seu "template"
...
..."cortando em três partes, a imagem, que se vai utilizar, no Template Mínima" ...
...
..."imagem do template
realizada
no Paint Shop Pro
com medida de
900X1100"...
..."pode-se
trabalhar com
altura
menor,
ou maior
..."em torno de
600 pixels, "...
..."após conclusão desta etapa,
cotar-se-á em três partes ,
e..."
. .."guarde,
ou melhor
dizendo
" hospede",
em site próprio
de imagens,..."
... "o endereço
("URL")
das imagens geradas
no site hospedeiro, será o código do
template, ..."
nos locais
devidos,
para surgir sua formatação criada."...
..." quem prefere utilizar o
" Paint Shop Pro "
tudo bem,
ou , se preferir
pode-se utilizar
outro
programa,
que faça a mesma coisa..."
...
~
@(*-*)@
\/
" Sua notícia foi promovida no diHITT".
" Sua notícia foi promovida no diHITT "
| ||||||||||||||||||||||||||
A notícia Background girassol 3 col. / free / template mínima foi promovida para a categoria de notícias populares.
Acompanhe no endereço http://dihitt.com.br/noticia/-
Equipe do diHITT
" Sua notícia foi promovida no diHITT ".
" Sua notícia foi promovida no diHITT "
| ||||||||||||||||||||||||||
A notícia "COMO INSTALAR O LAYOUT" para blogs... foi promovida para a categoria de notícias populares.
Acompanhe no endereço http://dihitt.com.br/noticia/
Equipe do diHITT
Assinar:
Postagens (Atom)
Marcadores selecionados
linkwithin
LinkWithin
Follow by Email
twitter updates
Parcerias fiéis...
agregam
favoritos
krik 3x
visitas
recent visitors
Inscrever-se
Postagens
Comentários
estatísticas
slide
