. Mundo das meninas: Tutorial
Mostrando postagens com marcador Tutorial. Mostrar todas as postagens
Mostrando postagens com marcador Tutorial. Mostrar todas as postagens

16 de julho de 2014

Tutorial: Tiara de Tranças

                                                                                                                      ♥ Ooi ♥
 

 Oii meninaas, Tá eu sei, novamente vou ter que pedir desculpa por passar um ano longe do blog, mais é que realmente eu não sei o que aconteceu eu me dispersei dos blogs, e também eu admito que estava muito sem ideia! Como deu pra perceber na imagem aqui do lado esse é a minha 4ª postagem aqui no blog, e pra quem não se lembra quando chegar na minha 7ª (sétima) postagem eu vou me despedir aqui do mundo das meninas, pois esse foi o combinado, eu só postaria 7 vezes aqui no blog e depois disso, tchauzinho :'(, mais enquanto eu ainda estou aqui, e ainda me restam 3 postagens a fazer eu vou tentar fazer o meu melhor ok?! Bom, no post de hoje eu trouxe pra vocês um vídeo, que é um tutorial de como fazer uma Tiara de trança, a um tempinho eu venho vendo algumas amigas minhas comentando, então eu revolvi pesquisar um vídeo tutorial, pra aprender a fazer no meu cabelo, e foi pesquisando que eu achei esse vídeo da fofa da Giovanna Ferrarezi ela é super fofa e ensina super bem como fazer... Eu achei o penteado super lindo, e ele por incrível que pareça ele é muito  fácil de fazer, bom meninas o resto do post agora, eu vou deixar com o vídeo que vai ensinar a vocês como fazer essa Tiara de trança, ok?! Bjs e até o próximo :*
















                          

                                                                                                                                    

22 de abril de 2014

Tutorial: Como mudar o cursor do blog

Oi girls!

A pedido de uma leitora do blog vim fazer um tutorial de como mudar o cursor do blog, tem duas maneiras diferentes e eu vou mostra as duas, mas vocês vão ver que é bem simples, então vamos começar!


1º modo- Efeito de estrelinhas caindo!


Esse e bem simples de fazer e vai ficar como o da qui do blog!

Vá em layout>> adicionar um gadget >> adicione um gadget HTML/JavaScript e cole o seguinte código

<script type='text/javascript'>
// <![CDATA[
var colour="#FFD700";
var sparkles=50;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

E lá em cima onde está ROSA você vai colocar o código da cor que você quer as estrelinhas
agora salve e está pronto!

Site onde tem os códigos das cores-----> clique aqui


___________________________________________________________________

2º modo- Personalizar o cursor


Vá em Layout -> Adicionar Gadget -> HTML/Javascript e cole:

<style>body, a, a:hover { cursor:url(URL DA IMAGEM), auto }</style> 

 No lugar de URL DA IMAGEM você coloca o URL do cursor escolhido na primeira etapa.

Agora é só salvar que está pronto !


Separei alguns cursores pra vocês:










Espero que tenham gostado do tutorial beijos!


13 de março de 2014

Tutorial: personalizando o menu do blog

Oii lindinhas!

A pedido de uma leitora muito querida do blog, hoje vim fazer um tutorial de como colocar o menu do blog e como personalizar ele! vamos começar

Como colocar!


1º - Vá no Layout e do seu blog. e no lugar que você quer que fique o menu, clique em *Adicionar gadget* e na pequena aba que vai abrir escolha o Gadget de "paginas"






2º - Quando você clicar no "+" vai aparecer assim (como mostra a imagem) e é você clica em "Salvar"





3º - Agora vá em "Páginas"





4º - Quando você clicar vai aparecer assim:  agora é só clicar em "Nova página" e escrever


Pronto agora você já tem o Menu no seu blog! agora vamos aprender a personalizar!



