Seguidores

Pesquisar este blog

Carregando...

sexta-feira, 31 de agosto de 2012

9

Como por dois backgrounds no blog



Olá minhas lindas (os), como vão? Eu vou bem! Hoje vou ensinar um tutorial muito bacana e facio de aprender, o tutorial de hoje é como colocar duas backgrounds no blog, então vamos lá  >.O ?!


1°) Vá em modelo > Editar HTML.
2°) Aperte Ctrl+F e procure por body { :
body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}
 3°) Apague tudo e coloque no lugar este código:
body, html {
 height: 300px;
 margin: 0;
 padding: 0;  }

body {
 font: $(body.font);
color: $(body.text.color);
background: url("URL do 1º background") repeat; }

html {
 background: url("URL do 2º background") repeat; }
Altere o número em vermelho (300) pela altura em pixels do primeiro background. Depois é só substituir as urls das duas imagens nos locais indicados.

segunda-feira, 23 de julho de 2012

3

Colocando imagem antes do marcador.


Para colocar uma imagem antes de "MARCADORES" ao pé de cada post no Blogger, vá até o HTML do seu blog e clique em "Expandir modelo de widget", agora procure pelo código:
<a expr:href='data:label.url' rel='tag'>

Troque pelo código abaixo e insira no local indicado o endereço da imagem



<a expr:href='data:label.url' rel='tag'><img src='AQUI O ENDEREÇO DE SUA IMAGEM '/>

sexta-feira, 20 de julho de 2012

0

Feliz dia dos Amigos

Ola minhas queridas amigas (os), talvez algumas de vocês devem saber que hoje se comemora o dia internacional do dia dos amigos, e não tinha como poder deixa essa data tão especial passa em branco,  por isso too aqui para deixa os meus parabéns por essa data pra vocês meus anjos, obrigada por tudo, por todos mementos felizes e tristes também e é claro, quero que saibam que amo muito vocês amigas (os).  
Curiosidades do dia dos Amigos:

*18/04/2011 - segunda-feira*

Dia do Amigo - comemoração do Brasil criada a partir de ideia patenteada pela médica brasileira da Bahia, Dra. Kleyde Lopes, com o objetivo de que o mesmo não fosse confundido com o Dia da Amizade.

O Dia Internacional do Amigo é 20 de julho. Melhor para nós brasileiros que temos duas data

domingo, 15 de julho de 2012

4

Tutorial: Fundo das postagens Folha de caderno


Oii amores ^^ esse tutorial é bem simples sei que iram gosta de fazer. Bem vamos começar lol >.<"

Desing -> Modelo -> Editar HTML -> Ctrl + F -> E prcure por:

.main-inner .column-center-outer {
Abaixo dessa tag terá mais ou menos assim: 

 background: $(post.background.color) $(post.background.url) repeat scroll top left;

  _background-image: none;

} 
Apague todo esse código ai e cole no lugar dele o seguinte:
background: url(url da imagem) repeat-Y;
}  
E substitua aonde está em verde pelo url da folha de caderno :


Por ultimo cola isso em baixo: 

padding: 10px 10px 10px 20px;

Imagens: 






Gostaram? Beijos ! S2

sábado, 14 de julho de 2012

4

Como arredondar a parte de cima da sidebar e dos posts.



Oiii meus bombons! Hoje vim ensinar a arredondar apenas a parte de cima da sidebar (barra lateral) e dos posts. Então vamos lá!
Barra lateral 

Vá em Design , dê CTRL + F e procure por :



.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {  

(Sidebar direita)

.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {    

(Sidebar esquerda)


E abaixo da tag pesquisada cole o seguinte código :



-webkit-border-top-left-radius: 100px;
-webkit-border-top-right-radius: 100px;
-moz-border-radius-topleft: 100px;
-moz-border-radius-topright: 100px;
border-top-left-radius: 100px;
border-top-right-radius: 100px;


Visualize e se der certo salve.

Nos Posts

Vá em Design , dê CTRL + F e procure por :


.main-inner .column-center-outer {


E abaixo da atg pesquisada cole o seguinte código :


-webkit-border-top-left-radius: 100px;
-webkit-border-top-right-radius: 100px;
-moz-border-radius-topleft: 100px;
-moz-border-radius-topright: 100px;
border-top-left-radius: 100px;
border-top-right-radius: 100px;


Então é isto, um grande Beijo ! ♥ ♥ ♥

terça-feira, 10 de julho de 2012

0

Remover espaço entre sidebar e posts



Ola meus bolinhos de chocolata, hoje irei ensinar um tutorial bem simples de como unir a sidebar do blog as postagens, igual aqui no Garotas H-I-S, vamos ao tutorial?

Sidebar na direita:

Vá em design>>editar html>>aperte Ctrl+f e procure por:

/* Main

Depois procure por:

margin-right: $(content.padding);

Depois de encontrar apague, esse código se repete 2 vezes, apague nas 2 ^^

Sidebar na esquerda:

Vá em design>>editar html>>aperte Ctrl+f e procure por:

/* Main

Depois procure por:

margin-left: $(content.padding);

Apague e ele também se repete 2 vezes ^^

sexta-feira, 6 de julho de 2012

3

Goodies: "Nuvem de tags"


Olá lindas , hoje vim trazer um tutorial de como colocar uma nuvem de tags igual aqui no blog *-*
Eu sempre procurei por isso e por sorte achei  e estou repassando para vocês! 
 
Sua nuvem de tags irá ficar assim :
 
Bom, vamos lá?

1º passo.
Layout > Adicionar um Gadget.
2º passo.
Mais gadgets > ( pesquisar gadgets ).
3º passo.
Digite: Label

4º passo.
Adicione o Label Sphere.
5º passo.
Clique em Salvar & pronto :)
Gostaram?
Bem explicadinho né? haha'
Beijos e até a próxima ;*

LinkWithin

Related Posts Plugin for WordPress, Blogger...