Tutorial: Mejores prácticas para publicar artículos instantáneos en Blogger

  • Autor Autor Marcelovc
  • Fecha de inicio Fecha de inicio
M

Marcelovc

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola, hago este tutorial porque tengo la noción de que mucha personas también ha tenido dolores de cabeza a la hora de publicar un articulo instantáneo y encontrarte con la sorpresa de que no se visualicen los párrafos y prácticamente todo este desordenado al utilizar la plataforma Blogger. Esto es debido a que los códigos HTML de ambas plataforma están codificado aparentemente de diferente maneras.

Yo tomé esta plantilla de los artículos de ejemplos que da el mismo Facebook y le he agregado un par de cosas y quité algunas innecesarias.

Solo lo que está en rojo deberán modificarlo siempre en cada articulo, es un poco tedioso pero vale la pena.

Plantilla

<html lang="en" prefix="op: http://media.facebook.com/op#">
<head>
<meta property="fb:use_automatic_ad_placement" content="true">
<meta charset="utf-8">
<link rel="canonical" href="http://unachica.blogspot.com/2017/06/articulo.html">
<link rel="stylesheet" title="default" href="#">
<title>Nombre del articulo</title>
</head>
<body>
<article>
<header>

<figure><img border="0" data-original-height="580" data-original-width="1021" src="https://4.bp.blogspot.com/-_GibwWFJiGk/WTMNPCuSUZI/AAAAAAAAFEE/6VzB6AsGSoYdHexa1WHKmoFFoAa8prHHACLcB/s1600/Una%2BChica%2BCristiana%2BArticulos.png"></figure>

<!-- The title and subtitle shown in your article -->
<h1>Nombre del articulo</h1>

<!-- A kicker for your article -->
<h3 class="op-kicker">
Introducion
</h3>

<!-- The author of your article -->
<address>
Nombre del autor
</address>

<!-- The published and last modified time stamps -->
<time class="op-published" dateTime="2016-2-04T08:00">February 4th 2016, 8:00 AM</time>
<time class="op-modified" dateTime="2016-2-04T08:00">February 4th 2016, 8:00 AM</time>
</header>

<figure>

<h2>Nombre del párrafo 1</h2>
<p>Contenido del párrafo 1</p>

<a href="Link de las imagenes" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><figure>

<h3>Nombre del párrafo 2</h3>
<p>Contenido del párrafo 2</p>

<footer>

<!-- Copyright details for your article -->
<small>©Nombre del blog</small>

</footer>

</article>
</body>
</html>

Esto es todo, pueden visualizar su articulo instantaneos antes de publicarlo descargando la APP llamado administrador de Facebook.
PD: he agregado el meta tag para que los anuncios sean agregados automáticamente, con experiencia digo que es mejor que sea automático, he logrado con esa etiqueta hasta más de 4 anuncios en un articulo. :encouragement:

Así debería verse.

Screenshot_2.webp
 
Última edición:
Gracias por el aporte amigo!!:encouragement:
 
Muy bueno amigo gracias !!
 
Excelente información a mi me ha pasado, gracias.
 
esta informacion me servira. slds
 
Excelente aporte, justo quería empezar con blogger!!
 
Hola amigo y dónde van los códigos de los anuncios, o ya por default los pone Facebook?
 
Hola brother que tal todo? todo chevere! conchale muy bueno tu tutorial, esta bastante completo y me ha interesado mucho , buen aporte!
 
Hola amigo y dónde van los códigos de los anuncios, o ya por default los pone Facebook?

La 3 linea es el código para que Facebook lo haga automáticamente, pero si deseas, puedes eliminar esa línea y añadir tus códigos donde quieras! :encouragement:
 
esta plantilla sigue funcionando?
 
amigo disculpe la plantilla sigue funcionando?
no tengo que agregar nada de los anuncios ellos solos aparecen
me confirma por favor o ya es compatible blogger con articulos instataneos.

- - - Actualizado - - -

me sale estos dos errores que hago?

1.webp

2.webp
 

Temas similares

Atrás
Arriba