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
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.

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.

Última edición: