Integrar: um Button “Digg” no seu blogs.

O botão do Digg, também conhecido como o "Digg This" botão, é para editores de sites e blog que pretende incentivar a sua audiência a enviar conteúdo para Digg Digg ou o seu conteúdo. Join milhares de sites que já adicionou o botão Digg e viram os seus conteúdos expostos para a comunidade Digg

Enquanto nos apoiar tanto um botão Digg inteligente e um botão Digg estático, recomendamos o uso do Smart Digg botão, já que mostra em tempo real-Digg contar e é mais personalizável

Todas as implementações do botão Digg inteligentes são construídos em cima de um script Javascript intitulado "DiggThis." A tabela abaixo compara o botão do Digg inteligente com a versão básica.

 

Descritos abaixo são instruções sobre como implementar o Smart e as versões básicas do botão Digg. Se você tem dúvidas sobre a aplicação Digg botão, não hesite em contactar-nos.

1. Standard Smart Digg Button

A aplicação básica do botão usa uma tag de marcação HTML e uma tag de script. Usando esta aplicação irá exibir o botão em sua página como padrão botão Digg Smart. As duas etapas são descritas a seguir.

1a. Em cada local, em sua página da web que você gostaria que o botão para aparecer, insira a seguinte marcação HTML:

<a class="DiggThisButton" />

Usando essa marcação fará com que a imagem a processar após o carregamento da página. Ou se você gostar da imagem para processar durante e após o carregamento da página, então você pode usar o código HTML abaixo em vez disso:

<a class="DiggThisButton"> ('<img src="http://digg.com/img/diggThis.png" height="80" width="52" alt="DiggThis" />')</a>

1b. Inserir a tag script abaixo a qualquer momento após o código anterior (passo 1a). É melhor tentar colocar esta linha um pouco antes do fechamento tag para permitir que sua página carregue mais rápido possível para seus usuários. Só incluir essa linha de uma vez por página, não importa quantas Digg Estes botões estão na página, o script irá cuidar de todos eles.

<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script>

2. Compacto Smart Digg Button (Inserir Imagem)

The Smart Digg botão oferece a opção de exibir o botão como uma versão mais compacta. Para usar uma versão mais compacta do botão, siga as instruções abaixo.

2a. Em cada local, em sua página da web que você gostaria que o botão para aparecer, insira a seguinte marcação HTML:

<a class="DiggThisButton">('<img src="http://digg.com/img/diggThisCompact.png" height="18" width="120" alt="DiggThis" />')</a>

2b. Inserir a tag script abaixo a qualquer momento após o código anterior (passo 2a). É melhor tentar colocar esta linha um pouco antes do fechamento </ body> para permitir que sua página carregue mais rápido possível para seus usuários. Só incluir essa linha de uma vez por página, não importa quantas Digg Estes botões estão na página, o script irá cuidar de todos eles.

<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script>

3. Icon Digger Smart Digg Button (Inserir Imagem)

The Smart Digg botão oferece a opção de exibir o botão como um ícone de 16x16 pixels Digger. Este ícone da pele não inclui um botão Digg visual, mas ainda assim vai automaticamente escolher se quer levar o usuário a uma página ou para apresentar o permalink da história. Também irá fornecer a contagem Digg atual da história, quando o cursor passa sobre ele. Para utilizar a versão Digger ícone do botão, siga as instruções abaixo.

3a. Em cada local, em sua página da web que você gostaria que o botão para aparecer, insira a seguinte marcação HTML:

<a class="DiggThisButton">('<img src="http://digg.com/img/diggThisIcon.gif" height="16" width="16" alt="DiggThis" />')</a>

3b. Inserir a tag script abaixo a qualquer momento após o código anterior (passo 2a). É melhor tentar colocar esta linha um pouco antes do fechamento </ body> para permitir que sua página carregue mais rápido possível para seus usuários. Só incluir essa linha de uma vez por página, não importa quantas Digg Estes botões estão na página, o script irá cuidar de todos eles.

<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script>

Smart Digg Button Atributos personalizados

Para cada uma das três Smart Digg Button formatos acima, você pode adicionar personalização adicional se desejar. The Smart Digg botão também oferece opções para especificar um determinado URL, sugerem as definições história de metadados para conteúdo unsubmitted, definir se clicar deve abrir em uma nova janela, e mudar a cor de fundo.

Embora os atributos são discutidas individualmente na tabela abaixo, por referência a especificação completa é:

