Usem da forma que quiserem: ao final das postagens ou como enfeite, vai da criatividade de cada um. Feitos por mim :)
Para usar é só clicar na imagem para visualizar e salvar. As imagens estão salvas em png, continue usando este formato para manter a transparência.
Dica: Você pode editar as barras divisórias como base para assinatura, modificá-las e colocar seu nome.
Para usar ao final de cada post leia este tutorial
domingo, 7 de abril de 2013
Imagem no Título da Postagem
Este tutorial serve para colocar uma imagem no lugar do título da postagem. Para isso separei pra vocês uma imagem com fundo transparente, é só clicar para visualizar no tamanho original e salvar no seu computador.
Depois de salva, é só você editar a imagem usando o PhotoScape (o que eu uso e acho muito simples) ou o PhotoFiltre (também é muito bom). Ao salvar mantenha o formato de png para não tirar a transparência da imagem, mas se quiser um fundo colorido é só personalizar, colocar imagens de fundo e salvar no formato jpeg mesmo. Veja a imagem de exemplo
Agora é só hospedar a imagem - clique aqui caso não saiba como fazer isso - pegar o link e colar no código abaixo
<center><img src="Link da Imagem"></center>
Copie o código e cole no título da postagem. Fácil né? *-*
Depois de salva, é só você editar a imagem usando o PhotoScape (o que eu uso e acho muito simples) ou o PhotoFiltre (também é muito bom). Ao salvar mantenha o formato de png para não tirar a transparência da imagem, mas se quiser um fundo colorido é só personalizar, colocar imagens de fundo e salvar no formato jpeg mesmo. Veja a imagem de exemplo
Agora é só hospedar a imagem - clique aqui caso não saiba como fazer isso - pegar o link e colar no código abaixo
<center><img src="Link da Imagem"></center>
Copie o código e cole no título da postagem. Fácil né? *-*

Caixinhas Link me
Trouxe para vocês algumas bases para caixinhas link-me e outras prontas. Pode editar, colocar imagens e o nome do seu blog. Para usar as caixinhas siga este tutorial.

Como colocar caixinha link-me no blog
Quer fazer uma caixinha link-me como esta? Então veja o tutorial abaixo
Ok, a imagem acima é apenas um exemplo porque eu ainda não fiz uma pro meu blog, mas em breve vou cuidar disso. Quando você clicar na imagem ela vai direto pra página inicial do meu blog, usando um código que eu coloquei aqui, mas quando você colocar na barra lateral (sidebar) do seu blog ela vai ficar assim:



Assinaturas para Post
Fiz para vocês imagens para assinatura na postagem, só não repasse no blog hein
Para saber como usar essas assinaturas clique aqui
Clique na imagem para visualizar e salvar no seu computador
Assinaturas Prontas com fundo transparente
Assinaturas com fundo branco PARA EDITAR
Editar é muito simples, você pode usar um programa simples como o Paint e apagar onde coloquei SEU NOME para substituir pelo nome do autor. Para adicionar os nomes eu uso o PhotoScape mesmo :)

Como Hospedar Imagem na Internet
Neste tutorial vou ensinar como hospedar uma imagem na Internet. Existem muitos sites que oferecem este serviço, já testei vários deles e me decepcionei. Alguns são pagos, outros falam que são gratuitos e depois querem cobrar pela imagem e o pior de todos, você hospeda a imagem e depois de algum tempo ela simplesmente some do ar. Depois de tantos testes recomendo que vocês usem o ImageShack
Ao se cadastrar no site...
Quando terminar e estiver logado, é só escolher a imagem no seu computado que quer hospedar e clicar em Carregar Agora
Quando sua imagem for carregada, pegue o link da sua imagem no Link Direto e pronto!
Ao se cadastrar no site...
Quando terminar e estiver logado, é só escolher a imagem no seu computado que quer hospedar e clicar em Carregar Agora
Quando sua imagem for carregada, pegue o link da sua imagem no Link Direto e pronto!
Muito fácil ne *-*

Como colocar assinatura nos posts
O tutorial de hoje vai ensinar a colocar assinatura ao final de cada postagem, assim como na imagem abaixo *-*
Primeiro passo: Crie sua assinatura ou pegue uma aqui. Depois hospede sua imagem para pegar o link dela. Não sabe como hospedar? Clique aqui
Segundo Passo: No seu blog vá em Modelo - Editar HTML - Na janela que vai abrir clica em Expandir modelos widgets conforme imagem abaixo
Primeiro passo: Crie sua assinatura ou pegue uma aqui. Depois hospede sua imagem para pegar o link dela. Não sabe como hospedar? Clique aqui
Segundo Passo: No seu blog vá em Modelo - Editar HTML - Na janela que vai abrir clica em Expandir modelos widgets conforme imagem abaixo
No seu código procure por
Acima deste código cole este aqui e substitua Link da Imagem pelo link da imagem que você hospedou
<div align='right'>
<img src='Link da Imagem' style='border:0px;'/></div>
<img src='Link da Imagem' style='border:0px;'/></div>
Clique em Salvar Modelo e veja como ficou
Se quiser que a imagem fique centralizada, é só substituir 'right' por 'center'

Bases para Cabeçalho
Bases para cabeçalho com famosas! Podem pegar e modificar para colocar o nome do blog de vocês, mas não repassar no seu blog e nem tirar os créditos. Clique na imagem escolhida, salve-a no seu computador. No blog, é só clicar em:
Layout - Editar (na área do cabeçalho)
Para ajustar a largura do seu blog é só clicar em Modelo - Personalizar - Ajustar Largura - Todo o blog
Ajuste a largura do seu blog para o cabeçalho ficar certinho ok?
DICA: Adicione imagens ou o nome do seu blog. Apague onde estiver NOME DO BLOG
Layout - Editar (na área do cabeçalho)
Para ajustar a largura do seu blog é só clicar em Modelo - Personalizar - Ajustar Largura - Todo o blog
Ajuste a largura do seu blog para o cabeçalho ficar certinho ok?
DICA: Adicione imagens ou o nome do seu blog. Apague onde estiver NOME DO BLOG
Bases para cabeçalho com fundo transparente !

sábado, 6 de abril de 2013
Como tirar o sombreado das imagens (Blogger)
Já tentou colocar alguma imagem na sua postagem, por exemplo, e ela ficou com essa margem sombreada como mostra na imagem 1? Para tirá-la é muito simples.
No Blogger vá em Modelo e depois Personalizar - clique em Avançado e depois Imagens conforme mostra a imagem abaixo. Na cor de borda selecione transparent
Aplicar ao blog e Voltar para o Blogger
>> Agora vá em Editar HTML e procure por .post-body img {
Abaixo você verá esse código que eu selecionei (está em azul).
Apague todo esse código, clique em Salvar Modelo e veja como ficou ;D
No Blogger vá em Modelo e depois Personalizar - clique em Avançado e depois Imagens conforme mostra a imagem abaixo. Na cor de borda selecione transparent
Aplicar ao blog e Voltar para o Blogger
>> Agora vá em Editar HTML e procure por .post-body img {
Abaixo você verá esse código que eu selecionei (está em azul).
Apague todo esse código, clique em Salvar Modelo e veja como ficou ;D
Muito fácil né? Agora suas imagens não têm mais borda =)

Assinar:
Postagens (Atom)