Mostrando postagens com marcador blogger. Mostrar todas as postagens
Mostrando postagens com marcador blogger. Mostrar todas as postagens

Como usar o google fonts no blogger

Olá pessoas, tudo certo? Bom pro post de hoje (post de utilidade pública por acaso) trouxe um goodie. Bom eu demorei um bom tempo pra achar um tutorial decente de como deixar as fontes do titulo do post "mais bonitas" e como eu consegui, e já venho utilizando ele a um certo tempo, vim compartilhar com vocês \o/



Eu particularmente, não acho as fontes oferecidas pelo blogger tão 'atraentes', principalmente se formos considerar as fontes que eu baixo para fazer banners, e afins. Uma solução que encontrei -na época tumblr minha- foi o Google Fonts; não sabia como passa isso pro blogger, então fui buscar e achei a solução no blog da Elaine Gaspareto (os créditos a essa gracinha que me ajudou @), e é claro estou aqui agora para compartilhar com vocês!

1. Entre no Google Fonts @ e escolha a fonte que você deseja usar

2. Clique em quick-use (também conhecido como botão do meio)

3. Desça a página até encontrar a caixinha número três: Add this code to your website ( a mesma da foto abaixo). Copie o código de dentro dela - e lembre-se, não feche ainda a aba do google fonts


4. Agora abra o blogger e entre em modelo > editar html. Procure por <head>, e abaixo dessa tag cole o código da caixinha que você copiou. PS: se for colocar mais de uma fonte, você deve fazer do mesmo jeito para cada uma delas, sempre colando uma em baixo da outra. 

5. Salve

Claro que, sua fonte ainda não apareceu, isso porque você só vai substituir aquilo que você quer. Vamos ao passo 2 

Bom, a partir de agora, você vai precisar copiar outro código, mas calma, isso ainda esta lá no google font, então volte lá e copie o código de dentro da caixa quatro: Integrate the fonts into yout CSS




Se você quer mudar a fonte título da sidebar você deve procurar por
font: $(widget.title.font);
e quando encontrar deve substituir pelo código da caixa 4
Se você quer mudar a fonte títulos dos posts você deve procurar por:
font: $(post.title.font);
e quando encontrar deve substituir pelo código da caixa 4
 
Se você quer mudar a fonte do título da blog você deve procurar por:
 font: $(header.font);
e quando encontrar deve substituir pelo código da caixa 4

 PS: se você quer adcionar o tamanho que você quer colocar para fonte, basta apenas colocar tamanho que você quer+px antes da fonte. Por exemplo:
