Como colocar uma imagem muito grande no blog

Como colocar uma imagem muito grande no blog e exibir em outra página em tamanho normal quando clicada.

Parte 1

O código da página

O uso é muito simples e intuitivo. Para este trabalho você não precisará ter conhecimentos em programação, basta copiar os códigos e colar, alterando apenas os endereços das imagens.

O código deve ser inserido na “janela texto” (de outro modo não funcionará).

Código para a inserção de imagem no post ou página:

<a href=”url destino” target=” blank”><img src=”url imagem”></a>

href redireciona a imagem para outra página. Entre aspas, url destino, como o nome sugere, é a página onde será visualizada a imagem em tamanho original. img src é o código de identificação da imagem e, entre aspas, a url da imagem que queremos visualizar.

Parte 2

Inserindo a imagem

Abra a Biblioteca de Mídia em outra guia e faça upload da imagem desejada. Feito o upload, clique na imagem. Deixe esta guia aberta.

Cole o código acima na janela “Texto” no local onde deseja inserir a imagem:

Para ver a imagem no tamanho original, clique nela.
Colocado o código é hora de inserir a url da imagem. Clique na aba guia. Na imagem abaixo (Biblioteca de mídia) clique no box da url da imagem (indicado pela seta da direita)(clique na imagem para ver melhor):

Após clicar no box, tecle CTRL+A para selecionar a url da imagem e depois CTRL+C para copiar.

Observe a imagem acima (clique para ampliar).

Cole o código no post (não esqueça, na aba Texto) dentro do código que inserimos anteriormente, conforme imagem abaixo:

O url da imagem obtido na Biblioteca de mídia deve ser inserido no local “url destino“. Apague url destino (cuidado para não apagar as “aspas”, elas fazem parte do código). Nenhum caractere do código pode ser deletado.

Após, repita o procedimento em “url imagem“. Substitua-o pelo código url da imagem copiado na Biblioteca de mídia.

Observe que o código foi colado duas vezes: substituindo “url destino” e “url imagem”. Isto porque destino e origem são os mesmos.

Caso tenha dúvidas, compare as imagens um e três.

Deixe um Comentário

* Indicar Campos Obrigatórios