domingo, 7 de abril de 2013

Barrinhas Divisórias em Pixel

          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

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é? *-*

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:



          Daí quando algum leitor pegar o código que está dentro da caixinha e colocar no blog dele, vai apenas aparecer a imagem como mostrado na primeira figura. Se você já tem sua caixinha link-me pronta, vamos seguir o tutorial. Se você ainda não tem e quer uma, clique aqui

Copie este código, substitua Link da Imagem pelo link do seu button. Não sabe como hospedar? Clique aqui - No lugar de Link do seu blog coloque o endereço do seu blog/site

<center><img src="Link da Imagem" vspace="5" hspace="2"><br>
<textarea onFocus=this.select() onMouseOver=this.focus() rows="3" cols="10" name="textarea" style="font-family:verdana; font-size:8pt; border:1px solid;">
<a href="Link do seu blog" target="_blank"><img src="Link da Imagem" border="0"></a>
</textarea>
</center>
Para colocar na barra lateral do seu blog vá em Layout - Adicionar um Gadget - HTML/JavaScript e cole o código em Conteúdo. Depois é só salvar e visualizar
Adicionar 

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!




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



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>

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







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



Muito fácil né? Agora suas imagens não têm mais borda =)