• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

30 de abril de 2015

[PEDIDO] Fazer um blog de Visualização - Simples

Hi guys
Não estou bem hoje e vocês? Na verdade estou péssima, mas nada que um post para esquecer os 100% de problemas na vida dessa mina problemática em assuntos da vida pessoal. Distrai e ainda ajuda vocês - espero. Mas não tenho só coisas ruins para contar, tenho algo para contar que é bom: Ninguém gosta de apresentar trabalhos, exceto algumas pessoas anormais= Eu. Hoje apresentei um trabalho de história e COMO EU AMO FAZER ISSO, amo o frio na barriga e dar o meu melhor explicando sobre Rousseau, sua filosofia é perfeita e com certeza me conquistou. Além do meu trabalho ter sido de slide e acho que me saí bem.

Indo para o assunto do post, a Chocoleitora Kamilla Oliveira me pediu para fazer um modelo de visualização como este {www}. Meu objetivo era fazer um tutorial em vídeo, mas depois do blogger ficar com "verificação de celular" e não dava para prosseguir no tutorial, então resolvi o fazer somente em passos. Let's go, champs?


1 - Crie um blog, personalize, coloque o que terá de ser visualizado...

  • Vá em Blogger » Novo blog » Escreva o título e url e finalmente clique em "Criar um blog!". 
  • Após ter criado; clique em Modelo » Personalizar e escolha o segundo modelo Simples. Clique em Aplicar ao blog.
  • Agora clique em "Voltar para o Blogger" » Postagens: Criar uma nova postagem - Então clique no botão "HTML" para colocar o código HTML de seu efeito a ser visualizado. Salve a postagem e vá em Layout. Exclua todos os gadgets que puderem ser excluídos. No gadgets "Navbar" clique na última opção: Desativado. Salve. Ainda em Layout, coloque editar em Postagens do blog e desmarque todas as opções marcadas em "Opções da página e Postagem".

Depois clique em salvar alterações.

2 - Estilize a bagaça

  • Vá em modelo » Personalizar » Avançado: Personalize de seu modo, se não quiser o cabeçalho, mude a cor para transparente e zere o tamanho da fonte. 
  • Vá também em Rodapé da postagem e coloque todas as opções de cores em Transparente. Em meu caso, eu coloquei a fonte de título de gadget: Dancing Script, é claro que se você quiser algo mais elaborado, como fontes que não tenham disponíveis no blogger, procure por tutoriais de mudar fontes de título.
  • (Ainda em personalizar) Clique em Ajustar Larguras. O meu eu configurei para 770 x 100, mas você poderá configurar como quiser e como achar melhor. 
  • Aplique ao blog e volte em Modelo » Editar HTML e cole acima de ]]></b:skin>

.feed-links {
height:0px;visibility:hidden;display:none}

3 - Retire a Atribuição & Centralize o Título

  • Procure por Attribution e aparecerá um código mais ou menos assim:

<!-- outside of the include in order to lock Attribution widget -->
<b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
Troque o no por yes
Troque o true por false

  • Após feito isso, salve e vá em Layout, clique em editar no gadget Atribuição e clique em excluir, salve. Vá em Modelo » Editar HTML e procure por
/* Posts
----------------------------------------------- */
Cole logo abaixo:
h3.post-title {
text-align:center;
}
Depois salve e seu título estará centralizado. 
4 - Ponha um background nisto!

  • Para colocar um background simples, vá em Modelo » Personalizar » Plano de Fundo e clique em "Imagem de plano de fundo - Nenhum". Escolha um dos planos de fundo ou clique em Fazer uploud da imagem para que possa pegar uma imagem de sua pasta no computador. 
5 - Só vai até o passo 4.

Vale lembrar que se quiser algo mais elaborado e mais complexo, é somente seguir alguns tutoriais de mudar a fonte de título da postagem, retirar sublinhado dos links ou algo assim. O tutorial foi de como fazer um modelo de visualização de forma simples, sem abusar de tutoriais, mas se quiserem podem mudar a cor da seleção de página e elaborar mais sua visualização com uma imagem bonita no banner. Fica a seu critério e à sua imaginação. Espero que tenham gostado e agradeço a Kamilla pelo pedido.

Lots of Gifs! | via TumblrLots of Gifs! | via TumblrLots of Gifs! | via Tumblr



