Insertar videos de Facebook en mi blog de Blogger
En una forma fƔcil y sencilla podrƔs insertar cualquier video de Facebook en tu blog de Blogger, solo tendrƔs que seguir unos simples pasos.
Lo que vamos hacer es copiar un cĆ³digo en el Editor HTML de nuestra plantilla, luego copiaremos otro cĆ³digo en el post que queramos compartir el video y por ultimo remplazaremos un ID Ćŗnico del video de Facebook.
Todos los videos que estĆ”n insertados en Facebook tienen un ID Ćŗnico.
Empezamos:
1 Un clic en “Plantilla”
3 Un clic en “Editar HTML”
Ahora se te abrirĆ” el Editor HTML de tu plantilla
En este punto deberĆ”s presionar la tecla “Control” de su teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de su editor, aquĆ es donde tendrĆ”s que insertar el cĆ³digo para buscarlo e insertar los cĆ³digos correspondientes en el editor, a continuaciĆ³n mire la imagen la cual le muestra como debe aparecerle el buscador en el editor HTML de su plantilla y asĆ pueda colocar el cĆ³digo en el buscador al momento que yo diga.
4.- Busca el siguiente cĆ³digo
<body>
Inserta el siguiente script justo abajo del cĆ³digo que encontraste.
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
5.- Un clic en “Guardar plantilla”
Para insertar un video de Facebook en un post “Entrada” sigue las siguientes instrucciones
1.- Un clic en “Entradas”
2.- Busca el post al que quieras ingresar el video de Facebook, un clic en “Editar”
3.- Activa la casilla en modo “HTML”
4.- Ingresa las siguientes lĆneas de cĆ³digo donde veas conveniente
<div style="text-align: center;">
<div class="fb-video" data-href="https://www.facebook.com/facebook/videos/ID/" data-width="500">
<div class="fb-xfbml-parse-ignore">
<blockquote cite="https://www.facebook.com/facebook/videos/ID/">
<a href="https://www.facebook.com/facebook/videos/ID/"></a>
</blockquote>
</div>
</div>
</div>
<div class="fb-video" data-href="https://www.facebook.com/facebook/videos/ID/" data-width="500">
<div class="fb-xfbml-parse-ignore">
<blockquote cite="https://www.facebook.com/facebook/videos/ID/">
<a href="https://www.facebook.com/facebook/videos/ID/"></a>
</blockquote>
</div>
</div>
</div>
Realiza estos tres cambios:
Elimina las letras que estĆ”n marcadas de color Rojo las cuales dicen ID, y remplĆ”zalas por el nĆŗmero de identificaciĆ³n del video de Facebook.
Por ejemplo:
CĆ³mo saber cuĆ”l es el ID nĆŗmero identificador del video de Facebook?
Todos los videos de Facebook tienen un solo ID, un nĆŗmero que lo identifica, puede ver la secuencia de las siguientes imĆ”genes y asĆ tenga una idea clara de cĆ³mo extraer ese nĆŗmero ID identificador
En la siguiente imagen se puede observar el ID nĆŗmero identificador del video
Copia todo el numero ID, y remplĆ”zalo donde dice ID en el cĆ³digo que te dĆ anteriormente, te quedarĆa de la siguiente manera
<div style="text-align: center;">
<div class="fb-video" data-href="https://www.facebook.com/facebook/videos/1712503625665322/" data-width="500">
<div class="fb-xfbml-parse-ignore">
<blockquote cite="https://www.facebook.com/facebook/videos/1712503625665322/">
<a href="https://www.facebook.com/facebook/videos/1712503625665322/"></a>
</blockquote>
</div>
</div>
</div>
<div class="fb-video" data-href="https://www.facebook.com/facebook/videos/1712503625665322/" data-width="500">
<div class="fb-xfbml-parse-ignore">
<blockquote cite="https://www.facebook.com/facebook/videos/1712503625665322/">
<a href="https://www.facebook.com/facebook/videos/1712503625665322/"></a>
</blockquote>
</div>
</div>
</div>
Nota: puedes cambiar el tamaƱo del video donde dice
width="500">
Cambia el nĆŗmero 500 por el que quieras
Eso es todo, ahora de un clic en “Actualizar”
CĆ³mo insertar un video de Facebook en un widget
1.- Sigue las instrucciones hasta el paso 5 de este tutorial
2.- Un clic en “DiseƱo”
3.- Abrir “AƱadir un gadget”
4.- Busque el widget que dice “HTML/Javascript”, un clic y abrir
5.- Ingrese las siguientes lĆneas de cĆ³digo en su interior
<div style="text-align: center;">
<div class="fb-video" data-href="https://www.facebook.com/facebook/videos/ID/" data-width="300">
<div class="fb-xfbml-parse-ignore">
<blockquote cite="https://www.facebook.com/facebook/videos/ID/">
<a href="https://www.facebook.com/facebook/videos/ID/"></a>
</blockquote>
</div>
</div>
</div>
<div class="fb-video" data-href="https://www.facebook.com/facebook/videos/ID/" data-width="300">
<div class="fb-xfbml-parse-ignore">
<blockquote cite="https://www.facebook.com/facebook/videos/ID/">
<a href="https://www.facebook.com/facebook/videos/ID/"></a>
</blockquote>
</div>
</div>
</div>
Realiza estos tres cambios:
Elimine las letras que estĆ”n marcadas de color Verde las cuales dicen ID, y remplĆ”celo por el nĆŗmero de identificaciĆ³n del video de Facebook.
Todos los videos de Facebook tienen un solo ID, un nĆŗmero que lo identifica, puede ver la secuencia de las siguientes imĆ”genes y asĆ tenga una idea clara de cĆ³mo extraer ese nĆŗmero ID identificador
En la siguiente imagen se puede observar el ID nĆŗmero identificador del video
Copie todo el numero ID, y remplĆ”celo donde dice ID en el cĆ³digo que le di anteriormente, le quedarĆa de la siguiente manera
<div style="text-align: center;">
<div class="fb-video" data-href="https://www.facebook.com/facebook/videos/1712503625665322/" data-width="300">
<div class="fb-xfbml-parse-ignore">
<blockquote cite="https://www.facebook.com/facebook/videos/1712503625665322/">
<a href="https://www.facebook.com/facebook/videos/1712503625665322/"></a>
</blockquote>
</div>
</div>
</div>
<div class="fb-video" data-href="https://www.facebook.com/facebook/videos/1712503625665322/" data-width="300">
<div class="fb-xfbml-parse-ignore">
<blockquote cite="https://www.facebook.com/facebook/videos/1712503625665322/">
<a href="https://www.facebook.com/facebook/videos/1712503625665322/"></a>
</blockquote>
</div>
</div>
</div>
Nota: puedes cambiar el tamaƱo del video donde dice
width="300">
Cambia el nĆŗmero 300 por el que quieras
Eso es todo, un clic en “Guardar” y ubica su nuevo widget donde quieras
Fuente; ayudadeblogger
Fecha:18/01/2017
Publicado por:
0 comentarios:
Publicar un comentario