font-family: 30px 'Sniglet', cursive;
Espero que gostem, beijos e até o próximo post (:

Melhore o seu blog + Mudanças

Olá pessoas como estão? Bom se você acompanha o blog, deve ter percebido que o layout mudou! Mas vou deixar isso para falar depois no final do post, então continue acompanhando! Enfim, hoje vou dar algumas dicas, de como você pode melhorar o seu blog

PS: a proposito, espero que tenham gostado da mudança


Seja original: Bom acho esse é a regra, afinal, você não pode sair por aí copiando tudo e dizer que é seu, mas se inspirar em algo de outra pessoa, pede ser legal, mas mesmo assim deve-se creditar. Muita gente opta por ser original e isso sempre acaba trazendo maior trafego para o blog. Bom para todos, há

Evite layouts free: Ok que o importante é o conteúdo do blog, mas, hoje em dia é muito fácil fazer seu próprio layout (Tem até tutorial aqui @) seguindo tutoriais. E mesmo que você ache melhor - ou que você produza layout free para as pessoas (nada contra, parabéns por criar)- soa, pelo menos para mim, algo meio preguiçoso. Além do mais e super divertido fazer e quando você termina você pensa "MEU DEUS, FUI EU MESMO QUE FIZ?", é super gratificante. E além, além do mais, a primeira impressão é o que fica, se tem um layout personalizado, vai ficar sua marca. PS: nada de blog azul marinho com amarelo ovo, pelo amor do senhor, cores balanceadas, porque vai que alguém fica muito tempo no seu blog né?

Saiba divulgar: Já reclamei horrores sobre isso, já fiz um desabafo aqui no blog, e vocês já devem saber minha opinião sobre isso. Mas vamos lá: há muito meios (via rede social principalmente) de divulgar seu blog, PRA QUE, P-R-A Q-U-E, você vai no blog de fulano, pra comentar "convido você e seus leitores a irem no meu blog" "seguindo segue de volta?", isso é além de chato, deselegante para você mesmo

Alguns grupos do facebook de divulgação @ @ @ @ @

Seja organizado: essa também é uma das dicas principais. Tudo no mundo tem que ter organização. Imagina entrar em um blog, em que nem barra lateral tem direito?  Use as tags sem dó, elas são um ótimo meio de organização, afinal a pessoa pode está atrás de apenas atrás de uma informação.

Tire coisas desnecessárias: Pra que  vai ter um aplicativo de cachorrinho na sua barra lateral? Pra que música? Tire essas coisas, elas podem irritar, e muitas vezes cansam, então tire, desapega.

Imagens: tente colocar sempre umas imagens no post elas divertem e chamam atenção

Gente, o que vocês acharam do novo layout? Bom ele foi feito por mim, com as respectivas ajudas do lado. Bom tem algumas coisa que ainda faltam terminar, mas no geral tá pronto. Enfim se você não conhecia o blog, esse era o layout de antes


Espero que tenham gostado, beijos e até sexta, já que amanhã eu viajo

Rolagem infinita no blog

Ahhh pirei quando vi isso obrigada gente *-* MUITO, MUITO OBRIGADA! E só pra avisar, hoje faz dois mês que tenho o blog (ehhh), isso pra mim é um marco!

Olá pessoas, como estão? Hoje trouxe um goodie que acho muito legal que é a rolagem infinita. Caso você não saiba o que é rolagem infinita, rolagem infinita é (obvio) a rolagem, que ao invés de você passar a página, você vai penas rolando - muito usada no tumblr. Com essa rolagem, as pessoas que acessam seu blog não tem a necessidade de navegar pelas páginas; elas apenas rolando para baixo, que os posts carregam sozinhos.


- Entre em "Modelo" -> "editar HTML"

- Agora dê ctrl+f e procure por 
</head>

- Em CIMA desse código cole:
@ (meu blog bugou quando fui colocar, então entre nesse link)

- Verifique se está tudo certo, se sim salve 

Bom o post foi bem rapidinho (dê novo?) mas é um tutorial bem legal, espero que tenham 
gostado, beijos *-* 

Vi esse tutorial nesse blog aqui @
Se usar credite :)

[10/11] Criando layout simples

Muita gente diz que não liga, mas a aparência de um blog é essencial. Claro que o conteúdo é super importante, mas é bem melhor quando entramos em um site onde tem um layout bonito, chamativo, do que um simples, sem detalhes. "Para isso serve os layout free", sim, mas é bem divertido fazer, e além do mais quando você termina vem aquela ótima sensação de "c@*4$%0, fui eu que fiz". 

Para muito blogueiros, mexer no próprio layout parece um bicho de 7 cabeças. Mas não é. Você só tem que ter atenção e paciência, pois nem sempre as coisas dão certo de primeira. Nesse tutorial, vou ensinar a fazer o mais básico, mas qualquer outra coisa que você precise, é só procurar no google. Há muito blogs que ajudam; pra quem não entendeu, se você quer, por exemplo, colocar um menu diferente, vá no google e digite "menus para blogger" e achar algo que te agrade. Sem prolongar mais, vamos ao post

1º Vamos começar escolhendo o modelo. Entre em modelo e depois em personalizar. Essa será a primeira parte que vai abrir:
                                
Clique em viagem e escolha o segundo modelo. 
  • Em plano de fundo, obviamente, você vai mudar o fundo do blog. Você pode escolher patterns diversos, ou pode colocar uma cor só.
  •  Em ajustar larguras, você modifica a largura do blog, área de postagens e da barra lateral. 
  • Layout é o modelo de como o "corpo" do blog deve ser. 
  •  E em avançado, você muda as cores, as fontes, e afins; Lembre-se de em avançado deixar o plano de fundo das postagens branco. isso será muito importante para o próximo passo
2º Vamos tirar essas dobrinhas do topo. Para isso entre em modelo e depois HTML. Agora dê um ctrl+f e procure por .content-outer .content-cap-top { e apague as partes marcada na figura abaixo; visualize e se estiver tudo certo, salve.
3º Caso não goste do espaço que fica entre o banner e os posts, é bom simples. Procure por /* Tabs e apague depois do pontilhado, como na imagem; visualize e se estiver tudo certo salve
E o seu layout está quase pronto. Basta colocar um banner e voilá e seu blog estará pronto.

Aqui vai 3 blogs que eu uso com tutoriais bons, e onde eu aprendi essas coisas bem básicas:

PS: Não se esqueça de que sempre que mexer no HTML, ver se está tudo certinho, e só depois salvar.