02 abril 2015

Como Colocar Fontes Diferentes no Blog


Oi pessoal,o tutorial de hoje vai ensinar á vocês como instalar várias fontes no seu blog e como ultilizá-las.
Eu aprendi esse tutorial no blog:Jackie Dream.

Para instalar fontes diferentes no blog abra o Painel do blog>Modelo>Editar HTML> dê Ctrl F e procure por </head> e cole acima de </head> o código abaixo:


E vai ficar assim:



Como dá pra ver,eu instalei 4 fontes: Cookie,Sofia,Dosis e Indie Flower.Lembre-se,pra cada fonte tem que colocar mais um código,alterando apenas o nome da fonte.

Você pode escolher as fontes aqui: http://www.google.com/fonts/#

OBS:Pode ser que os nomes das fontes que não se encontram nesse site acima,não funcione,então é melhor usar fontes apenas desse site,nesse código do tutorial aqui.

Mas,eu separei algumas fontes que você pode usar,aqui vão algumas:
Agora é só você colocar esses nomes (um por vez) no lugar de NOME DA FONTE no código que dei anteriormente e colocar o código acima de </head> assim a fonte já está instalada no blog,agora basta você editar o font-family da parte que você quer que a fonte fique,mas,você só vai colocar o nome da fonte,como mostra o exemplo:

Aqui eu mudei a fonte da área da data das postagens (essa é apenas uma parte do código,mas,eu estou mostrando apenas essa, só pra vocês terem uma noção de onde vocês têm que colocar o nome da fonte pra aquele código servir).

OBS:Se você apenas mudar o nome da fonte na área em que está o font-family e não adicionar a seu HTML o código  que eu mostrei no inicio do post, o código não vai funcionar.

Então é isso.Espero ter ajudado,qualquer dúvida e só deixar nos comentários e,no que eu puder,te ajudo.

Créditos: Blog Jackie Dream.
Beijos da Isa.



06 dezembro 2014

Menu Fixo no topo do Blog


Oi pessoal,tudo bom?
Bom,esse é o 1° Tutorial do blog,uhul,e eu vou ensinar como colocar um menu fixo parecido com esse que tenho aqui no blog,você pode alterar as cores de fundo,das letras e pode colocar uma barra de pesquisa e ícones também se quiser.Então vamos ao Tutorial:

Primeiro vá em Modelo>Editar HTML> dê Ctrl F e procure por }]]></b:skin> e acima dele coloque o primeiro código:



Algumas partes que você pode editar,estão em rosa (só faça isso se souber):

A cor de fundo: background: #CEF6F5/* Cor do fundo */ Escolha a cor aqui.
OBS:Você terá que mudar a cor da borda também aqui: border-left: 200px solid #CEF6F5
Dependendo do quanto você queira centralizar o menu (a partir do 1° link) você muda e espessura da borda,aqui:
border-left: 200px solid #CEF6F5; /* Tamanho e cor da borda - não retire pois ela centraliza o menu */
Edições das letras:
background: #848484; /* Cor da fonte */
font-family: 'Arial', corsiva; /* Nome da fonte */
font-size: 16px; /* Tamanho da fonte */
Para mudar a cor da fonte você terá que alterar aqui também:
color: #848484; /* Cor da fonte novamente*/

Se você quiser colocar uma caixa de pesquisa,adicione o código abaixo depois do 1° código:



As partes que você pode editar,estão em rosa:

Posição da caixa de pesquisa:
float: left; /* Flutuando a esquerda */
margin-top:7px; /*Distância do topo */
Cor de fundo:
background: #FFF; /* Cor de fundo da caixa de pesquisa*/
Edições das letras da caixa:
font-family: Arial, corsive; /* Nome da fonte */
color: #ccc; /* Cor da fonte */
Botão Pesquisar:
background: url('URL AQUI'); /* Link da imagem do botão de pesquisar | tamanho: 20x20px */

Para fazer mais alterações basta localizar a parte que você quer modificar no código,tá tudo explicadinho,só altere as partes que você souber,tem tipo uma legenda do lado de cada parte que você pode mudar,ela está dentro dessas coisinhas: /*ASSIM*/
Salve.

Agora vá em Layout>Adicionar um gadget>procure por HTML/JavaScript e cole o seguinte código:



Caso queira colocar ícones de redes sociais ou a logo do seu blog-em miniatura claro-ao invés do código acima coloque o código abaixo no HTML/JavaScript:



Onde tem: Link substitua pelo link do local que você quer que vá ao clicar na imagem ou no título.
E onde tem TÍTULO substitua pelo nome da aba,por exemplo: Início,Contato,Sobre etc.

OBS: O menu só irá funcionar perfeitamente dependendo do lugar que você adicionar o gadget,se não ficar tudo ok,vá mudando o local do gadget e visualizando,onde ficar ok,salve.

Vou deixar alguns ícones de Redes Sociais pra vocês pegaram o url:



Ficará assim com as imagens:

Então é isso,espero que tenham gostado e entendido,qualquer dúvida deixem nos comentários pra ver se consigo te ajudar.
Beijos da Isa

23 novembro 2014

Apresentação


Oi,tudo bom?
Meu nome é Maria Isabel,tenho um blog de beleza,se quiser me conhecer melhor é só dá uma visitada nele,Aqui.
Criei esse blog pra ajudar você que quer dá uma organizada no seu blog e não sabe como,eu vou tentar te ajudar.Eu não sou nem um pouco expert no assunto,nunca fiz curso nem nada,só sei o básico do básico,mas tenho uns truques que espero que te ajude em alguma coisa.
É claro que já existem milhares de blogs que te ensinam a personalizar o teu blog,pela internet,mas vi que nem sempre quando temos uma duvida,um comentário a fazer,se é respondido.Porque muitas vezes aquele código que alguém te indicou não funcionou com você,mas e agora o que eu faço? Calma,eu vou tentar te ajudar,no que for possível,por isso peço que sempre que tiver alguma dúvida,COMENTE,okay? Me mandem sugestões pros próximos posts,algo que você realmente quer saber,mas não encontra,ou não dá pra ser resolvido com aquele código que você encontrou.
Espero que gostem desse cantinho que criei pra ajudar vocês.

Beijos da Isa.