<a class="DiggThisButton" href="http://digg.com/submit?url=[url]&amp;title=[title]"
rel="external"
rev="('news'|'image'|'video'), [topic]"
style="background-color: [bgcolor];">
<span style="display: none;">
[bodytext]
</span>
('<img src="http://digg.com/img/diggThis.png" height="80" width="52"  alt="DiggThis" />' |
'<img src="http://digg.com/img/diggThisCompact.png" height="18" width="120" alt="DiggThis" />' |
'<img src="http://digg.com/img/diggThisIcon.gif" height="16" width="16"  alt="DiggThis" />')
</a>

Em cada local, em sua página da web que você gostaria que o botão para aparecer, escolha seu atributos desejados e insira a seguinte marcação HTML:

Opção

Url "[]" opção: Esta opção pode ser configurado para usar um URL específico para o botão Digg Smart. Há um limite máximo de 255 caracteres.

Se você adicionar um URL [], você também deve adicionar um título [] sim como eles são dependentes uns dos outros.

Ele é útil para sites onde:

Você gostaria que o usuário Digg ou enviar um URL específico que é diferente da página actual
Você específicas do usuário ou dados de sessão no URL e deseja que o Digg este botão para usar uma versão muito específica do URL.

<a class="DiggThisButton" href="http://digg.com/submit?url=[url]"></a>

1. Codificar o URL que pretende utilizar. Por exemplo: http://www.example.com seria parecido com: http% 3A% 2F% 2Fwww.example.com
2. Story URL deve ser original e desprovida de sessão ou dados específicos do usuário.
3. Substitua o "[url]", com o URL codificado.
4. Siga passo 1b.

Opção

[título]: O título [] opção define o título da história para o conteúdo unsumbitted. Há um limite máximo de 75 caracteres para o título. Se você adicionar um título [], você também deve adicionar uma tag [url] como são dependentes uns dos outros.

<a class="DiggThisButton"
href="http://digg.com/submit?url=[url]&amp;title=[title]"
rev="( [rev] ), [topic]">
<span style="display: none;">
[bodytext]
</span>
</a>

1. Codificar o título que você deseja usar. Por exemplo, 'Este é o meu doce novo título' ficaria assim: 'Este é de + + + meu doce + novo + título "ou" Este% 20com% 20my% 20Sweet% 20new 20title%'
2. Substituir o título [] com a URL título codificado.
3. Siga passo 1b.

Opção

[rev]: A [rev] opção define o tipo de mídia. A variável de atributo deve ser: 'video', 'imagem', ou 'notícia'. O padrão é 'notícia'.

Se você adicionar um [rev] sim, você também deve adicionar um tópico [] tag. O [rev] e [tópico] opções são dependentes uns dos outros.

<a class="DiggThisButton"
href="http://digg.com/submit?url=[url]&amp;title=[title]"
rev="( [rev] ), [topic]">
<span style="display: none;">
[bodytext]
</span>
</a>

1. Substituir o atributo 'Rev' com 'video', 'imagem', ou 'notícia'.
2. Siga passo 1b.

Opção

[tema]: O tópico [] opção define o tema.

Se você adicionar um tópico [] sim, você também deve adicionar um [rev] tag. O [rev] e [tópico] opções são dependentes uns dos outros.

A variável tema deve ser um dos seguintes tópicos:
0. arts_culture
0. Autos
0. baseball
0. basquete
0. business_finance
0. Celebridade
0. comedy
0. comics_animation
0. projeto
0. educacional
0. ambiente
0. extreme_sports
0. food_drink
0. futebol
0. gadgets
0. gaming_news
0. general_sciences
0. golf
0. hardware
0. saúde
0. Hóquei
0. linux_unix
0. Microsoft
0. mods
0. Motorsport
0. filmes
0. música
0. Nintendo
0. odd_stuff
0. Jogos Olímpicos
0. other_sports
0. pc_games
0. pessoas
0. pets_animals
0. playable_web_games
0. playstation
0. political_opinion
0. Política
0. programação
0. segurança
0. futebol
0. software
0. espaço
0. tech_news
0. televisão
0. tênis
0. travel_places
0. world_news
0. Xbox

<a class="DiggThisButton"
href="http://digg.com/submit?url=[url]&amp;title=[title]"
rev="( [rev] ), [topic]">
<span style="display: none;">
[bodytext]
</span>
</a>

1. Substituir o tópico [] com o assunto que você gostaria de ser padrão para o usuário.
2. Siga passo 1b.

Opção

