Entrada destacada

PƁGINA DE BIENVENIDA

PƁGINA DE BIENVENIDA

Insertar videos de Facebook en mi blog de Blogger

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&amp;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>

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>

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>

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>

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: 












CONVERSATION

0 comentarios:

Publicar un comentario

AddToAny

Printfriendly

Back
to top