Código embed para blog - Como conseguir código embed

2 comentários
embed

Código embed

Este artigo foi criado para blogueiros que possuem slide de vídeos ou mapas e não conseguem colocar os links dos respectivos vídeos e mapas em seu slide ou em algum efeito lightbox, fancybox ou outros para abrir em popup.

Para quem não conhece o embed ou código embed, nada mais é do que um link para fazer referência do conteúdo para onde você quer redirecionar.

A maioria dos blogueiros tenta copiar os links e inserir em suas respectivas animações e acaba não abrindo, o que dá a entender que os scripts estão quebrados, com conflito de script ou coisas do gênero.

Para isso, é necessário que se insira o código embed do que você quer divulgar, e é isso que vamos mostrar como fazer.

Antes de mais nada, se você pretende abrir um vídeo ou um mapa ou uma página HTML em lightbox, acesse este link.

Tutorial

Código embed para vídeo

Acesse o site do Youtube e faça a pesquisa pelo seu vídeo. Caso já tenha acesso ao link do vídeo no Youtube, abra-o no navegador e, em seguida, clique com o lado direito do mouse e selecione copiar código de incorporação, como na imagem abaixo:

Youtube

Logo após copiar o código de incorporação, abra o bloco de notas e cole o código, como na imagem abaixo:

Incorporar código

Você notou, na imagem, um texto destacado em azul


Justamente este trecho do código é o código embed. Copie o conteúdo que está entre as aspas e cole no local onde você irá criar o popup que executará o vídeo do Youtube ou de outro local (o mesmo processo vale para o Vimeo e os vídeos do Google), como na imagem abaixo:  
Incorporar código

Após colocar o código e fazer as alterações necessárias, o efeito do código embed em seu blog será igual ao das imagens abaixo:
efeito
Configurar

Caso ainda tenha dúvidas com relação ao plugin para colocar o código embedvisite, novamente, este link.

Código embed para mapa

Primeiro, ascese o Google mapsEm seguida, você será redirecionado para uma tela como a que está abaixo:
Código Embed para mapas
Ao ascessar o site do Google maps, siga os passos como na imagem acima. Primeiro, digite o endereço do local que pretende divulgar no mapa e, em seguida, clique em configurações.

Ao clicar em configurações, abrirá um menu. Selecione o primeiro item, compartilhar e incorporar mapa, como mostrado na imagem abaixo:
Configurar
Abrirá uma tela PopUp com duas opções. Na aba superior, selecione incorporar mapa e, em seguida, copie o código embed, como é mostrado na imagem abaixo:


Incorporar mapa
Após copiar o código embed, abra o bloco de notas o cole o respectivo código. Selecione somente o conteúdo que está entre as aspas, como explicado no passo acima e como na imagem abaixo:

Inserir código

Feito este processo, cole o código, seguindo o esquema da imagem a seguir:

Inserir código

O efeito será como este link abaixo:


Gostou? Comente!

2 comentários :

  1. Exelente orientação essa!

    Sempre tive uma especial fascinação
    pelos códigos html e java,mas
    confesso-te que sei um quase nada

    (risos)

    E quando encontro tutoriais assim
    com o passo a passo bem claro
    sinto-me tão contente,tal qual se
    tivesse ganho uma prenda.

    Irei logo mais "treinar" no meu
    espaço de testes.

    Grata por tua generosidade em partilhar.

    Meus cumprimentos e até breve

    ResponderExcluir
    Respostas
    1. Olá Ronilda, ficamos felizes em saber que o artigo tenha uma facial compreensão, como desemos sempre aqui. O BG não é só para veteranos mas também para iniciantes.

      Se todo blogueiro que quiser fazer um trabalho de qualidade em seu blog contrata-se um serviço terceirizado, não haveria condições de manter o blog. Pois os aplicativos gadgets widgets templates animações seo etc... e tudo o que envolve a blogosfera é muito grande.

      Para isso cabe a nós meta-bloggers, passa todo o conhecimento da forma mais clara possível.

      Agradecemos a visita e volte sempre que precisar de algo para seu blog, Abraços Andrew Silva do BG.

      Excluir

O BG entrará em contato com você em até 24 horas! Para deixar seu link, escolha a opção Nome/URL. Spans ou links para pedidos de visita serão excluídos imediatamente. Para mais informações, leia a Política BG.