Marcadores Personalizados


Marcadores Personalizados


É muuuuuuuuito simples, deve ser por isso que eu não vi nenhum tutorial explicando... Bom, mas vamos lá:

 1.  Antes de tudo você vai precisar de imagens. Pensando nisso, criei algumas pra vocês, podem usar à vontade (não precisa dar créditos se não quiser).

  |    |  |   |  
|   

 2.   Agora é só montar o código: 

NOME DO MARCADOR">URL DA IMAGEM" />
 Substitua as partes destacadas em vermelho:

- Seu blog: Coloque o seu endereço antes .blogspot (no caso do IO seria Intensamente Otaku).

- Nome do Marcador: coloque exatamente o mesmo nome que você coloca na hora da postagem (calma, já vou explicar isso!). Caso tenha espaços, coloque-os! Exemplo: http://intensamenteotaku.blogspot.com/search/label/chat do blog

- URL da imagem: Para usar as imagens que eu criei, pegue o URL delas clicando do lado direito do mouse, e depois em "Copiar URL da imagem". Caso não tenha isso, abra a imagem em outra guia, ou arraste até a barra de endereços e copie o novo endereço.

 3.  Agora é só ir em Design, Elementos da Página, e clicar em "Adicionar um Gadget", escolha o gadget "HTML/JavaScript" e cole o código. Pronto! Agora é só salvar!

 Observação:  Não se esqueça de colocar o "Nome do Marcador" IGUAL ao que você usou na hora da postagem:






Dúvidas? (:
Poste elas...
_________________________________________________________________________
 Fast Tutorial


Oi, gente! Trago hoje um tutorial tão simples, mas tão simples que pode até parecer bobo. É o seguinte: sabe quando a gente participa de algum concurso/sorteio que tem como regra colocar uma imagem de divulgação? Então! Às vezes essas imagens podem ficar maiores que a sidebar e deixar o seu blog, no mínimo, desorganizado.

Como exemplo peguei a imagem do concurso Blog vs Blog II e coloquei no Girly and Cute

Eu, a rainha da preguiça, não iriar querer ter que salvar essa imagem, depois carregá-la no PhotoFiltre, ajustar a largura ehospedá-la no Imageshack para então resolver esse problema. Tem um jeito muito mais fácil, confira:

1. Ao colar o código da imagem no gadget, adicione:

width="180"

exatamente antes de /> , desse jeito:

E pronto! Para aumentar ou diminuir a imagem é só modificar o número (no caso, o 180). A única desvantagem nesse truque, é que a imagem diminuída perde um pouco da sua qualidade. Mas isso também acontece quando diminuímos em um editor, então... acaba dando no mesmo.

O que acharam? Beijos.
_________________________________________________________________________
 Backgrounds


Hey! selecionei alguns backgrounds que encontrei na net, espero que gostem.

    

  


                     



                             

             

      


É isso, créditos ao I Love HTML e ao All For You. Beijos.
_________________________________________________________________________


 Mapeando Facilmente Uma Imagem

Mapear uma imagem sempre foi a maior dor de cabeça, pelo menos pra mim. Mas recentemente conheci um site muito bom, o Image Maps. A ferramenta perfeita! Tá a fim de aprender a usar?

Suponhamos que você queira mapear esse menu:


1º Passo: vá até o site: http://www.image-maps.com/;

2º Passo: faça o upload da imagem;


3º Passo: espere o link que vem depois do timer regressivo;


4º Passo: Clique em "Rectangle" e comece o mapeamento;

Para mapear o próximo link, clique em "Rectangle" de novo. 

4º Passo: depois de mapear tudo, desmarque as opções à direita;



5º Passo: pegue seu código.



Agora é só copiar o código enooorme que aparece, depois ir em "Design", clicar em "Adicionar um Gadget" de "HTML/JavaScript" e colar o código.
Ah, e você também colocar direto no HTML do seu blog, mas para isso copie o código que está na aba "CSS code". 

Dúvidas? Qualquer coisa é só comentar. Beijos.
_________________________________________________________________________
# Coloque largura máxima nas suas imagens



1. Vá em Design, depois em Editar HTML, dê Ctrl+F e procure por:

]]>
2. E ANTES dele, cole:

.post img, table.tr-caption-container {
padding:4px;
max-width:480px; }

Aí você só precisa editar o número destacado em vermelho de acordo com a largura da área dos posts do seu blog. Recomendo que você coloque 40px menor.

É isso, gente. Tava sem ideia pra post e pensei que esse tutorial pudesse ser útil. Espero que seja mesmo! Beijos.

Related Posts Plugin for WordPress, Blogger...

- Copyright © 2013 Intensamente Otaku - Hataraku Maou-sama! - Powered by Blogger - Designed by Johanes Djogan -