Ideias! Personalização artesanal para quartos Femininos #1

oi gente, cheguei chegando com um post super legal. Sabe, seu quartinho que está desanimado, sem sal, e açúcar, chato, com nada enfeitado e etc..? então, o meu estava assim, mais eu percebi que não era pelo quarto ser pequeno, era por quarto não ter enfeites, decorações e talls. Depois de ver alguns vídeos alguns tutoriais artesanais, o meu quarto mudou de figura. E ai? quer personalizar o seu também? Vem pra cá, veja nossas dicas...

                       

Bem, primeiro, vamos ver alguns videos de como fazer coisinhas para enfeitar, decorar o seu quarto. Então vamos lá, e confira os vídeos!!

bom, coloquei bastante vídeos não é mesmo? agora vamos a alguns tutoriais..
No blog velvet 'n' Leather tem vários tutoriais assim, eu amo o blog dela, e separei alguns pra vocês, vejam!!!

- Porta Lápis
- Porta Bolsas/Colar
- Mesa de disco de vinil
- notas musicais para o guarda roupa
- Fronha Simples
e tem mais aqui (www)

beijos, comentem!!

Personalizando o post footer

Olá pessoal, mexi tanto no html do blog de testes, que fiquei por dentro de alguns tutoriais super bacana, e decidi postar aqui no blog. Então vou postar um aqui super legal pra vocês..

vocês vão aprender a personalizar o post footer, onde fica os marcadores, a hora, o autor do post..

1°- Vá lá no HTML do seu blog e procure por:

.post-footer {

para saber o que fazer com esse código, clique em leia mais...

2°- Agora Apague tudo que estiver abaixo dele até essa tag: }
3°- Depois que apagou o código, cole esse abaixo no lugar dele:

