segunda-feira, 30 de maio de 2011

Como adicionar o Twitter Box no blog

Tem sido um longo tempo desde que lançou o Twitter @ @ AnyWhere Developer Tool. AnyWhere lhe permite integrar o Twitter em seu site usando algumas linhas de JavaScript. Você pode ler mais sobre ele em @ AnyWhere desenvolvedor da página. Tweet Box é um desses @ AnyWhere aplicativo, que permite que você adicione Tweet Box em seu blog.

Aqui está a tela de captura do twitter box de como vai aparecer em seu blog.

Espero que agora você tem uma boa idéia de como isso funciona, se não rolar para o fundo do post e vê-lo em ação ao vivo:)

Como adicionar o Box Twitter em um blog do Blogger?

1. Primeiramente Clique aqui para entrar no site  desenvolvedores de página e criar uma conta lá com detalhes de seu bog .


Certifique-se que você marcou a opção de (Read & Write) leitura e gravação ao registrar sua conta

2. Quando você concluir o processo de inscrição, você receberá alguns códigos JavaScript, com uma única API Key

Copie o JavaScript de lá (o código na caixa vermelha), como mostrado nesta imagem.

3. Entrar para o seu Painel do Blogger e navegue até a guia Editar HTML e em Design "Expandir o modelos de widgets"

4. Procure por:
</head>
e cole o JavaScript Twitter copiado  logo acima dessa linha e salvar o modelo.

5. Procure por:

<data:post.body/>
e, imediatamente abaixo cole o seguinte código JavaScript e salvar o seu modelo. (Partes editáveis ​​são mostrados em vermelho)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='bp_tweetBox'/>
<script type='text/javascript'>
bp_tweet_link=&quot;<data:post.url/>&quot;;
twttr.anywhere(function (T) {
T(&quot;#bp_tweetBox&quot;).tweetBox({
width: 560,
label: &quot;Share the L&#10084;ve  &amp; Retweet&quot;,
defaultContent: &quot;RT @Cblogger <data:post.title/>&quot;+&quot; &quot;+bp_tweet_link
});
});
</script>
</b:if>
Agora você deve ver a caixa Tweet em todas as páginas do seu post e até o próximo tutorial...

Marcadores: , , ,

0 Comentários:

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial