Como fazer cabeçalho para blog

Esse tutorial tá bem bacana, eu adorei o resultado final e abaixo do vídeo tá todos os materiais que eu usei!

Efeito: Filter Colors

Hoje trago pra vocês um efeito de fotos para o blog de vocês, achei ele lindo, espero que gostem! Vamos lá? O efeito é esse aqui.

Bloqueando o botão direito do mouse

Esse tutorial é bem fácil e rápido gente, é bom pra quem tem muitos textos no blog e não quer ser plagiado nunca, vamos lá então! 

Como fazer desfoque no fundo da foto

Hoje eu resolvi começar a fazer tutoriais com photoshop também, eu amo essa ferramenta e hoje resolvi trazer pra vocês um tutorial, vamos lá então?!

Como mudar cursor do blog

Já usei bastante o cursor todo enfeitado, mas hoje prefiro meu blog bem mais simples, mesmo assim eu ainda acho que dá um charme no blog, sempre combinando com o design dele e é por isso que eu resolvi ensinar. Vamos lá?

Personalizando o título da sidebar (widget)

Já fazia tempo que eu tava pensando em fazer um tutorial assim, algo mais completo para os títulos da sidebar, eu já tinha feito um assim antes, mas acontece que ele não é muito completo (...). Bom, vou dividir em fases esse tutorial, vamos lá então!

Colocando botões de compartilhamento no rodapé do post

Como colocar os botões de like do facebook no rodapé do post?

É bem simples, sigam o passo a passo abaixo e vamos lá!

Como colocar créditos (URL ou ícone) em suas imagens

Olá pessoal, o que eu vou ensinar é prático e rápido, espero que gostem!

Trago hoje um tutorial, sobre como fazer isso nas fotos do seu blog.

Fonte usada: PF Arma Five (baixe aqui)

Tutorial: Como colocar fontes diferentes no blog

O tutorial de hoje é sobre como colocar diferentes fontes no blog, usando o Google Fonts, resolvi ensinar por que é muito prático mais tem uma besteirinha que acabam esquecendo. Let's go?

Primeiro entre aqui e escolha sua fonte, após escolher a fonte clique na fonte em Quick-use, agora vá em Modelo > Editar HTML > Prosseguir > Ctrl + F > Procure por </body>, acima disso, coloque o código da fonte:

Irá ficar assim:

<link href='http://fonts.googleapis.com/css?family=Patrick+Hand+SC' rel='stylesheet' type='text/css'></body> 

Agora copie o css da fonte onde quiser, o css é esse:

Como Centralizar o Título da Sidebar (Gadgets)

Oi pessoal, hoje resolvi fazer um tutorial ensinando a centralizar o título da sidebar, mais vamos fazer isso de um jeito muito fácil. Lets go!

Primeiro coloque um gadget HTML/JavaScript, e cole o seguinte código:

<style>

/*Centralizar Gadgets Inicio*/

.sidebar h2 {

font-family: Verdana;

font-size: 14px; /*Tamanho da Fonte*/

text-transform: uppercase;

font-weight: normal;

text-align: center; /*Posição do Texto*/

color: #A71BDE; /*Cor da fonte ou letra*/

background: #EAE4ED; /*Cor do fundo*/

padding-right: 5px;

margin-bottom: 5px;

/*Centralizar Gadgets Fakescomm*/ }

</style>

Agora e só modificar tudo o que está destacado no código, o que acharam? Fácil não? 

Instruções

Tamanho da Fonte: Não retire o px do lado do tamanho só mude o tamanho.

Posição do Texto: Quer dizer se centro(center), direita(left) e esquerda(right). Mude as posições de acordo com as palavras entre parêntese. 

