Artigos Instantâneos do Facebook para Blogger


Neste artigo vou lhes ensinar como usar os Artigos Instantâneos do Facebook no seu blog do Blogger. Eu demorei um bom tempo pesquisando e tentando adaptar esse recurso para meu blog, o Mamfonline.

01- Cadastrando nos Artigos Instantâneos

Link de cadastro: Clique aqui
Inicialmente você seleciona a página do Facebook que deseja habilitar os artigos instantâneos. Marca a caixinha que diz "Ao prosseguir você...", e logo apos clica no botão verde "Acesse as ferramentas dos...".

02-Habilitando o site

Ao fim do passo 1, você é direcionado para sua página de configurações dos artigos. Nela você descera até o final e clicara em "Connect Your Site". No Blogger, vá em Modelo > Editar HTML > e coloque o código mostrado no Facebook, abaixo de <head> Logo após clique em "Salvar".
Após isso, no Facebook, digite a URL do seu blog no campo onde diz "example.com" > Logo após clique em "Reivindicar URL". Pronto agora seu blog já esta habilitado.

03-Criando o primeiro artigo 

Para criar artigos instantâneos para o Blogger você precisa ter um certo conhecimento em Código HTML. Quem usa WordPress não tem essa necessidade pois já tem um plugin pronto. Já no Blogger o processo deve ser manual.
Após clicar em "Criar" abrirá um pop-up, onde você devera colar o código que disponibilizamos abaixo:

<html>
<head>
<link rel="canonical" href="URL DO ARTIGO">
<meta charset="utf-8">
<meta property="op:generator" content="facebook-instant-articles-sdk-php">
<meta property="op:generator:version" content="1.1.0">
<meta property="op:generator:application" content="facebook-instant-articles-wp">
<meta property="op:generator:application:version" content="2.11">
<meta property="op:generator:transformer" content="facebook-instant-articles-sdk-php">
<meta property="op:generator:transformer:version" content="1.1.0">
<meta property="op:markup_version" content="v1.0">
<meta property="fb:article_style" content="default">
</head>
<body>
<article>
<header>
<h1>TITULO DO ARTIGO</h1>
<time class="op-published" datetime="2016-01-26T16:59:55+00:00">January 26th, 4:59pm</time>
<time class="op-modified" datetime="2016-01-26T03:33:47+00:00">January 26th, 3:33am</time>
<address><a>NOME DO AUTOR DO ARTIGO</a></address>
</header>
<h2>SUB TITULO</h2>
<p>PARAGRAFO 1</p>
<p>PARAGRAFO 2</p>
<p>PARAGRAFO 3</p>
<b>TEXTO EM NEGRITO</b>
<footer>
</footer>
</article>
</body>
</html>
Em caso de duvidas existem uma serie de códigos de exemplo, nesse link que vão te ajudar. Nesse link você vai encontrar códigos para colocar imagens, incorporar vídeos do You Tube, etc.

04- Sendo aprovado nos artigos instantâneos 



Você deverá ter feito no minimo 5 artigos instantâneos para ser aprovado e começar a publica-los. OBS.: Os artigos devem seguir o mesmo padrão que os originais do site. 
Compartilhar no Google Plus

Por Matheus Araújo

Web designer e jornalista amador, proprietário do site Mamfonline News. Trabalha desenvolvendo soluções para sites e blogs.

0 comentários:

Postar um comentário

Atenção não poste palavras obscenas, não publique spam