Arredondar imagens do post

Achei na internet um código que deixa todas as imagens do blog arredondadas. É um efeito bem suave que deixabonitinho. É muito simples fazer isso, então, vamos pro tutorial?
Vá pra Design > Editar HTML > Tecle Ctrl + F e procure por: .post-body {
Depois da parte procurada, terá mais algumas coisinhas, mas vocês verão que no fim, a chave } vai aparecer. Então cole o seguinte código depois da chave:

.post img {
-moz-border-radius: 8px;
-webkit-boder-radius: 8px;
border-radius: 8px;
}

Para entender melhor, veja no print abaixo:

Espero que tenham entendido e que tenham gostado. Continuem visitando Garota Incrível.

Tirando espaço entre coluna lateral e area de posts

Hoy, cookies! Meta de 225 seguidores: alcançada! Graças a vocês <3 Trouxe mais um tutorial hoje. Bom, vamos direto pra ele, certo, sem enrolação! Hahah.

Vi esse tutorial no The Fashion Wonderland e decidi portar pra vocês aqui. Bom, vocês devem saber qual é aqueleespaço que fica entre a coluna lateral (de gadgets) e a coluna de postagem. Em todos os meus modelos de layout, utilizei esse tutorial porque acho que fica bem melhor sem o espaço. Vamos aprender?

Para lado direito: Design Editar HTML Apertar Ctrl + F Procurar por:

margin-right: $(content.padding);

No modelo Travel, tem duas partes assim. Apague as duas!

Para lado esquerdo: Design Editar HTML Apertar Ctrl + F Procurar por:

margin-left: $(content.padding);

E faça o mesmo que fez do lado direito. Depois de achar essas partes, apague-as.

Super simples, não é mesmo? Ah, queria avisar vocês que o layout da Yara, do Moda Amazing, ficou pronto. Vejaaqui. Espero que tenham gostado do resultado, beijos *-*

Fonte personalizada no título do post

Oi, meus loves. Desculpa por estar postando um dia sim e outro não, é que eu estou muito ocupada com a escola que já começou e eu preciso ir bem esse ano.

Mas hoje, eu trouxe um tutorial que algumas pessoas me pediram. Sabe essa fonte diferente que eu uso no título dos posts? Você pode procurar e procurar, mas não vai achar nas fontes que o Blogger disponibiliza. Por isso, vim ensinar vocês a fazer isso hoje. Créditos ao blog Extras For You, pois foi lá que eu aprendi a fazer isso.

Primeiro, entre nesse site. Escolha uma fonte de seu agrado. É só clicar em Quick-use depois. Veja na imagem:

Logo depois, abrirá outra página. Espere. Desça um pouco nessa página que carregou e você encontrará algo escrito assim: "3. Add this code to your website". Dentro disso, estará um código que você terá que copiar.

Cole ele acima de no seu HTML. Logo depois de ter colado o código, cole após ele , para fechar.

Primeira parte feita. Depois, dê Ctrl + F e procure por:

Abaixo, terá algumas informações sobre a fonte usada no título do post. Mas antes, vá no site da Google Web Fonts e selecione uma parte de um código pra colocar no HTML.

Copiando apenas a parte em destaque, cole no lugar da fonte que você estava usando. Por exemplo:

Onde você vai substituir, tinha o nome da fonte antiga usada no título dos posts. Depois, vai ter o nome da fonte personalizada. Visualize e veja se deu tudo certo. Se sim, salve o modelo. Se não, tente fazer o tutorial novamente. Dúvidas? Perguntem. Espero que tenham gostado. Tuto comprido hoje, hahah. Beijos!

Bordas arredondadas

1. Vá até Design ~ Editar HTML.

2. De Ctrl F e busque por:

Coluna direita>> .main-inner .fauxcolumn-right-outer .fauxcolumn-inner {

Coluna esquerda>> .main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

Área das postagens>> .main-inner .column-center-outer {

3. Em baixo da parte acima que você buscou, cole o código:

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px;

Linha do lado da sidebar

-Efeito 1: Pontilhado

É esse que usamos aqui no blog! Siga as instruções.1- Vá até Design>Editar HTML, aperte CTRL+F e procure por isso:

.main-inner .column-center-inner {

Se sua barra lateral é do lado ESQUERDO, cole o código abaixo APÓS o código lá de cima, fazendo as suas alterações:

border-left: 1px dashed #000000;

Se sua barra lateral é do lado DIREITO, cole o código abaixo APÓS o 1º código que eu disse, fazendo as suas alterações:

border-right: 1px dashed #000000;

*No que está em vermelho altere o número para aumentar o tamanho da sua linha/borda. E no que está de roxo, altere a cor da sua borda.Você pode deixar como está, se quiser que fique parecido com a borda que usamos aqui no Trash Rock!

- Efeito 2:

Esse próximo tutorial é pra quem quer que sua borda fique semelhante a do blog Attitude Included, que também é bem legal:1- Vá até Design, Editar HTML, aperte CTRL+F e procure por:

.main-inner .column-center-inner {

Se sua barra lateral é do lado ESQUERDO, cole:

border-left: 5px solid #000000;

Se sua barra lateral é do lado DIREITO, cole:

border-right: 5px solid #000000;

* No que está em vermelho, altere a largura da sua borda/linha, e no que está em roxo, altere a cor. Lembrando novamente que este tutorial é do Other Things Attitude Included. Mas o código para as barras laterais do lado direito foram editados por mim.

Titulo do post centralizado

Vá em Design Editar HTML

Aperte Ctrl + F Procure por h3.post-title {

Logo abaixo dessa parte que você acabou de procurar, cole:

text-align: center;

Juntar sidebar com área de posts

E juntar as duas colunas é bem fácil, vá em Design, editar HTML, procure (ctrl F)

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

Quando encontrar, apague os códigos destacados na imagem:

margin-left: $ (content.padding);

margin-right: $ (content.padding);

margin-right: $ (content.padding);