45 comentários:

  1. O seu ficou lindo e eu amo esse tutorial >3< Pode me passar o background do blog de testes?

    ResponderExcluir
  2. Haha amei o tutorial! Blog de visualização é uma coisa bem essencial para qualquer blog que posta tutoriais e coisas do tipo :)


    ~September Rains

    ResponderExcluir
  3. Adorei o tutorial é muito útil <33
    Beijão ♥
    supporthtml.blogspot.com.br

    ResponderExcluir
  4. Nunca tinha pensado nisso, mas adorei o tutorial, agora quero fazer algo com ele <3
    E to apaixonada com aquele background do seu tb <3
    http://gliterpunk.blogspot.com.br/

    ResponderExcluir
  5. Amei o tutorial é muito útil <3 estava mesmo procurando ♥♥
    Beijos || ♥ Colorful Dream~

    ResponderExcluir
  6. Vou ser bem direta ouk,Megan??
    estou procurando vagas pra postadoras vc quer uma ?
    Um beijão!
    meninasmalvadas-moda.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Pior que no momento eu e Hannah G3 pretendemos sermos somente nós duas mesmo :l desculpe.

      Excluir
  7. Adorei esse tutorial, faz mt tempo to procurando haha
    Adoro seu blog ♥ e cara, Rosseau é mt fodinha ♥

    ☾ turn-blue.blogspot.com.br

    ResponderExcluir
  8. Adoguei ♥
    Valeu pelo tutorial que vai ajudar pakas'
    Beijos da Ali ~ chandeli-er.blogspot.com

    ResponderExcluir
  9. Olá anjo! Tudo bem? Amei o tutorial, vai ajudar muito.
    Posso te pedir uma coisa? Será que tem como você fazer um layout base? Ficarei super contente. Só com o básico mesmo sabe? E com um menu de pages bem bonitinho. Agradeço desde já. Um beijo ♥

    crazyformadrid.blogspot.com

    ResponderExcluir
    Respostas
    1. O.KÁ minha cara, a segunda leitora que pede isso, irei fazer assim que puder :3

      Excluir
  10. Adoro seu blog,
    criei outro blog e coloquei tudo como você explicou.
    Vou colocar no blog principal, não sei quando mas vou usar.
    Obrigada meninas,linda semana para vocês,bjs

    ResponderExcluir
    Respostas
    1. No blog principal? Nonono D´; Isso é somente para os de visualização, choco ^0^
      Valeu pelo carinho e amo sua visita.

      Excluir
  11. Oi amor, nunca pensei que ia ver um tuto tão simples assim e com uma função tão maravilhosa né? Vou usar com certeza, obrigada por isso ta? Posta mais pois amo suas postagens
    http://yanshrun.blogspot.com.br/

    ResponderExcluir
  12. Seu blog é lindo, amei. E para quem gosta de ler, apresento meu blog que ainda é novinho, tem poucas semanas de lançado e está em fase de teste e não é lindo como esse hahaha, Mas nele você já pode encontrar ficções escritas por mim, monólogos, poemas, poesias, críticas. Acesse storiesbyf.blogspot.com.br e dê sua opinião. Espero você.

    ResponderExcluir
    Respostas
    1. Obrigada, amo ler e tenho certeza de que irei amar o blog e o seu conteúdo.

      Excluir
  13. Ola sou nova aqui lendo seu blog haha ms ja amei estou tentando criar um blog tbm mas ainda esta no começo so tem alguns dias, obg pelo tutorial
    Theblogofapocalypticroom.blogspot.com.br

    ResponderExcluir
  14. Bom, eu não li o tutorial, porque não vai ser muito útil, sorry!! ;-;

    E que bom que saiu se bem no trabalho de filosofia, eu amo filosofia, mas se algum dia meu professor me der trabalho para apresentar, eu juro que me mato. ;-; Já to com 2 trabalhos, um de matemática e outro de português de seminário para o mesmo dia. Professores, por favor né? chega...., tá me matando. ._. E professora de matemática, eu tive que aprender códigos na marra, para tirar um 6 '-', po aumenta esse negócio para 7 '-'.... Saudades do fundamental. kkk
    Eu não sou normal então, não gosto de trabalhos ._. e tudo tenho que apresentar sozinha. O vida triste :') Se isso é o começo quero nem ver depois.. kkk
    Seus tutos são ótimos, muito bonito o bloquete, minha cor preferida roxo, <3 mas infelizmente não vai ser útil para mim mesmo, sorry de novo. Espero que seja útil para outras pessoas, eu infelizmente não vou usar. e.e

    Bjs!!

    ResponderExcluir
    Respostas
    1. Ahá, há , é que já tenho um bloquete divo também, esqueci desse detalhe. Se não usaria esse bloquete divo, antigamente eu nem sabia que droga era o bloquete, quando soube, não sabia como usar e não sabia o nome...

      Excluir
    2. Ahá, há , é que já tenho um bloquete divo também, esqueci desse detalhe. Se não usaria esse bloquete divo, antigamente eu nem sabia que droga era o bloquete, quando soube, não sabia como usar e não sabia o nome...

      Excluir
  15. Bom, eu não li o tutorial, porque não vai ser muito útil, sorry!! ;-;

    E que bom que saiu se bem no trabalho de filosofia, eu amo filosofia, mas se algum dia meu professor me der trabalho para apresentar, eu juro que me mato. ;-; Já to com 2 trabalhos, um de matemática e outro de português de seminário para o mesmo dia. Professores, por favor né? chega...., tá me matando. ._. E professora de matemática, eu tive que aprender códigos na marra, para tirar um 6 '-', po aumenta esse negócio para 7 '-'.... Saudades do fundamental. kkk
    Eu não sou normal então, não gosto de trabalhos ._. e tudo tenho que apresentar sozinha. O vida triste :') Se isso é o começo quero nem ver depois.. kkk
    Seus tutos são ótimos, muito bonito o bloquete, minha cor preferida roxo, <3 mas infelizmente não vai ser útil para mim mesmo, sorry de novo. Espero que seja útil para outras pessoas, eu infelizmente não vou usar. e.e

    Bjs!!

    ResponderExcluir
  16. Ficou bem legal o seu resultado, no começo eu fazia meus próprios layouts e tals, mas aí bem depois comecei a achar os outros mais bonitos e estilizados e quis copiá-los hue ^_^ Ótima postagem para iniciantes!

    yeah-dreamhigh.blogspot.com

    ResponderExcluir
  17. Adoro fazer trabalhos, porém não gosto de apresentá-los.. Não que eu odeie, só não gosto.. Você vai lá mó animada explicar uma coisa que você passou dias pesquisando, e a sala toda com aquela cara de bunda e murmurando entre si.. Entendo como professor sofre..

    Ótimo tutorial! Estava procurando por um assim faz tempo ><

    Kissus de menta ♥ ~ alcoolize.blogspot.com.br

    ResponderExcluir
    Respostas
    1. KKKKK' Acho que gosto por dar uma de inteligentona na frente da turma, até pq tenho essa fama lá, tipo, todo mundo espera pra ver como vai ser minha apresentação, e bem legal KKKKKKK'

      Excluir
  18. Adorei o resultado! Assim que eu precisar, pode ter certeza que vou usar.

    Beijos -> http://keepthisdream.blogspot.com.br/

    ResponderExcluir
  19. Olá, eu estou bem, mas é uma pena que você não esteja. Espero que melhore. Ai, eu odeio apresentar trabalhos. Recentemente assisti uma apresentação sobre Rousseau e - tirando o fato de que uma burra da minha sala pronunciou o nome dele como se escreve - foi muito interessante. Eu falei sobre John Locke, conhece?

    Enfim, esse tuto não é só útil, é necessário. Sem falar que seu resultado ficou um amor, na boa. ♥

    Carinhosamente, Jheni.
    *e m p i r e k a w a i i & q u i n z e o u t o n o s*.

    ResponderExcluir
  20. Oii o/. Eu estou bem, eu espero que você fique melhor! Cara, eu nunca tinha pensando em fazer um blog de visualizações, talvez eu faça um mais tarde! Ótimo tutorial!
    Kisses candy ♥

    ResponderExcluir
  21. Otimo tutorial *--*
    diariodelolivlet.blogspot.com.br

    ResponderExcluir
  22. ótimo tutorial, adorei. Estava procurando um desse faz um tempo já mas, tenho uma dúvida... O 1° que você mostrou, não ficou igual ao seu resultado, você poderia me explicar por que? .. eu não entendo muito de HTML e sou meio que iniciante na blogosfera... Quero muito fazer um blog de visualização usando o seu tutorial, mas gostaria que minha dúvida fosse esclarecida. Obrigada <3

    Beijos, Stella <3

    ResponderExcluir