Vá  em Modelo>> Editar HTML>> e presione Ctrl+F e na caixa de pesquiza que vai aparecer cole:
/* Tabs
E ele vai localizar o código! e logo abaixo dele vai ter algo parecido com isso:

/* Tabs
----------------------------------------------- */
.tabs-inner {
margin: 1em 0 0;
padding: 0;
}
.tabs-inner .section {
margin: 0;
}
.tabs-inner .widget ul {
padding: 0;
background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll top center;
}
.tabs-inner .widget li {
border: none;
}
.tabs-inner .widget li a {
display: inline-block;
padding: 1em 1.5em;
color: $(tabs.text.color);
font: $(tabs.font);
}
.tabs-inner .widget li.selected a,
.tabs-inner .widget li a:hover {
position: relative;
z-index: 1;
background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
color: $(tabs.selected.text.color);
}


Apague esse código e substitua por esse:

/* Menu do blogger personalizado by Go Imagine - goimagines.blogspot.com
----------------------------------------------- */
.tabs-inner {
margin: 1em 0 0;
padding: 0;
margin-top: 0px; /*para subir ou descer o menu troque o número*/
margin-left: 0px; /*para afastar o menu para esquerda ou direita troque o número*/
}

.tabs-inner .section {
margin: 0;
}

.tabs-inner .widget ul {
padding: 0;
background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll top center;
}

.tabs-inner .widget li {
border: none;
}

/*Estado normal do menu*/
.tabs-inner .widget li a {
display: inline-block;
padding: 1em 1.5em;
color: #fff; /*cor da fonte*/
font: $(tabs.font); /*fonte*/
border-radius: 50px; /*bordas arredondadas, apague a linha se n quiser*/
line-height: 5px;
padding: 12px;
background: #BFCED5; /*cor do fundo normal*/
margin-left: 8px; /*espaço entre os botões*/
}

/*Estado hover e selecionado*/
.tabs-inner .widget li.selected a,
.tabs-inner .widget li a:hover {
position: relative;
z-index: 1;
background: #8BC2C9; /*cor do fundo hover/selecionado*/
color: #fff; /*cor da fonte*/
border-radius: 50px; /*bordas arredondadas, apague a linha se n quiser*/
line-height: 5px;
padding: 12px; /*espaçamento interno*/


Agora é só fazer as alterações necessárias.


12 de março de 2014

Pacotes de brushes + como fazer downloads no Deviantart



Heey meninas!

No post de hoje vim fazer 2 coisas legais!

1º Dar um dica pra vocês de um site muito legal pra baixar Png's, brushes, Gif's, etc.
2º Um tutorial ensinado a baixar nesse site (deviantart)

vamos começar ?!

5 de março de 2014

Tutorial: Gatget do instagram no blog

Oii lindinhas


Ha quanto tempo não faço um tutorial né? recebi alguns e-mails pedindo um tutorial de como colocar o Gadget do instagram no blog, então estou hoje aqui para isso, é bem simples!

Entre nesse site----------> Clique aqui





*Quando você entrar vai ter um formulário e você vai preencher assim:







**Quando você clicar em  Preview vai aparecer a prévia do jeito que o Gadget vai ficar no seu blog








***Se estiver tudo certinho clique em close, e depois clique em  Get Widget






****Copie esse código, e no seu blog vá em Layout e adicione um HTML/JavaScript cole esse código salve e pronto!




Viu como é fácil!



24 de janeiro de 2014

como fazer: pisca pisca de flor

Oii lindasssss

Nesse post vou mostrar para vocês como fazer uma iluminação legal para seu quarto com pisca-pisca e forminha de brigadeiro, é de um jeito que fica muito fofo, vamos começar?! 










Gostaram da dica ?!



22 de janeiro de 2014

Tutorial: como colocar o Gadget "Status"

Hey fofas, o tuto de hoje é muito simples e de como colocar um gadget com o status do blog, assim ô:




Vamos começar o tuto, vá em Layout>> Adicionar Gadgets, procure o gadget HTML/JavaScript e cole o seguinte código:


<img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/pencil_right.gif" style="font-size: 100%; " /><span style="font-size: 100%; "> Webmiss: SEU NOME AQUI</span><div><img src="http://lh6.ggpht.com/_NZJzdRm10Y0/TTSXwE0xJ-I/AAAAAAAAAF4/tVS6pzI4UJE/s800/gif23.gif" /> Melhor visualização: MELHOR VISUALIZAÇÃO DO SEU BLOG</div><div><img src="http://lh4.ggpht.com/_NZJzdRm10Y0/TUbb5vZb9BI/AAAAAAAAAdc/o5LXplEIKts/marcadores32.gif" /> Desde:DIA/MES/ANO QUE SEU BLOG FOI CRIADO</div><div><img src="http://lh6.ggpht.com/_NZJzdRm10Y0/TUbb5fPOLkI/AAAAAAAAAdY/N3W02t8XtSI/marcadores29.gif" /> Meta: NUMERO DE SEGUIDORES QUE VC QUER seguidores</div><div><img src="http://lh4.ggpht.com/_NZJzdRm10Y0/TUbdOulD-AI/AAAAAAAAAeM/n4Za6DKW5_8/marcadores73.gif" /> Visitantes online:<script type="text/javascript" src="http://www.usuarios-online.com/usuarios.php?v=http://LINK DO SEU BLOG"></script></div> 



Agora vamos entender.
Onde está SEU NOME AQUI,coloque o seu nome (Lógico),pois essa parte está dizendo quem é a dona do blog. Na parte MELHOR VISUALIZAÇÃO DO SEU BLOG,coloque o navegador que seu blog é melhor visualizado,exemplo: Google Chrome, Mozila Firefox, Internet Explorer, etc.Na parte DIA/MES/ANO QUE SEU BLOG FOI CRIADO, serve para o visitante saber quando o seu blog foi criado.Onde está NUMERO DE SEGUIDORES QUE VOCÊ QUER, coloque quantos seguidores que você quer que seu blog atinga. E onde está LINK DO SEU BLOG coloque o URL do seu blog,exemplo: http://mundodasmeninas1001.blogspot.com.br


E salve, muito fácil né !?


Tutorial como criar uma caixinha de link-me

Oii gatinhas, hoje trago um tutorial bem simples pra vocês, que é de como criar uma caixinha de link-me, de um jeito bem simples, vamos começar !?



1º passo__Vá em layout>> é adicione um Gadget tipo "HTML/Javascript" e cole o código abaixo fazendo as alterações necessárias:

<div align="center"><img src="URL da Imagem do link-me" border="0" />
<textarea rows="3" cols="15" name="textarea" onfocus="this.select()" onmouseover="this.focus()">&lt;a href="Endereço do seu Blog" Title="Titulo do seu Blog" target="_blank"&gt;&lt;img src="URL da Imagem do link-me" border="0" /&gt;&lt;/a&gt;</textarea></div>

Salve e pronto, você já tem sua caixinha de link-me ;)


DICA: Para conseguir o URL da imagem que você quer que apareça no link-me você precisa hospedar ela em algum site, você até colocar ela no Facebook que já consegue um URL, ou até mesmo fazer um rascunho de post com a imagem.




18 de janeiro de 2014

Tutorial: criar área de crédito no rodapé do blog

Oii meninas

O tutorial de hoje é muito simples, é para criar uma área de credito no rodapé do seu blog, mais claro que você só vai fazer isso se o layout que você estiver usando for seu, de sua autoria, tá bem!?

Primeiro vamos ver como fica pra quem ainda não entendeu direito:





1º passo__ Vá em >>Modelo>>Editar HTML>> é procure por: (Para facilitar a pesquisa aperte: ctrl+F e digite o código)

<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>

Onde está “true“, troque por “false“.
Na linha acima, onde está showaddelement=’no‘
Troque por: showaddelement=’yes‘

E salve as modificações....



2º passo__Agora vá em>>Layout e clique em "editar" no Gadget  "Attribution" e exclua.

Agora você vera que existe um 'campo' para adicionar um Gadget no rodapé.

Clique em “adicionar gadget” e escolha “html/javascript” e cole o seguinte código:

<div align='center' class='credit'><a href='#'>SEU NOME AQUI  </a> &#169; Copyright 2014. Tecnologia do <a href='http://www.blogger.com/'>Blogger</a>. </div>

E salve.... viu como é fácil;)


2 de janeiro de 2014

Tutorial como colocar o Gadget "Mude o fundo"

Oii lindinhas


Primeiramente quero saber se gostaram do novo visual do blog ? (comente ou vote na enquete)  voltando ao post vou ensinar  a vocês como colocar o Gadget mude o fundo 


1- Vá em Layout e adicione um Gadget do tipo HTML/Java Script.
2- Cole esse código e faça as substituições 