/* Post Footer// Código Deby Sabe Tudo
----------------------------------------------- */
.post-footer {
background: #ff50ff; */fundo do post footer /*
border-radius: 10px 10px 10px 10px; */Borda arredondadas, se não quiser, retire/*
border: 1px solid #000000; */bordas, se não quiser retire/*
}
-----------Fim do código-------------------

4°- A legenda já esta incluída no código, que vai explicar o que é pra fazer.
5°- Depois visualize e veja se está tudo Ok, depois salve seu template.
6°- Se você quiser, em vez da cor, você pode colocar uma imagem, trocando esse código:

background: #ff50ff; */fundo do post footer /*

Por esse:

background: url (URL DA SUA IMAGEM);

Aí você edita, onde esta escrito " URL SA SUA IMAGEM " você vai colocar o url da sua imagem (background).


Aqui em baixo tem alguns backgrounds que achei na net:


      
      

Espero que tenham gostado,
Aproveitem o tutorial..
Comentem..
Beijos e voltem sempre...

temas e Como Fazer Temas Para Google Chrome

Olá pessoal, hoje vou ensinar a vocês a fazer seu próprio tema para o google chrome, e também coloquei os que eu fiz para download.é super legal , mais não é fácil e nem difícil de fazer. se quiser aprender clique em leia mais  >>
Agora vamos lá então. Se você ainda não tem o google chrome, baixe-o Clicando No Link abaixo:

                               >>  DOWNLOAD DO GOOGLE CHROME <<

Mais você também, vai precisar desse atalho "meu tema do google chrome", baixe-o no link abaixo:

                                                  >> Download Aqui <<
-------------------------------------------->>
1- Agora, quando o link aparecer, vai está mais ou menos assim:

clique em usar no google.

2- espere o download acabar. quando acabar adicione uma nova guia (nova guia). e clique no aplicativo " Meu tema do Google":

3- assim que clicar no aplicativo, logo em seguida clique em " Iniciar a criação de seu tema ".
4- agora clique em " Fazer Uplaod da imagem ":

5- agora você escolhe o arquivo. (OBS:.: a imagem de fundo tem que ser do tamanho da pagina do google chrome..) mais se for imagem pequena, clique em " ajustar a posição ", e clique na opção "Imagem de Bloco". e feche.
6- agora clique em "prosseguir para o passo 2".
7- agora vamos editar a parte de cima, vamos ir no pincel 1:

e escolha uma cor que goste ou que combine. e feche. depois clique no pincel do lado e escolha outra cor, e depois feche. e depois vá no ultimo pincel e escolha uma cor.

8- mais se você quiser, clique no botão " estou com sorte". que ele mesmo vai personalizar para você com uma cor que combine. Depois vá para o passo a passo 3, e dê um nome para o tema.

e em seguida clique em " criar meu tema " logo ao lado.e espere.
9- assim que criar o tema, vai aparecer isso:

e depois clique em instalar meu tema. e pronto.

Aqui em baixo tem uns que eu fiz para vocês instalarem no seu google chrome.
PARA INSTALAR >> clique na imagem e depois clique em instalar tema. se aparecer isso:

clique em " Continuar ". e espere que automaticamente irá adicionar. e para ver clique em nova aba (que é adicionar nova guia).Pronto.






Bem gente, é só isso.
Comentem a vontade..
Beijinhos...

Personalizando a Área dos posts

Aqui você vai encontrar fáceis Tutoriais Para o seu blog. Antes de fazer os tutoriais dessa postagem é necessário fazer o Backup do seu template, para não dar nada errado, ou até mesmo num blog de teste antes de usar no seu original para não estragar o seu blog. Bem você vai aprender a personalizar a área dos posts e também umas dicas básicas extras pra você. Então chega de bate-Papo e vamos começar os tutoriais...

Clique em Leia mais e vamos em bora!!
Personalizando o Título do Post

Se você quiser colocar um efeito no título da sua postagem personalizada igual a minha, veja esse tutorial com atenção.

Vá em: Modelos e Editar HTML
e pesquise pelo seguinte código:

h3.post-title {

quando achar, vai estar mais ou menos assim:

h3.post-title {
  margin-top: 20px;
}

Logo acima da última chave, coloque o seguinte código:

border-bottom: 1px dashed #000000;

agora vamos para a legenda:

Roxo: é a borda, (não mude, só mude apenas, o bottom po top se quiser a linha em cima, se quiser a linha em volta do título do post todo apague o " -bottom ").
vermelho: é o tamanho da borda ( se quiser mais grossa coloque " 2px ").
preto: é o tipo da borda ( se quiser uma borda lisa, coloque " solid ")
laranja: é a cor da borda ( se quiser rosa coloque " #ff50ff; ")

só isso, agora veja se esta tudo OK em seu blog e salve. Mai não acabou ainda tem muito mais...

Centralizando o título do Post

Vá em: Modelos e Editar HTML
e pesquise pelo seguinte código:

h3.post-title {

Logo abaixo dele, coloque o seguinte código:

text-align: center; 

prontinho, veja se ta tudo ok, e salve... ainda tem mais..


Colocando Barra de rolagem nos posts

vá em: modelo e em seguida editar HTML.
depois pesquise por:

body {

e antes de body { cole o seguinte código:

#Blog1{overflow-y:auto; overflow-x: hidden; height:500px; width: 100%;margin: 0px;}

Pronto! veja se esta tudo legal, e salve. tem mais ai..


Colocando Sombra no título do posts

vá em: Modelo e depois em Editar HTML.
em seguida procure pelo seguinte código:

h3.post-title a { 

antes de fechar a última tag " { ", cole esse código:

text-shadow: 0px 0px 5px #000000;

se vocês quiserem mudar alguma coisa,como a largura da sombra,ou a cor da sombra, fiquem a vontade.

Quando tiver tudo pronto visualize, e depois salve.
E é só isso pessoal. mais tem um dica para deixar seu texto sublinhado, persona lizado.
Fica super legal. Veja o tuto abaixo:

Vá em: Modelo >> editar HTML e procure pelo seguinte código: ]><
acima dele cole o seguinte código:

u {
color: #200000;
text-decoration: none;
border-bottom: 1px dashed #000000;
}

o que esta de vermelho é o tamanho da linha sublinhada (que vai ficar pontilhada). e o que está de preto-negrito é a cor da linha.Vê se esta tudo em ordem, e salve.

Bom gente é só isso.
comentem bastante!!
e digam o que achou do nosso post!!

Deixando seu Blog organizado 1

>>> Seu layout tem que estar legal

na nossa pagina de goodies tem um monte de tutoriais bacanas pra você ver e fazer no seu blog! vai lá conferir, você vai gostar...


>>> Suas postagens

bem suas postagens tem que ser do tamanho ideal, (mais ou menos uns ... 500px, ou maior de acordo com a largura total do seu blog.)
e também ela tem que ser organizadas temos que tomar muitos cuidados nessa parte que é a principal. Cuidado para não sair tudo errado, como aconteceu no post anterior. bem então vamos as dicas:

- Colocar posts bacanas como: tutoriais, dicas, goodies, e outras coisas legais.
- tente não se esquecer mais Sempre deixe suas postagens com o ''Leia mais''
- colocar imagens nos posts, é claro se quiser.
- tente não colocar plano de fundo nenhum na área dos posts,(para não ficar difícil de ler).
- Tente errar o menor possível quando for escrever suas postagens

Essas dicas tambem ajudam para deixar seu blog mais rapido de carregar, e vai facilitar para os seu leitores.

>>> seus Gadgets da barra lateral

Tente personalizar o maximo no seus Gadgets, mais não exagere, veja as dicas abaixo:

- deixe apenas os gadgets necessarios como por exemplo:
1. perfil, arquivos e seguidores
ou então:
2. arquivos, divulgação e afiliados
o mais principais que não pode faltar é:
- Arquivos, seguidores e se quiser afiliados (parceiros do seu blog).

isso também vai acelerar o abrimento da página.

>>> Gadgets do rodapé do blog

deixe sempre bem organizadinho, com 3 colunas para ficar bem legal.
vamos ver as dicas:

- personalize o rodapé
- depois ponha os links, seu link-me, lista de blogs, parceiros imagem e outros.
- deixe os gadget com letras legais. exemplo: Arial ,trebuchet,comic sans, essas letras simples

isso vai deixar seu blog Bem legal..

>>>>>>>>>>>>>>> Fim Do Post <<<<<<<<<<<<<<<<<

bem gente é só.
Outros dias posto o final... valeu gente!!
comente e diga o que achou do post. 

Atenção:

se Reblogar coloquem os créditos
pois a postagem foi eu mesma que fiz..

Beijinhos, volte sempre...

Colocando Dois Backgrounds No Blog

Dois backgrounds Fica muito lindoo.. igual ao meu. Ficou super bacana, e algumas pessoas não sabe fazer isso. Bem, esse tutorial é super rapidinho.. eu até faço ele de olhos fechados!! Mais chega de enrolação e vamos ver o tutorial,.

 Vamos lá preste bem atenção no passo a passo a seguir. (se antes quiser fazer um backup do seu layout).



1- Vá em Modelo e em seguida em Editar Html.
2- (se aparecer uma mensagem,clique em Prosseguir ), Depois aperte a tecla'' Ctrl+F '' ou senão, clique em '' F3 ''. e procure por:


/* Content


3- agora apague aquele trecho que vai ficar abaixo até as chaves ' } ', e no lugar dele cole isso:

body, html { height: 640px; margin: 0; padding: 0; } body { background: url("URL DA IMAGEM 1") repeat; } html { background: url("URL DA IMAGEM 2") repeat; } html body .region-inner { min-width: 0; max-width: 100%; width: auto; } 5-  agora é só você editar, abaixo esta a legenda: Vermelho = é a largura do fundo 1. Laranja = é o url da imagem que você quer que deixe no fundo 1 e o fundo 2. (coloque os url diferentes para ficar, bem legal). 6- se você quiser somente as cores pors exemplo ( Rosa e Roxo ) ou outras cores você vai apagar o que esta escrito: background: url("URL DA IMAGEM 1") repeat; } background: url("URL DA IMAGEM 2") repeat; } por isso: background: #000000; }                                                                                                              background: #FFFFFF; }                                                                                                                                      Agora veja a legenda: Vermelho = o código da cor, do back de cima (fundo 1). Verde = o código da cor, do back de baixo (fundo 2). Só isso pessoal, agora visualize veja como ficou, depois é só salvar seu modelo. Comente, siga.. diga o que achou desse Tutorial...

Persnalizando o footer do post

Personalizando o footer do post. não o que fica lá em baixo mais sim o do post onde fica escrito : os comentários, postado por, marcadores, +1 do Google e etc... tem tudo isso. Mais vamos ver esse tutorial que é muito fácil rápido e legal... vamos lá então: Preste atenção! Va no seu blog : designer >> editar html, ou modelo>> Editar html>> (se aparecer uma mensagem clique em prosseguir). E procure por:

.post-footer {

Agora pronto você vai apagar ele e o que tiver abaixo (apague somente até as chaves, as chaves também apague). Agora cole esse aqui no lugar:
.post-footer {   margin: .5em 0;  line-height: 1.6;  background: #CDCDCD; /*cor do fundo*/  border-top: 1px solid #000000; /*espessura e cor da borda*/  }
você pode usar no estilo arredondado que é assim:
.post-footer {  margin: .5em 0;  line-height: 1.6;  background: #CDCDCD; /*cor do fundo*/  border-top: 1px solid #000000; /*espessura e cor da borda*/  border-radius: 10px 10px 10px 10px; /* Borda retire se quiser  }
Agora você vai editar tudo ao seu gosto.No próprio código acima já esta dizendo o que é. é só editar..
Agora veja se esta tudo ok e salve.

 Prontinho.
Fácil não?
Comente e diga o que achou.