Mostrando postagens com marcador tutorial. Mostrar todas as postagens
Mostrando postagens com marcador tutorial. Mostrar todas as postagens

Make Romântica Junina/Julina




Quanto tempo sem um tutorial de make né? Gostaram dessa? Vem aprender!
Prepare sua pele como de costume.
Passe um fixador de sombra ou corretivo, porque ajuda a fixar e deixar a cor mais forte.

 

1- Passe a sombra marrom em toda a pálpebra (móvel e fixa), sendo que na pálpebra fixa, você deve esfumar beeeem para não ficar marcado. Até na parte do ossinho da sobrancelha, ok!

2 - Depois passe a sombra marrom escura só na pálpebra fixa, dê batidinhas para que ela fique bem concentrada. Não esfume. Pronto, olho quase terminado!

3 - Pegue um pincel chanfrado e pegue a sombra lilás, passe dando batidinhas na parte de baixo da linha d’água, passe umas duas ou três vezes para que fique a cor bem viva.


Se quiser, passe um lápis preto ou bege ou da cor que você escolher a sombra, na linha d’água.
Passe muuuito rímel, escolha um batom e arrase!

Vídeo já, já liberado.

Porta-lápis de material reciclado

Sabe quando você está precisando inovar a mesinha do escritório/ do notebook/ do estudo/ da bagunça?... Então meu bem, vem companhar esse DIY e vai ficar uma graça na sua mesa!

Materiais


Passo a Passo









Prontinho!

Esse tutorial é creditado ao site Bolsa de Mulher, que fez em vídeo. Eu apenas repassei em fototutorial.

Beijos!

Retiro: O que levar? Como arrumar a mala?


O que eu estou levando?

1 BÍBLIA
3 camisetas
1 blusa
1 bolero
3 vestidos
1 pijama (calça e blusa comprida + blusa de manga curta)
1 toalha de banho
2 blusas de frio (casaco + blusa de malha)
Roupa íntima + meias + meia calça + absorvente
2 sapatilhas
1 rasteirinha
1 chinelo
Desodorante, sabonete, creme dental, escova de dente, óleo de cabelo, hidratantes, maquiagem...
Lençol, colchonete, travesseiro...
Remédios.

Abaixo tem uma listinha de itens pra levar. É só imprimir e marcar com X o que já colocou na mala.

Vídeo no youtube: play NOW



Personalize o notebook




Notebook ta todo arranhado - descascado? Compre papel contact e cole nele!
 Quer ver? Dá play.






#tutorial: icones de redes sociais na lateral do blog

Oi meu povo, post atrasado hoje né? Chegooou fevereiro! Carnaval, alegria!
Deixando beeem claro: Esse tutorial foi retirado do blog Farry Teen, exclusivo da Morgana. Todos os devidos créditos a ela. Não pude elaborar um tuto legal, pois ontem tive problemas para acessar a net e hoje já tive trabalho da faculdade para entregar. Por isso postei tarde e copiado. Não que esse post não seja legal, ele é o máximo. Vou usá-lo pro próximo lay. Patrícia, chega de blá, blá, blá e vamos tutoriar! (oi? de onde saiu essa palavra?)hahaha!

Preview dos ícones
Vá em Layout > Adicionar um Gadget > HTML/Javascript
<a href="LINK" style="position: fixed; left: 2px; top: 200px;" target="_blank"><img border="0" heigth="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsu_LAR4c5pWoLDWg8tNAoHCW-ZRCrUTtmHzFyOLcCx632FNqanqX3YH1LzBBZjGcOtwwk1Ij2DbfdXq1gxxAyW6aNFAazsyXnfvT6Myd2EKgaXe6j_5RTzghQ6lwl1u5mPDrpzveJGwc/s288/facebook.png" title="Facebook" width="48" /></a>
<a href="LINK" style="position: fixed; left: 2px; top: 250px;" target="_blank"><img border="0" heigth="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf-dS1_70PcGP9SIEeDxKZyh3fsqeYZHsjfedvRP5QrsiLRhL1qDueFrdnHTG4n1mPCLAUFGTOtvO7W8oeSV4Kizw-UNFmZWqLXM4XGRRUzcLCE71hUxnEqYGnZoBY_R6Wlc1teS8-VCs/s288/mail.png" title="Email" width="48" /></a>
<a href="LINK" style="position: fixed; left: 2px; top: 300px;" target="_blank"><img border="0" heigth="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix__EJxhM4Njr-28S4gyQY9Dtre-R1uTI1fhHK8luCakCk2QpR4XWRIPiJhW2CS1dvKNEDqxkWDxGn5v5_schdDwI8KPZu58sflJrw6DWPHrAl20GU-mbXMB8a4V-Njch6rmR30pjKSac/s288/youtube.png" title="Youtube" width="48" /></a>
<a href="LINK" style="position: fixed; left: 2px; top: 350px;" target="_blank"><img border="0" heigth="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHOhC0ZEjM7SKijLYIvlYyw_-X0gnaY2HM-Ja1Yy1V_oZDZipkrWE_LWXJ3PNo6L_WlxSiqeJhNu176Dv1G1Z6O0aQWLH8L8-FD1zq-1pZtjo5AcJ3uleHon83kJtVAH17TNhv308RlRY/s288/formspring.png" title="Forms" width="48" /></a>
<a href="LINK" style="position: fixed; left: 2px; top: 400px;" target="_blank"><img border="0" heigth="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf8ITjc2YQdwJmMOKXBnTI3HXnRQqISL35k4_ZvVgVZBCjdooubm-yLYec5b0VVg01dEkAdJL-S2DYCSiSLnQu-7lI-al7XRwRAPvwnuWB3lEAIaK_yN3MzP3AISNAptTPglNZJwYz5jc/s288/orkut.png" title="Orkut" width="48" /></a>
<a href="LINK" style="position: fixed; left: 2px; top: 450px;" target="_blank"><img border="0" heigth="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMseSCfn_zrWg94nPJXCNKCJB1hC7CFhYvc33hR57Pyh7yTM_bEzoNOeKWIltejOf2TI6q9OWpLV9n-4IM9TCLdOd8QHsUhpuxcbSJX7OgOGGl7j-x-jmeUN54PkfvZTFo5C1B3yOWBBo/" title="Blogger" width="48" /></a>
<a href="LINK" style="position: fixed; left: 2px; top: 500px;" target="_blank"><img border="0" heigth="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFUAg9TcxLjq_zxH7QDzn5YHw-S_QdSq1L9Fq9ZorJzHsn6oZ94Cm-E42F2VGvEsHT7EKlhxMvNNlhVY8QhtwqieTIsO1QpjXDPjQAChCnH_3JyAcPUyTj_D8IeW837xiz5heKwYjKUDM/" title="Twitter" width="48" /></a>

Retirado de

é isso minha gente, bom final de semana. O meu já vai ser na faculdade #tenso. DoisBeijos.

#tutorial: Retirar o "Attribution"

Retirar o "Attribution" (créditos do blog) é algo super simples de fazer. Basta você ir em Modelo → Editar html, apertar Ctrl+F e procurar por Attribution. A busca vai localizar esse trecho:


Apague esse mesmo trecho {em verde} do seu template e clique em "Salvar modelo". Feito isso, uma caixinha irá aparecer sobre o editor html do seu blog, perguntando se você deseja realmente excluir o widget.


Clique em "Excluir widgets" e pronto! 

#tutorial: dois backgrounds no blog

Esse tutorial serve para você que assim como eu, não consegue/conseguia colocar o banner preenchendo toda a parte superior o banner né, dããa! Vamos aprender? É pra lá de fácil, bora fazer! Quer ver o resultado, veja aqui.




Abra o Modelo HTML de seu blog, aperte F3 e pesquise por body {
- Quando localizar, você vai encontrar esse código:

body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
}
 Substitua então, o código por esse:
body, html {
height: 300px;
margin: 0;
font: $(body.font);
padding: 0;
}
body {
background: url("
URL do background do banner") repeat;
}
html {
background: url("
URL do corpo do blog") repeat;
} 
Altere os urls.
Azul: Coloque o link do cabeçalho.
Roxo: Coloque o link do background.

Em breve, vamos ter mudanças no lay do Channel, aguardem a decoração de 2013!

é isso, se não entendeu direito ou não conseguiu fazer, comente!

#tutorial: inserir widgets no cabeçalho

Olá meninas! Vocês devem estar pensando "ela gostou mesmo de tutorial" e SIM! Amei mesmo a idéia, já que eu não sei nada, agora o que aprendo repasso aqui :)
O widget inserido no cabeçalho são os ícones das redes sociais e a caixa de pesquisa, igual ao meu. E está dividido em duas partes, pois tem que ter atenção. #semprefaçaumbackup!

Vamos lá:
1º Passo:

COMPTE_BLOGOF rafaelababy : Tudo para orkut e msn, Mini gifs de coraçãoAbra seu Modelo → Editar HTML → Expandir modelos de widgets

COMPTE_BLOGOF rafaelababy : Tudo para orkut e msn, Mini gifs de coraçãoProcure por
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'> 
COMPTE_BLOGOF rafaelababy : Tudo para orkut e msn, Mini gifs de coraçãoQuando encontrar, cole abaixo o seguinte
<div style='top: 5px; right: 5px; z-index: 100; position: fixed;'><a href='URL DO SEU BLOG'><img src='http://cdn1.iconfinder.com/data/icons/doodle/Home.png' style='width: 30px; height: 30px;'/></a><a href='http://twitter.com/TWITTER_USERNAME'><img src='http://cdn1.iconfinder.com/data/icons/doodle/Twitter.png' style='width: 30px; height: 30px;'/></a><a href='URL DO PERFIL DO FACEBOOK'><img src='http://cdn1.iconfinder.com/data/icons/doodle/Facebook.png' style='width: 30px; height: 30px;'/></a></div>  
 Coloque a URL com HTTP://
Troque os ícones se quiser.
No meu caso, o cabeçalho é diferente, então tive que alterar as medidas. Vá alterando aos poucos e visualizando sempre, feito isso, Salve!

Crédito ao Batom de Framboesa

2º Passo:

COMPTE_BLOGOF rafaelababy : Tudo para orkut e msn, Mini gifs de coração Vá em Design > Adicionar um Widget >  Selecione o HTML/JavaScript 
COMPTE_BLOGOF rafaelababy : Tudo para orkut e msn, Mini gifs de coraçãoAgora, antes de adicionar o código que você quer, coloque esse: 
<div class="topo">CÓDIGO</div>
COMPTE_BLOGOF rafaelababy : Tudo para orkut e msn, Mini gifs de coração  onde está escrito 'CÓDIGO', cole o código que você queira, tipo o da caixa de pesquisa, e outros.


COMPTE_BLOGOF rafaelababy : Tudo para orkut e msn, Mini gifs de coraçãoAgora, para ajustar tudo, é só você ir no HTML do seu blog, e procurar por ]]></b:skin> e logo acima, cole isso:
.topo {

position: absolute;
z-index: 4;
width: 250px; /* LARGURA */
height: auto;
left: -19px; /* Posicionamento */
top: -19px; /* Altura */
}
COMPTE_BLOGOF rafaelababy : Tudo para orkut e msn, Mini gifs de coraçãoSe você utilizar mais de um código desse, coloque assim
<div class="topo1">CÓDIGO</div>
e


.topo1 {

position: absolute;
z-index: 4;
width: 250px; /* LARGURA */
height: auto;
left: -19px; /* Posicionamento */
top: -19px; /* Altura */
}

COMPTE_BLOGOF rafaelababy : Tudo para orkut e msn, Mini gifs de coraçãoé isso, edite se necessário, visualize e salve.

Créditos ao Farry Teen

Bom FDS pra todos, segunda tem mais, se Deus quiser!

#tutorial: Balão com comentários numerados

Começando nossa #tag Tutorial, vou mostrar pra vocês como colocar um balãozinho melhorado do lado do post. Eu sofri e levei tempo pra arrumar aqui no blog, então trouxe outro código pra vocês que sofrem como eu, entenderem. Bora conferir?

Antes de tudo, faça um backup do seu template PELOAMORDEDEUS! Vai que algo dá errado né, não arriscaremos.
Abra o blogger e clique em modelo → editar HTML → Expandir Modelos de widgets

Procure pelo seguinte código
<b:includable id='post' var='post'>
Abaixo dele cole esse código:
<span class='post-comment-link-arriba' style='font-size:24px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG4UyMnnMXS9eIVjY-Xmi38I5XubO2PAhTsLgF9xVYOZjWyWmTrEllqK2oxs2LC-hoOmnc6LjVsbTo4DBhveD3bxx9LdExnXbJZgg8s-N58tZ0vO0UlhopnZznbD8YOCruSqG1nWWlJ6o/s400/bubble.png) no-repeat top right; width:48px; height:48px; text-align:center; float:right; margin:5px 0 0 0; padding:5px 7px 0 5px;'> <b:if cond='data:post.allowComments'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/></b:if></a> </b:if> </span> 
Você pode alterar os seguintes códigos:

Imagem:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG4UyMnnMXS9eIVjY-Xmi38I5XubO2PAhTsLgF9xVYOZjWyWmTrEllqK2oxs2LC-hoOmnc6LjVsbTo4DBhveD3bxx9LdExnXbJZgg8s-N58tZ0vO0UlhopnZznbD8YOCruSqG1nWWlJ6o/s400/bubble.png

E alterando a imagem você deve mudar os tamanhos: 

width:48px; height:48px; text-align:center; float:right; margin:5px 0 0 0; padding:5px 7px 0 5px;

A minha imagem é usada no tamanho 90x80

No site Find Icons tem muitos balões pra você! Veja outros balões aqui

Visualize e se estiver tudo certo, pode salvar! 


novidade: tutorial

Olá! A partir de hoje vou fazer alguns tutoriais pra vocês, quem sabe você que nos visita é um pouco como eu, lesa em questão de HTML/CSS e etc. Bom vou compartilhar com vocês aquilo que aprendo pesquisando e também vou dizer SEMPRE onde aprendi, dando os créditos a quem é de direito né pessoal!
é isso, então bora começar?






© Patricia Bernardo Blog - 2016 | Todos os direitos reservados.
Desenvolvimento por: Jaque Design | Tecnologia do Blogger.
imagem-logo