Olá meus amores, hoje vim disponibilizar um dos primeiros layouts free que postei aqui blog,
porem com algumas ediçoes a mais... corriji alguns erros, inclusive a data que NAO era editada... , coloquei uma imagem de fundo como vcs podem ver na imagem...

Baixei a sidebar, na mesma altura da area do post, alguentei a imagem de aquarela bru no topo que era mto pequena, e aumentei tbm a fonte do menu do topo, entre outras correçoes/mudancas!


Espero que voces gostem!

Ola meus amores... Entao... estou com algumas personalizacoes que fiz para download quando ainda estava na italia, mas nao tive tempo paras postar... entao esta ai.... mais um layout free especialmente para voces!!!

contato@renatamassa.com

ou

renata_mceles@hotmail.com

Ou acesse o site: RM Design 

Ola meus amores...

hoje trago para voces novos icones das redes sociais...
Um pack basico e outro em aquarela (tem que ter em aquarela neh?? rsrs amooo)

Ao escolher o ícone desejado basta recorta-lo usando o photoscape ou qualquer outro photoshop da sua escolha.

Olá meus amores... Saudades imensas de voces!
Depois de um tempinho sem me dedicar ao blog venho hoje com um tutorial bem simples, e que foi pedido por algumas blogueiras. Que é como personalizar os títulos dos gadgets da sidebar.

Bom os creditos desse tuto vai para Cherry Bomby

Inicialmente, no painel do blogger, clique em "Modelo" , depois em "Editar HTML" (obs: nao esqueca de fazer o backup do seu layout).


Aperte Ctrl+F e procure por h2 {
Logo abaixo do trecho que você procurou, vai ter algo parecido com isso (se nunca foi alterado):

h2 {
  font: $(widget.title.font);
  color: $(widget.title.text.color);
}

Apague toda essa parte e no lugar coloque esse código:
.sidebar h2 { font-family: Century Gothic; /*Tipo de fonte*/ font-size: 16px; /*Tamanho da fonte*/ color: #000000; /*Cor da fonte*/ border-bottom: 2px solid #fff; /*Borda de baixo, apague se não quiser*/ background: #fbfbfb; /*Cor de fundo*/ text-align: center; /*Alinhamento do texto*/ } Agora é só modificar as cores e a fonte como quiser. Se em vez de cor, você quiser colocar uma imagem de fundo, substitua essa parte:
background: #fbfbfb; /*Cor de fundo*/
Por isso:

background: url(link_da_imagem) no-repeat center; height: 30px;/*Altura da imagem*/ width: 200px; /*Largura da imagem*/ 

Visualize se está tudo certo e salve. Espero que tenham gostado.  Um forte abraço, e ate o proximo tutorial!

1. Por ser um codigo longo será um pouco dificil para uma pessoa leiga no assunto codifica-lo. 
2. Caso o codigo nao funcione acima da linha do }]]></b:skin> , faça outra tentativa: Ctrl+F e procure por   /* Comments selecione todo codigo abaixo dele ate a ultima linha acima de /* Widgets e substitua pelo codigo dessa personalização abaixo:

/* AREA GERAL DOS COMENTÁRIOS*/ .comments{ width:90% !important;/* tamanho da área do comentários, pode diminuir ou aumentar*/ margin:0 auto; font: 1em normal "verdana"!important; background:#fff !important/* cor de fundo */; color:#fff; border-radius:50px; } /*HEADING(1 comentario, 2 comentários...)*/ .comments h3,.comments h4{ width:98%; padding:7px; margin-bottom:10px; color:#8B8B83; /* Cor do texto*/ font: 33px "verdana" !important; } /*BLOCO*/ .comments .comment-block { position:static !important; /* Mantém o Avatar na Frente */ background:#fff; /* Cor de fundo */ margin-left:28px; padding:0 15px 5px 23px; border-top:5px #febdc4 solid; border-bottom-left-radius:30px; border-bottom-right-radius:5px; box-shadow:0 0 3px #aaa } .comments .comments-content .comment { padding:20px 10px !important; margin-bottom:15px !important } /* estilos para o nome do autor do comentário */ .comments .comments-content .user a,.comments .comments-content .user{ font-style:normal; border:0; color:#fff !important; font: 22px "verdana"; background:#febdc4; padding:4px 36px; margin-left:-8px; border-bottom-right-radius:10px;margin-top:-2px } /* estilo da data */ .comments .comments-content .datetime a{ background: transparent !important; font: 9px bold courier new; float:right; color:#aaa; border:0 !important } /* estilo do avatar */ .avatar-image-container {position:absolute !important; min-width:60px; min-height:60px; border:5px #febdc4 solid; border-radius:60px; padding:0 !important; box-shadow:0 0 3px #febdc4; margin-left:-9px !important; margin-top:0 !important; background:#fff; overflow:hidden } .avatar-image-container img { margin:0; display:block; max-height:60px; min-height:60px; max-width:60px; min-width:60px; padding:0 !important; border-radius:60px; border:0 !important; overflow:hidden /* hack para evitar serrilhado na imagem */ } /*TEXTO DO COMENTÁRIO*/ .comments p{ font:1em "courier new" !important; text-shadow:0 0 !important; padding-left:20px !important; color:#9C9C9C !important } /* botao responder do segundo nível */ .comments .continue a { background:#fff !important; color:#777 !important; float:right; padding:2px 4px!important; height:23px;line-height:23px !important; margin-top:-45px !important; text-shadow:0 0 !important } /* botao responder do primeiro nível, mais estilos para o botao do segundo nível */ .comments .comment .comment-actions a,.comments .continue a { font:1em "helvetica" !important; color:#fff; padding:3px 6px; border:0 !important; line-height:30px; margin:5px; margin-left:10px; text-shadow: 0 1px #999; border-radius: .5em; background: #ff82ab; font-weight:800; box-shadow:inset 0 1px 2px #666 } /* botao hover*/ .comments .comment .comment-actions a:hover,.comments .comments-content .user a:hover { text-decoration:none !important; padding-bottom:4px } /* estilos para bloco de respostas */ .comments .comment-thread.inline-thread { background-color:transparent !important; padding:0.5em 1em; border-radius:5px; border:1px #ddd dashed !important } .comments .comments-content .comment-replies { margin-top:1em; margin-left:56px !important } .comments .continue { border-top:0 !important } .comments .thread-toggle,.icon.blog-author {display:none !important} /*estilos para formatação do texto dos comments*/ .comments .comments-content a{background:#999 url(http://lh3.ggpht.com/_NZJzdRm10Y0/TTSFb1rPnWI/AAAAAAAAAFM/1kbIuCoul8A/s800/th_minisetas.gif)no-repeat left;color:#000;padding-left:15px;font-weight:400} .comments .comments-content em{font:normal 12px 'segoe script';color:#fff} .comments .comments-content b{font:bold 11px 'arial';color:#999;text-shadow:0 0} .comments .comments-content strong {margin:10px 0;border:1px #fff solid;background:url(http://2.bp.blogspot.com/-rRFTCvBi0A4/TwXcVciZO0I/AAAAAAAAWzM/K2dXpNdjcaw/s1600/code.jpg);overflow:auto;width:98%;position:relative;border-radius:10px;box-shadow:0 0 5px rgb(199,198,166);color:#000;display:block;padding:5px 12px;text-shadow:0 1px #fff;line-heigth:18px;font-size:12px} /*Fim*/

Bom, espero que tenham gostado! Não esqueçam de deixar seus comentários ok?! Um abraço e até o próximo post ♥

♥ Preview ♥ Download ♥ 

                   

Adicionar legenda

Ola  meninas, finalmente personalizei um layout especialmente para vocês... 
leitoras e visitantes!!!
Ah algum tempo venho personalizando alguns layouts, acabei vendendo alguns e outros dei de presente para algumas blogueiras iniciantes... 

Esse é o layout:

Download (4shared) | Download  (MediaFire)

♥ Menu superior fixo
♥ Perfil com redes sociais
♥ Sidebar Personalizada 
♥ Titulo do post personalizado
♥ Imagens do post com bordas arredondadas
♥ Roda pé do blog personalizado
♥ Entre outras coisitas...

Esse é o primeiro layout que disponibilizo aqui da minha autoria... (hehe estou  emocionada kkk)

Para personalizar o Perfil da Blogueira >> Clique Aqui <<

Algumas dicas super importantes, para quem vai baixar o novo layout:

Caso queira alterar a personalização do menu superior.

De contrl+F e procure por /* Tabs (esta bem abaixo dele)

• Caso queira tirar ou mudar a mancha aquarela

procure por:

background: url("http://i57.tinypic.com/rm7apx.png") no-repeat; }

mude apenas o link da imagem

• Se quiser tirar o Backgroud Branco do fundo do blog, procure por:

background: url("http://i62.tinypic.com/2ujox9k.png") repeat; }

e mude apenas o link da imagem.

• Se quiser mudar a imagem do titulo das gadgets do sidebar, procure por:

background: url(http://i58.tinypic.com/10hrhnl.png) no-repeat center;

e mude apenas o link da imagem.

Para o cabeçalho do blog, usei uma imagem transparente tamanho 999x450

Para colocar o nome do seu Blog da forma que desejar, use essa imagem transparente abaixo: (vai estar como espaço vazio... mas a imagem estai ai... so é transparente rsrs

           

Download pelo site  Deviant Art

Download pelo site 4Shared

                   

Oiii pessoal... já estava com saudades de postar tutoriais para vocês *-*
Hoje vou ensinar  a como colocar imagem no "Leia mais" ou "Continue lendo" do blog!
Nao tem muito segredo... 
E no final vou disponibilizar para vocês algumas imagens que eu mesma fiz no photoscape, especialmente para vocês!!!

Então, no HTML do seu blog, aperte Ctrl+F e procure por: <data:post.jumpText/>

Com atençao, apague somente esse código, e no lugar dele subistitua por esse: 

<p align='right'><a expr:href='data:post.url'><img src='Link da imagem aqui'/></a></p>