<h2 class='title'>Mude o Fundo!!</h2>
<div class='widget-content'>
<style>

#backgrounds a img{
width:40px;
height:40px;
display:inline;
margin-right:10px;
margin-top:15px;
border:2px solid #FFFFFF;
}

#backgrounds a:hover img{
border:2px solid #FFEC8B;
}

</style>

<div id="backgrounds">

<script src='http://code.jquery.com/jquery-1.6.2.min.js' type='text/javascript'></script>

<script>
$(document).ready(function(){
 $("#background01").click(function(){
  

$("body").css({"background":"url(URL DO FUNDO 1)"});
 });
});
$(document).ready(function(){
 $("#background02").click(function(){
  

$("body").css({"background":"url( URL DO FUNDO 2)"});
 });
});
$(document).ready(function(){
 $("#background03").click(function(){
  

$("body").css({"background":"url( URL DO FUNDO 3)"});
 });
});
</script>

<center><a href="javascript:void(O)" id='background01' title="1"><img 

src="URL DO FUNDO 1" /></a>

<a href="javascript:void(O)" id='background02' title="2"><img 

src="URL DO FUNDO 2" /></a>

<a href="javascript:void(O)" id='background03' title="3"><img 

src="URL DO FUNDO 3

/></a></center></div>
</div></div>


Onde está rosa você vai colocar o URL das imagens que você quer, o mesmo URL que você colocar no "URL do fundo 1" que está em cima você vai colocar no "URL do fundo 1" que está em baixo. A parte que está azul você vai ajustar a largura das imagens o meu e 70px

Agora e só salvar, viu como é facil ;)


24 de outubro de 2013

Seleção do texto colorida (como fazer)

 



meninas nesse post eu vou ensinar a vocês como fazer para 

  a seleção do texto do seu blog ficar colorida, vamos ao tutorial?







*Vá em modelo>> editar HTML>> e aperte ctrl F e na caixa de pesquisa que vai aparecer  pesquise por  ]]></b:skin E acima dele cole 




::-moz-selection {
background:Cor de fundo; /*Cor de fundo*/
color:Cor da fonte; /*Cor da fonte*/
}
::selection {
background:cor de fundo;/*Cor de fundo*/
color:cor da fonte; /*Cor da fonte*/

 

Fazendo as devidas alterações.


Quem não sabe os códigos das cores clica aqui tem todos os códigos de todas as cores.



        

23 de outubro de 2013

Como dar uma festa de Halloween

Oii lindas 

dia 31 de outubro é o Halloween, então, nesse post eu vou dar dicas de como fazer uma festa de Halloween sem gastar muito, vamos lá?!

____________

Convites

Faça convites em cores preto e laranja que são as cores tradicionais do Halloween. Você também pode brincar com o formato do convite, fazendo um chapéu de bruxa, caixão ou uma abóbora, por exemplo. 

                                                                          ____________

Decoração 

Encha bexigas brancas com gás hélio, amarre nas cadeiras com um barbante ou fio preto e desenhe olhos e boca de fantasma nas bexigas (use uma canetinha preta).
 

Decore o buffet com copinhos de plástico com refrigerantes de cores preto (cola) e laranja
 

Espalhe brinquedos de plástico como aranhas ou caveiras pelas mesas dos convidados ou na mesa de doces.

 

Recorte morcegos de cartolina preta e prenda na parede com fio de nylon .







Pegue potes de vidro de cubra eles com gaze (aqueles curativos) cole olhinhos articulados e coloque um vela ou um LED dentro.





                                                                     ____________


Receitas

Sanduíche fantásma

Pegue um pão de forma sem casca e corte as laterais(pontas) da parte de cima dele.

Faça outra silhueta e monte o sanduíche com queijo e presunto.

“Cole” com manteiga dois pedacinhos de azeitona pará fazer de olhos do fantásma!




                                                           ____________




Cemitério maldito


- Recorte o brownie em retângulos
- Coloque calda de chocolate
- Cubra com açúcar verde ou granulado colorido
- Corte biscoitos de maisena ao meio e enfie no alto dos bolinhos




E então o que acharam do post?

quem ficou com vontade de fazer uma festa?