18/10/2012

Template em Estilo Revista:


(amo muito ela)



Amoores Tava na Hora de mudar né? Kawaii Kawaii, Voou Mudar para
Cherry Bomb, a Lia postou um Tutorial que eu Ameei e resolvi passar para vocês, resumindo: os Creditos são todos ao Cherry Bomb
chega de blá blá blá e vamos ao que interessa o Tutorial é super grande, e requer bastante atenção.

1.Formatação

Primeiramente você devera seguir os Passos desse Tutorial: clique aqui

depois disso você vai em Designe de modelo, clique em Layout e configure assim:


agora em Ajusta Larguras e ajuste assim:


salve, agora é só remover a NAVBAR:


2.Gadget

Titulo do Gadget:aqui: adicione todos os Gadgets que você vai querer,
Em um layout revista, geralmente na página inicial ficam apenas os gadgets de posts populares, seguidores, enquetes, anúncios, etc. Alguns outros como perfil, blogroll, marcadores, só aparecem nas páginas de posts.
Para Fazer Isso basta seguir esse tutorial: aqui

3.Postagens:

Neste estilo de layout, as postagens ficam ocultas na página principal, e no lugar delas fica um slide e imagens com outros destaques. Antes de ocultar as postagens, personalize os títulos dos posts, a data dos posts, o blockquote e o leia mais.
                               
Agora Vamos Ocultar as Postagens da Pagina Principal assim:



   Salve as Alterações em Seu Blog, vai ficar escrito Nenhuma Postagem, vamos Tirar Isso Okey?

Vá em HTML, Expandi Modelo de Widget, F3 e Procure Por:

     <div class='status-msg-body'>

Apague o Texto Destacado na Imagem a Seguir:

                         

Visualize, tá tudo certo? Pode salvar.

          4.Slide

adicione um Gadget em cima da area de postagem, como ensina a Imagem:



 Link de Tutoriais para Slide:  Slide com numeraçãoSlide OrbitSlide com legenda

Depois de escolher Deixe Visivel em Apenas na pagina inicial:tutorial.

5.Menu

Novamente abra o modelo HTML do seu BLOG e Procure Por ]]></b:skin> Acima dele Cole o Seguinte Codigo:

/* Menu horizontal por cherry-liah.blogspot.com */ul.menu {background: #c66dd6; /*Cor de fundo do menu*/padding: 5px;height:30px; /*Altura do menu, aumente se necessário*/ Width: 980px; /*Largura do menu*/font-weight: normal;}ul.menu li{display: inline;}ul.menu li a {font-weight: normal; /*Troque normal por bold para links em negrito*/color: #fff !important; /*Cor dos links*/font-size: 25px; /*Tamanho da fonte*/padding-left: 2px;font-family: Century Gothic; /*Tipo de fonte*/-webkit-transition:0.2s;}ul.menu li a:hover, ul.menu li a.selected{color: #fff !important; /*Cor do link quando passa o mouse*/background: #1b1b1b; /*Cor de fundo quando passa o mouse*/text-decoration: none !important;-webkit-transition:0.2s;}/*FIM DO MENU*/

Alteres as Cores, e Procure agora por </header> E acima dele cole:

<ul class='menu'><li><a href='URL-DA-PAGINA'>NOME DA PÁGINA</a></li><li><a href='URL-DA-PAGINA'>NOME DA PÁGINA</a></li><li><a href='URL-DA-PAGINA'>NOME DA PÁGINA</a></li><li><a href='URL-DA-PAGINA'>NOME DA PÁGINA</a></li><li><a href='URL-DA-PAGINA'>NOME DA PÁGINA</a></li><li><a href='URL-DA-PAGINA'>NOME DA PÁGINA</a></li></ul> 

Substitua os Links e salve.

5.Fotter:

Tutorial aqui:  

6.Conteudo:


Agora que você já tem toda a formatação em estilo revista, basta adicionar o conteúdo. Não faz ideia do que colocar? Aqui vão algumas dicas:

 No slide, coloque em destaque os posts mais trabalhosos, ou os que achar que são mais interessantes para seus leitores.
 Abaixo do slide, coloque imagens com links de testes, páginas extras, e alguns posts que tiveram muitas visualizações.  Uma outra dica é criar uma "radio" em uma página, e permitir que as pessoas votem nas músicas para a programação.
 Para ter um blog nesse estilo, a preguiça tem que passar longe da sua vida. Ter um blog revista exige muito trabalho e dedicação.

(Palavras da Lia)


                                            Fiim...

7 comentários:

  1. Adorei o tutorial! ^-^

    Adoro layouts do tipo. ♥

    meu-mundinhocolorido.blogspot.com

    ResponderExcluir
  2. Oi flor nunca vim no seu blog e ameii super mega fofo to seguindo, seg de volta se puder?? Eu sei que você ainda não tem elite de afiliados mas quando fizer gostaria de fazer afiliação, beijuh muito sucesso flor!!

    garotas-da-hora.blogspot.com

    ResponderExcluir
  3. Aiii adorei o tutu, fica lindo *---*

    ResponderExcluir
  4. Olá,aceito sim afiliação,já te coloquei nos afiliados,beijos Miih/Yasmin
    http://myteddybear-oficial.blogspot.com.br/

    ResponderExcluir
  5. oooi primeira vez aqui e já estou seguindoo
    bjs e o tutorial é super legal boa sorte com o blog
    (blogs no perfil)

    ResponderExcluir
  6. Eu ssmpre quiz um lay em estilo revista, vou tentar fazer, quem sabe não dá certo haha

    siteiloveit.blogspot.pt

    ResponderExcluir