Código embed para blog - Como conseguir código 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:
Logo após copiar o código de incorporação, abra o bloco de notas e cole o código, como na imagem abaixo:
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:
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:
Caso ainda tenha dúvidas com relação ao plugin para colocar o código embed, visite, novamente, este link.
Código embed para mapa
Primeiro, ascese o Google maps. Em seguida, você será redirecionado para uma tela como a que está abaixo:
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:
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:
Feito este processo, cole o código, seguindo o esquema da imagem a seguir:
O efeito será como este link abaixo:
Gostou? Comente!
2 comentários :
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.
Assinar:
Postar comentários
(
Atom
)
Exelente orientação essa!
ResponderExcluirSempre 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
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.
ExcluirSe 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.