A pedido de nosso querido professor Klaus, vulgo #KDR, me dispus a postar algumas dicas básicas para aqueles que não são muito familiarizados com blogs e muito menos com a linguagem html.
O objetivo deste post é que vocês aprendam a criar hiperlinks em palavras- chave, inserir imagens e vídeos nos post de vocês, sem para isto ter que colar o tosco e famoso http://www.olhemqueartigolegal/blablabla
Então, vamos ao que interessa:
CRIANDO LINKS EM PALAVRAS:
1) Escreva seu texto; quando chegar no momento de colocar o link para um conteúdo, escolha a palavra mais adequada para gerar o click do leitor e clique no botão "HTML" no cabeçalho de opções deste simpático editor.
2) Em seguida copie e cole o seguinte código:
|a href="Insira aqui o link">Insira aqui a palavra-chave que deve se tornar o link</a|
(OBS.: O link deverá ser aberto com o símbolo < e fechado com > . Só utilizei o "|" para que vocês pudessem ver o código).
3) Clique em "atualizar" na página no editor de código fonte (html) e volte para seu artigo. Incrivelmente, você verá o link bonitinho, partindo da palavra chave escolhida.
Exemplo: Criando um link para o artigo do Klaus no WebInsider.
* Abri o editor de código, botãozinho "HTML" lá em cima.
* Estou no editor - o texto vai aparecer todo esquisito, releve.
* Digite (ou copie e cole, substituindo as partes importantes - inclusive os "|" por "<" e ">").
|a href="http://webinsider.uol.com.br/index.php/2009/06/23/muda-tudo-para-o-profissional-de-comunicacao/">artigo do Klaus</a|
* Clique em "atualizar" e, quando voltar ao editor o que aparecerá será apenas o link:
* PROBLEMA: Quando o sujeito clicar ele vai ser rediecionado e sair do site do Bligoo. Pois bem, se desejar que ele seja direcionado para uma outra página em branco, faça o seguinte:
|a href="http://webinsider.uol.com.br/index.php/2009/06/23/muda-tudo-para-o-profissional-de-comunicacao/" target="_blank>artigo do Klaus</a|
Só muda a adição de um "target", ou seja um alvo, indicando que o link deverá ser aberto em uma nova janela. E esta parte target="_blank não muda nunca, não precisa ser substituída.
Assim, com o redirecionamento, o link ficará assim:
INSERINDO IMAGENS NO POST:
Esta é um pouco mais fácil, pois vi que muitos já sabem fazer direitinho.
Passo-a-passo:
1) Abrir o editor de HTML;
2) Digitar: |img src="Aqui entra o link para a sua imagem"></img|
(Lembrar de substituir os "|" por "<" na abertura e ">" no fechamento!)
3) Clicar em "atualizar";
Quando voltar para o editor, sua imagem estará assim:
E a melhor parte é que este editor ainda permite que você redimensione a imagem após tê-la inserido no código, através das alças que aparecerão na imagem aqui mesmo - e lembrem-se de manter o "SHIFT" apertado e puxar pelos cantos para aumentar ou diminuir a imagem sem torná-la desproporcional.
INSERINDO VÍDEOS NO POST:
Bem, o princípio continua sendo o mesmo. E pra melhorar, o youtube já tem lá a opção "Embed"; é só copiar e colar o que está indicado como link para embedded videos e colar direto no nosso já conhecido Editor de código HTML (E não esquecer de dar atualizar depois!)
O que você vai extrair do YouTube vai ter mais ou menos esta cara:
|object width="560" height="340">
src="http://turmae2009.bligoo.com/bligoo/ajax/tinymce/plugins/youtube/img/youtube.jpg" title="rLdQ3UhLoD4&hl=en&fs=1&color1=0x2b405b&color2=0x6b8ab6" alt="rLdQ3UhLoD4&hl=en&fs=1&color1=0x2b405b&color2=0x6b8ab6" class="mceYouTube mceItem" />
Mas, não se assuste, pode colar confiante no Editor de código HTML que, quando você voltar pra sua página, vai estar assim:
E o mais legal, é que o próprio Youtube te dá a opção de escolher se o seu vídeo vai aparecer com bordas ou não, qual vai ser a cor da interface de exibição do vídeo - eu escolhi tons de azul pra combinar com nosso blog, mas sintam-se à vontade para criar!
Bem, espero que isto tudo tenha servido de alguma coisa e que venha a ajudá-los em posts futuros! Quem não quiser decorar o código, é só voltar neste post, copiar e colar o esquema e substituir com os links que vocês quiserem!
Por fim, qualquer dúvida, estou a disposição de todos, por aqui, pelo Twitter ou por e-mail.
Sim, depois eu posso ensinar como fazer links para o seu e-mail, como tornar imagens os próprios hiperlinks para conteúdos e por aí vai. A não ser que alguém se candidate, pois eu estou indo dormir.
Beijos em todos e, mais uma vez, espero tê-los ajudado.
=)
Valeu Clarissa.. é sempre válido!!