[bodytext]: Esta opção define a descrição da história para o conteúdo unsubmitted. Há um limite máximo de 350 caracteres.

<a class="DiggThisButton"
href="http://digg.com/submit?url=[url]&amp;title=[title]"
rev="( [rev] ), [topic]">
<span style="display: none;">
[bodytext]
</span>
</a>

1. Substitua [bodytext] com o texto que você gostaria de ser exibido na descrição da apresentação.O texto não deve ser codificado no URL.
2. Siga passo 1b.

Opção

opção 'rel = "externo"': Esta opção pode ser definida, se desejar qualquer cliques para abrir em uma nova janela. Se for omitido, os links abrem na mesma janela do navegador, que é a configuração padrão.

<a class="DiggThisButton" rel="external"/>

1. Adicione o rel = "externo" opção para a marcação.
2. Siga passo 1b.

Opção

Background-opção de cor: Esta opção pode ter qualquer cor CSS válido e é usado apenas para mudar a cor de fundo em torno da borda exterior do botão. Se omitido, a cor padrão é branca.

<a class="DiggThisButton" style="background-color: [bgcolor];"/>

1. Adicione a opção de cor de fundo para a marcação.
2. Substituir o bgcolor [] sim, com a cor de fundo desejado.
3. Siga passo 1b.

Smart Digg Button Aplicação Dicas:

• Você pode adicionar uma ou todas essas configurações, escolher os que oferecem a seus usuários a experiência que você deseja.
• Se você não usar uma opção, remova-o da marcação HTML.
• O bgcolor [] opção deve ser usada com discrição. O botão Digg olha melhor em um fundo branco.
• Para todas as URLs e títulos só, primeiro você deve codificar o URL que pretende utilizar. Por exemplo: http://www.example.com seria parecido com: http% 3A% 2F% 2Fwww.example.com. Outro exemplo: 'Este é o meu doce novo título' ficaria assim: 'Este é de + + + meu doce + novo + 20title title% "ou" Este% 20com% 20my% 20Sweet% 20new'. No entanto, a descrição história bodytext [] não precisa ser codificado.
• Depois de inserir a marcação HTML, lembre-se de inserir uma tag de script a qualquer momento após o código acima:

  <script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script>

• Lembre-se, é melhor colocar a tag line script imediatamente antes do fechamento </ body> para permitir que sua página carregue mais rápido possível para seus usuários. Só incluir essa linha de uma vez por página, não importa quantas Digg Estes botões estão na página, o script irá cuidar de todos eles.

II. Static Digg Button

1. Se você quiser usar seu próprio botão ou link de texto para enviar conteúdo para o Digg ou alterar a aparência do botão Digg, oferecemos uma apresentação estática apenas o formato de URL. Este URL é um link para ajudar usuários a enviar conteúdo para o Digg, e permitir-lhes acesso a uma história anteriormente apresentada. Para construir o URL personalizado, construir um URL que usa este formato:

http://digg.com/submit?url=example.com&title=TITLE&bodytext=DESCRIPTION&media=MEDIA&topic=TOPIC

2. Então substituir cada variável com os detalhes Submeta o URL abaixo:

url = example.com

O comprimento máximo é de 255 caracteres. Story URL deve ser original e desprovida de sessão ou dados específicos do usuário. Por favor, URL-encode todas as seqüências, conforme apropriado. Por exemplo: http% 3A% 2F% 2Fyourwebsite%% 2Fyourstoryurl 2Fstorypagedetails.html

title = TÍTULO

O comprimento máximo é 75 caracteres. Por favor, URL-encode o título de história

DESCRIÇÃO bodytext =

O comprimento máximo é 350 caracteres. Por favor, URL-encode o corpo do texto

media = MEDIA

Isto especifica o tipo de mídia a ser ligado a este ou é notícia, vídeo ou imagem. (O valor padrão é notícia)

TOPIC topic =

Cada história deve ser apresentado em um e apenas um tópico. Por favor, referência a lista de tópicos acima do permitido.

thumbnails = 0

Desativar a opção de escolher uma miniatura durante a apresentação. Isso funciona para todos os tipos de mídia.

3. Quando terminar de construir a apresentar URL, link personalizado Digg botão usando este código e pronto!

 

Technorati Marcas: Integrar,The,Button,Digg,no,seu,blogs

• Divulgar no del.icio.us
• Divulgar no Digg
• Adicionar nos Favoritos do Google
• Enviar para o Twitter
• Compartilhar no Facebook
• Compartilhar no Technorati
• Enviar para o MySpace