Twitter Delicious Facebook Digg Stumbleupon Favorites More

Tutorial: Botão diHiTT Inteligente no Blogger

Olá a todos. Vai aqui mais um tutorial que encontrei no Blog do Lenon. Esse, especial para os usuários do diHiTT. Aqui no Dicas Plugins eu passei a utilizar o Botão diHITT inteligente ao lado dos títulos das postagens (há! Por falar nisso: se você achar o post interessante, vote nele. Obrigado!).

/*Caso ainda não tenha uma conta no diHitt, clique aqui, cadastre-se e comece a fazer amigos, compartilhar notícias, votar, e (o melhor) divulgar o seu blog. Lembre-se: divulgando o seu blog, ajuda a aumentr o seu PageRank! */

 

Ele é muito bom porque facilita para o leitor votar no seu post. Quer ele também no seu blog? Então siga esse pequeno tutorial!

Acesse a sua conta no diHiTT e vá em Widgets. Procure pelo "Botão diHITT inteligente". Em "Tamanho", selecione conforme você desejar. Aqui no Dicas Plugins eu uso o tamanho Compacto.

Em "Seu site usa" selecione "Blogger novo". Agora copie o código gerado.

Agora, no código HTML do seu blog (no Blogger), clique em "Expandir modelos de widgets" e localize o seguinte código (utilize Ctrl+F):

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
Agora logo após <a expr:name='data:post.id'/> adicione o seguinte trecho:
<span style='float:left;'>
<SCRIPT GERADO NO diHITT>
</span>

Substitua <SCRIPT GERADO NO diHiTT> pelo código do Botão diHiTT Inteligente que você copiou.

E logo apó o último </b:if> adicione:

<div style='clear:both;'/>
Deve ficar como no exemplo abaixo:
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<span style='float:left;'>
<SCRIPT GERADO NO diHITT>
</span>

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div style='clear:both;'/>

Clique em "Visualizar", se tudo estiver ok, salve o template e pronto! Agora, é só esperar os seus visitantes votarem nos seus artigos.

Qualquer dúvida pergunte nos comentários.

8 comentários:

Shock disse...

Ola!

Queria saber se antes dele ter votos, aparece uma msg "Enviar para o diHITT"?

Valew!

Willian Coutinho disse...

Primeiramente vc deve colocar o post no dihitt como uma "nova notícia", aí, a partir de então, as pessoas poderão votar no seu post.

Miguel (Utilnet) disse...

Boa dica essa.
Foi-me útil, obrigado.
Fiz tal como diz aqui e TUDO DEU CERTO.

Eu acho que o diHITT é uma excelente rede social, recomendo.
Veja o post que publiquei no Utilnet, sobre diHITT:
http://utilnet.blogspot.com/2009/04/divulgue-o-seu-blog-ou-site-e-arranje.html

O Utilnet, criou um post (no diHITT) onde você poderá divulgar o seu blog ou site:
http://utilnet.dihitt.com.br/noticia/cantinho-dihittiano-de-blogs-e-sites-divulgue-o-seu

Espero ter ajudado.
Abraço,
Miguel (Utilnet)

gadarf disse...

Dica maneira.

Unknown disse...

Willian, fiz tudo certo, mas deu um erro xml, veja se sabe como resolver por gentileza:
--------------------------------------------------------------
Não foi possível visualizar o modelo

Corrija o erro abaixo e envie o seu modelo novamente.
Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: Element type "a" must be followed by either attribute specifications, ">" or "/>".

Willian Coutinho disse...

Tente refazer com muita cautela. Geralmente este erro se dá quando não colocamos o código no lugar certo ou esquecemos de fechar alguma tag.
Tenta e posta aqui se der cetu, ou não...

Marcos Oliveira disse...

Ele aparece em alguns post's e em outros não. Um exemplo é um dos meus post que eu enviei pro DiHiTT e o botão pra votar só aparece as vezes.

FEMMES ÉLÉGANTES disse...

comigo deu erro.

Postar um comentário

Envie um comentário!

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Blogger Templates