02 abril, 2012

Como fazer um layout Big tutorial

 

Oie meeeeuuus aamoores, tddu beim ccoom vooceeis ? #Euu preeesciiso saabber ddaa suuÁ viiida ♪ ee eu too ottiiima , boum muiitas pessooas #3 leitores USHAUSASUAHSU' me perguntam direto como eu faço meus layouts , entãão hoje eu criei coragem pra ensinar vou ensinar faazer um layout muiito lindo porem diivo , clique em leia mais e aprenda

Priimeiirameennte va em designer do modelo ,pra quem não sabe onde fica aqui esta o link http://www.blogger.com/template-editor.g?blogID=3123997078029673684   e escolha o seguinte modelo de layout

gf

agora vamos escolher um plano de fundo para seu layout ,logo abaixo da aba modelos tem a aba plano de fundo , clique la e clique em remover imagem vai apareçer uma mensagem clique em ok , e escolha um plano de fundo abaixo ou outro se prefirir

Planos de fundo :

02fundo-bolinhas3_thumbA - Fundos %281%29bvhmghb

e agora vamos escolher a largura do seu blog ,deixe assim a largura

vbcbf

agora vamos escolher as colunas do seu blog , va na aba layout e ajuste assim

cats

 

agora clique em aplicar no blog , e vamos mecher na parte do html do seu blog agora , mais ai voce fala , mais e a aba avançado ?  boum a aba avançado só iremos mecher dps de modificar un pouco do seu html oks ? boum agora vamos retirar o navbar e o espaço vazio do blog ,não vou postar resultado se não a postagem vai ficar muito grande oks ? vaamos lla

 

1- Vá até Design, Editar HTML, aperte CTRL+F e procure por:

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

Caso você não ache, procure por: <body class='loading'>

2- Após ter achado qualquer um dos dois códigos, cole antes: 

<!-- Navbar-->
<script type='text/javascript'>
<![CDATA[
<!--
/*<body>*/
-->
]]>
</script>
<!-- Navbar-->
4- Aparecerá um aviso,  falando que você está excluindo um widget, clique em Excluir Widgets!

Tutorial do blog Other Things

agora vamos aprender a retirar isso aqui do seu blog

fdgsdh

1- Vá em Design, Editar HTML, aperte CTRL+F e procure por: .feed-links { 

E logo abaixo dela cole: display: none; Caso você não ache a primeira tag, procure por:]]></b:skin>

E cole ACIMA dela : .feed-links {  display: none; 

e pronto , ja retirou assinar :Postagens (Atom)

agora vamos mecher nos avançados va em designer do modelo ,pra quem não sabe onde fica aqui esta o link http://www.blogger.com/template-editor.g?blogID=3123997078029673684

e va la na ultima aba , avançados

vamos começar do começo , Texto da pagina :

escolha a cor que vc deseja , obs:essa cor sera a cor de todos os seus textos do blog & escolha uma fonte , aconcelho que escolha uma fonte legivel , eu escolhi a font Arial na cor preta , não mecha na aba planos de fundo , pule para aba links e escolha a cor dos links do seu blog ,agora no titulo do blog vc deixa trasparente, va nas cores e la vai ter transparente só selecionar agora vamos mecher no titulo da postagem , é boum voce ter uma postagem no blog , de qalquer coisa ou apenas escrito teste pois é beim melhor pra voce escolher , escolha uma fonte e uma cor para o titulo das suas postagens  agora vamos mecher no cabeçalho de datas escolha apenas uma cor *-* agora vamos mecher na postagem na primeira cor escolha preto && na cor da boorda escolha transparente , vamos mecher nos gadjets escolha uma cor e mude a font se necessario ,e a parte basica do seu layout esta pronta , agora eer so olhar essas postagens de outros blgo e seu layout ficarÁ perfeito

Aqui uma pequena ''listinha'' de tutoriais que irão te ajudar com o seu blog, 

Menu dentro do banner

Brushes para design

Mapeando uma imagem

Personalize o títulos dos gadgets

Caixa de busca personalizada no cabeçalho

Cursores padrões

Imagem como background nos marcadores

Criando um layout básico

ir para o topo efeito deslizante

Mudar o background com um click

Menu ao lado do post

Gadget agenda

fundo/borda na cbox

Tudo sobre a cbox

menu em abas

Button de seguir do twitter no blog

Button ocultar/revelar conteúdo

Barra status fixa

Links marcadores com fundo colorido

menu com imagens/efeito hover

Criar caixas de códigos no post (personalizadas)

Sobre o inkscape

Retirar espaço entre cabeçalho e navbar

Rodapé do blog

 

Proontin bjs espero que gostem & comentem dizendo qoue ashou e se  mudou seu layout poste seu link pra mim ver, mais avise *-*

15 Cupcakes Comentaram:

Inaye disse...

ajudou mt ^^

Jaackýlline disse...

QQee bboum aamoor sss2+

Julia Villela disse...

Oi Flor, tudo bem com você ?
Espero q sim !!
Quer se afiliar com o Bolha Doce?
Me responde viu !!
Beijos
http://bolhadoce.blogspot.com.br/

Samantha costa disse...

uso o modelo travel os tutorias pegam melhor!! mais eu adorei >>Ajudou muitos todos esses links XD

Adoro seu blog!
Nhack>>Magali girls

Sunny Sundae disse...

O layout básico eu sei fazer...Depois de anoss de pesquisa,encontrei uma blogueira que não prefere morrer do que revelar seu "código fonte"...Ainda não testei no blog,mais com certeza vai ajudar ^_^.

BJSS AMORESS

By:Sunny

menininhas-nerd.blogspot.com

Biah ;) disse...

Floor, me ajuda a divulgar meu blog novo por favoor?! http://flordelaranjeirablog.blogspot.com.br/ sigo o seu, segue tbm... ;) beijinhos

LuanaMachado disse...

Segui meu blog? estilosdaluana.blogspot.com.br
Gente adoroo este blog. super beijos !

Amanda Fernandes disse...

Eu não achei nenhum dosdois codigos :(

Rafaah *-* disse...

Estou fazendo *-*
Tomare que de certo Haha ><'

Adri Gomes disse...

Amei esse tuto ...
muito obrigada!!!
http://mininaimperfeita.blogspot.com.br

Tábatha Resck disse...

Eu não achei nenhum dos links....Me responde, por favor!!!

Alana Ferreira disse...

Oi segue eu ? http://nanasfloquifloqui.blogspot.com.br/
Divulga ?

Jack disse...

Oiin,amei o blog ii queria saber como faço pra por esse estilo de setinha? Me ajuda Please!!!! ♥

Equipe News Demi Lovato Brasil disse...

nao consegui fazer nada disso

Equipe News Demi Lovato Brasil disse...

me ajuda

Postar um comentário