Cor: Pra escolher uma cor do texto ou de fundo pegue o código de uma cor aqui (as cores são as que estão com jogo da velha antes. Ex.: #00000). 

Espero que tenham gostado, deixe um comentário!

SE COPIAR COLOQUE OS DEVIDOS CRÉDITOS!

Como Centralizar o Título do Blog

Oi seus lindos, aqui vai mais um post tutorial, é bem rapidinho, vamos lá?

Eu vou ensinar a ficar assim.Vá no Editar HTML do seu blog e procure por: /* Header

Agora cole isso:

text-align: center;

ABAIXO disso:

/* Header

----------------------------------------------- */ 

Vai ficar assim:

Agora visualize e veja como ficou, pronto Salve!
Obs.: Esse tutorial só serve se você quiser centralizar o titulo do blog em texto, não funciona nas imagens. 

Tutorial - Menu Stick

Nossa amo Paris, quero um dia ir lá, é tão perfeito e romântico! Ah, achei essa imagem no A era feminina, um dos blogs que eu amei visitar amei o conteúdo de lá, e todo designer! Parabéns!

Oi pessoal, eu andei pesquisando e tô super interessada em css, é como se eu tivesse me encontrado! Eu ajudei a minha irmã a criar o layout dela o blog dela é novo o nome é Meu Mundo Muito Doce, que cute né? Pois é meninas se vocês visitarem o blog dela vão ver o menu, chama-se menu Stick, eu não criei, eu achei no Tutoriar, super amei e resolvi dá umas editadas. Se caso vocês não souberem que menu eu falo é esse: #Preview Aqui#

Espero que gostem, vou passar o tutorial. Prontos?

Primeiro vão em Modelo > Editar HTML procurem por: ]]</b:skin> (pra vocês acharem é só apertar Ctrl + F)

Agora cole ACIMA, o seguinte código:

/*---Início do Menu Stick - Fakescomm - Por Malu Aguiar---*/
Stick {
font-family: century gothic; /* Fonte do Menu */
width: 10%; /* Tamanho do Menu */
float: left;
background:#C3C; /* Cor do fundo do Menu */
padding: 5px;
text-align: center;
margin: 2px;
-webkit-border-radius: 11px;
-webkit-border-top-left-radius: 1px;/* Efeito das bordas */
border-radius: 11px;
border-top-left-radius: 1px;
-webkit-transition-duration: .20s; /* efeito trasition */
font-size: 16pt; /* Tamanho da fonte */
color: #000; /* Cor da fonte */
}
Stick:hover {
font-family: century gothic; /* Fonte do Menu quando passa o mouse */
width: 50%;
float: left;
background:#FCF; /* Cor do fundo do Menu quando passa o mouse */
padding: 5px;
text-align: center;
margin: 2px;
-webkit-border-radius: 22px;
border-radius: 22px;
-webkit-transition-duration: .20s; /* efeito trasition */
font-size: 16pt; /* Tamanho da fonte do Menu quando passa o mouse */
font-style:bold; /* Fica em negrito quando passa o mouse */
color: #000; /* Cor da fonte do Menu quando passa o mouse */
}
/*---Fim do Menu Stick - Fakescomm - Por Malu Aguiar---*/

Edite de acordo com as instruções, o próximo passo é: Vá em Layout > Adicionar Gadget > HTML/JavaScript e cole o código abaixo, e edite de acordo com as instruções!

<a href="Link"><Stick>Nome</ct></a>
<a href="Link"><Stick>Nome</ct></a>
<a href="Link"><Stick>Nome</ct></a>
<a href="Link"><Stick>Nome</ct></a>
<a href="Link"><Stick>Nome</ct></a>

Pronto! Agora deixe um comentário, vou ficar muito agradecida! 

 

Tutorial - Efeito Instagram + Bordas

Pessoal, eu fiz esse tutorial para ensinar a fazer um efeito instagram, no photscape, que você baixa aqui.

Como colocar Formulário de Email - Fale Conosco - Contato, no Blogger

Como haviam pedido, vou ensinar como criar um formulário de contato, que pode ser colocado no seu site, blog ou qualquer outra página na web, e você vai ver que é muito simples. Como todos sabem, o Google nos fornece muitas ferramentas incríveis e o Google Docs é uma delas, e é essa ferramenta que vamos usar.

Tutorial: Como fazer Background para Blogger - Usando o PhotoFiltre [ATUALIZADO]

Muito obrigada pelos elogios que o blog vem recebendo, mais hoje eu resolvi atualizar esse post por que eu vi que faltava algo, então eu editei e ficou bonitinho, vocês vão amar.

Como fazer efeito fake na foto: Photoscape

O Photoscape vem ajudando muitas pessoas iniciantes para editar fotos! E eu, não perdi a oportunidade para colocar um tutorial aqui. Feito por mim, é claro.

Se quiser fazer o download do Photoscape clique aqui.

Como colocar Cabeçalho no meu blog?

Hoje vou ensinar como colocar no blog os Cabeçalhos!

1ª Passo:

Vá em "Design" no seu blog...

                                         

2ª Passo: 

Clique em "editar" o cabeçalho.

                                             

3ª passo:

Irá se abrir uma janela, escolha o arquivo, ou seja, a imagem.

Marque as opções destacadas abaixo.

                                          

Agora é só você esperar a foto carregar!