Showing posts with label tutorial. Show all posts
Showing posts with label tutorial. Show all posts

Friday, February 9, 2007

Botões de digg nos posts (postagens) (tutorial)

Ok, levou um tempo grande e deu um trabalhão, mais eu consegui por botões interativos do digg em todos os posts, para isso segui instruções em diversos sites da net, e vou colocar elas do jeito que eu fiz aqui (mudei um pouco dos sites em geral, usando o botão menor, mais discreto do que o que aparece na página oficial do digg por exemplo)

--- este post é para ajudar pessoas a terem o botão do digg em seus blogs, já é usuário do digg, conhece, ou apenas quer ter seus textos submetidos ao digg ---
ok, isso serve pra quem já tem um blog (principalmente do blogger, que é chatíssimo com scripts para posts).
1-> Passo um: crie um novo documento (no windows, um novo documento de texto, que você vai abrir no bloco de notas, no linux um documento em branco serve)
insira o seguinte javascript:

<script type="text/javascript">
digg_url = 'endereçodopost';
digg_bgcolor = '#EAF2F9';
digg_skin = 'compact';
</script>
<script src="http://digg.com/tools/diggthis.js" type="text/javascript">

sendo que EAF2F9 deve ser substituida pela cor de fundo do seu blog e endereço do post deve ser substituido pelo endereço do post e não do blog (para saber o endereço do post, clique no título e vai abrir uma janela só com o post que você clicou, use este endereço)

2-> Passo 2: no windows, no bloco de notas escolha salvar como e no campo:de nome, nomeie o arquivo e coloque ao final do nome (escolha um nome que tenha a ver com o tópico, sem acentos pra vc nao se perder depois) .htm, isto vai salvar seu arquivo como .htm ao invés de .txt (no linux é só mudar o nome dele de "documento em branco" para "nome descritivo pra vc nao se perder.htm" o documento em branco não possui extensão nenhuma)

3-> Passo 3: hospede esse arquivo em algum lugar ( recomendo o google pages que é gratuito e muito fácil de usar)

4-> Passo 4: Colocar o botão no fórum. Finalmente vamos ao post, ao final (ou no começo, como preferir) do post, escolha a opção "editar html" do blogger (ou do blog que você usa) e insira

<iframe src="http://site_de_hospedagem.com/nome_do_arquivo_do_passo_3.htm" frameborder="0" height="30" width="115" scrolling=no>&amp;lt;br&gt;</iframe>

Não se esqueça de substituir "http://site_de_hospedagem.com/nome_do_arquivo_do_passo_3.htm" pela página certa, que você utilizou.
Lembrando que esse tamanho é para o botão pequeno, como expliquei aqui (opção compact do código java). Para a skin grande, se alguem tiver interesse, pergunte que eu posto os códigos para tal.
pronto, agora é só postar e ver o resultado! Quando alguem clicar pela primeira vez, criará a entrada no digg, e dai pra frente quem clicar só vai digar o post!