Template

Template Feminino

Boa tarde, hoje vim trazer pra vocês um Layout que eu fiz, esse foi o primeiro , em breve farei mais pra vocês, esse template é bem feminino. Se você quer um layout para seu blog, deixa um comentário ou entra em contato com meu e-mail : natacha_gnas@hotmail.com





Visualização : aqui       Baixa: aqui


-Segue minha página no facebook, em breve vou abrir meu novo blog- queridooutubro e nele você encontrará tudo sobre moda, maquiagem, vai ter promoção e muito mais.
-Dúvidas deixa um comentário que responderei 
-Não esqueça de colocar créditos se quiser publicar no seu blog. 
-Me segue pra saber das novas postagens :) nahapple 

Rodapé para seu blog


Boa noite, acabei de chegar do trabalho, estou super cansada, vim aqui rapidinho pra atualizar o blog e trazer esse código que acho perfeito. Quem não sabe como colocar é simples e fácil.


Vai no código do seu html é procura por #footer

/* -- Footter -- */
#footer { width:970px;  height: 40px;   clear:both;font-family: 'Verdana', Arial;  font-size: 11px;  color:#000000;  text-align: center; background: url('http://imageshack.com/a/img845/9338/v321.png'); }
#footer a {color: #000000}


Coloque esse código no final do seu Html
</div>
<div id='footer'>
<p> Blog desenvolvido por <a href='http://nahapple.blogspot.com.br/' target='_blank'>Natacha Guimarães</a> &#169; Todos os direitos reservados - Powered By Blogger</p>
  </div>


* Caso não queira essa imagem só apagar o link e colocar outra da sua preferência
 background: url(http://imageshack.com/a/img845/9338/v321.png)

* Mude o link do seu blog e o nome - <a href='http://nahapple.blogspot.com.br/' target='_blank'>Natacha Guimarães</a>


-Segue minha página no facebook, em breve vou abrir meu novo blog- queridooutubro e nele você encontrará tudo sobre moda, maquiagem, vai ter promoção e muito mais.
-Dúvidas deixa um comentário que responderei 
-Não esqueça de colocar créditos se quiser publicar no seu blog. 
-Me segue pra saber das novas postagens :) 
sidebar título

Aplicar no fundo dos títulos da sidebar 





.sidebar h2 {margin: 10px; line-height: 1.5em; padding: 6px; text-align: left; font-family: 'Oswald', sans-serif; font-size: 20px ; font-weight:300; width: auto; margin-left: -0px; color: #A9A9A9; letter-spacing: 1px; padding-top: -5px;  text-transform: normal; border-top: 2px solid #fff; text-indent: 8px;
background: url(http://i.imgur.com/yyBNlHk.png); }
.sidebar .widget, .main .widget  {margin:0 0 1.5em;padding:0 0 1.5em;}
.main .Blog {border-bottom-width: 0;}

Caso não queira essa imagem só apagar o link e colocar outra da sua preferência
 background: url(http://i.imgur.com/yyBNlHk.png)


Segue minha página no facebook, em breve vou abrir meu novo blog- queridooutubro e nele você encontrará tudo sobre moda, maquiagem, vai ter promoção e muito mais.
-Dúvidas deixa um comentário que responderei 
-Não esqueça de colocar créditos se quiser publicar no seu blog. 
-Me segue pra saber das novas postagens :) 
Sidebar do Perfil


Novo código amores para deixar seu perfil fofo, você pode escolher uma cor ou colocar uma imagem. Esse é só um exemplo que eu fiz pra testar o código :) é funcionou





.cx { background: url(http://i.imgur.com/yyBNlHk.png) repeat;0; ;margin-bottom: 0px;padding: 6px;text-align: justify;width:240px;border-radius: 0px; color:#a6a6a6;z-index:0; margin-top: 10px;margin-bottom: 1px; z-index: 10; font-family: calibri;  font-size:12px; line-height:15px; }
.borderp{background: #fff ; padding: 6px;webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;-webkit-filter: grayscale(100%);alpha(Opacity=40); opacity:0.40; box-shadow: 1px 1px 2px rgba(0,0,0,0.08);
 border-radius: 10px; }
.borderp:hover{-webkit-filter: grayscale(0%);  alpha(Opacity=90); opacity:0.90;}
.buttons{margin-bottom: 4px}



Caso não queira essa imagem só apagar o link e colocar outra da sua preferência
 background: url(http://i.imgur.com/yyBNlHk.png)


Segue minha página no facebook, em breve vou abrir meu novo blog- queridooutubro e nele você encontrará tudo sobre moda, maquiagem, vai ter promoção e muito mais.
-Dúvidas deixa um comentário que responderei 
-Não esqueça de colocar créditos se quiser publicar no seu blog. 
-Me segue pra saber das novas postagens :) 


Caixa de comentário 

Boa tarde :) Hoje vim trazer como mudar sua caixinha de comentário, nele você pode alterar a cor e colocar uma imagem.

1º Você tem que ir no seu Html
Você pode ir pelo  Design > Editar HTML > Dê um Ctrl + F e procure por #comments { ou se você estiver criando cole esse código em baixo :

.comments .comment-block{padding:0px ;margin-left:54px;position:relative; border:1px solid #eee; background: url(http://i.imgur.com/yyBNlHk.png) repeat;0; padding:4px;}  
.comments.comments-content.comment-replies{margin-left:0}}
.comment-content{white-space:pre-wrap;width:95%;word-wrap:break-word;}
.comments .comments-content .comment{margin-bottom:16px;padding-bottom:8px;}

2º Ficará assim :


3º Mude a imagem

background: url(http://i.imgur.com/yyBNlHk.png) , caso não quero colocar imagem é só apagar o link e ficará assim  background: url()

-Segue minha página no facebook, em breve vou abrir meu novo blog- queridooutubro e nele você encontrará tudo sobre moda, maquiagem, vai ter promoção e muito mais.
-Dúvidas deixa um comentário que responderei 
-Não esqueça de colocar créditos se quiser publicar no seu blog. 
-Me segue pra saber das novas postagens :) 






Colocar Instagram no seu blog


Boa noite lindos, acabei de chegar em casa,teve ensaio de dança hoje e tive que ir, o incrível é que já peguei os passos no primeiro dia *-* #milagre , kk

 Vou deixar o código para você colocar no seu blog, é muito fácil

1º  Basta você entrar no site  >> http://web.stagram.com/


2º Vai em minhas fotos e vai aparecer esse nome - Blog Parts / clica em cima e copie o código




3º Agora vai na sua página e clica em Layout, depois que você fizer isso clica em Adicionar um Gadget e procure por HTML  e cole o código e salva. Pronto :)






-Segue minha página no facebook, em breve vou abrir meu novo blog- queridooutubro e nele você encontrará tudo sobre moda, maquiagem, vai ter promoção e muito mais.
-Dúvidas deixa um comentário que responderei 
-Não esqueça de colocar créditos se quiser publicar no seu blog. 
-Me segue pra saber das novas postagens :) 












Código

Código

Voltei com uma novidade pra quem não sabe colocar códigos no seu blog. Pra começar vou ensinar como colocar essa barrinha super fofa 




1ª Pega uma imagem que você deseja pra colocar seu link. Por exemplo o meu foi imagem do instagram




2º Copia esse código e muda o nome que está em rosa, se você quiser colocar seu facebook e outros só repetir o código novamente mudando o link e a imagem.


<a href="http://instagram.com/nome do seu instagram">
<img style="border: 0px; width: 50px; height: 50px;" alt="" src="coloca aqui a imagem" title="Instagram">
</a>


3º Agora vai na sua página e clica em Layout, depois que você fizer isso clica em Adicionar um Gadget e procure por HTML  


4º Agora cole o código e salva. Pronto agora só visualizar seu blog e vê se foi :)


-Dúvidas deixa um comentário que responderei 
-Não esqueça de colocar créditos se quiser publicar no seu blog. 
-Me segue pra saber das novas postagens :) 

Adicionar