Mostrando postagens com marcador código embed. Mostrar todas as postagens

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 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:
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!