segunda-feira, 18 de julho de 2011

Adicionar Vote Digg Widget Contador de botão para Blogger


Neste tutorial vou explicar como integrar um botão Digg no seu blog , que será exibido em cada uma das suas postagens no blog.
o que é digg?

Você sabe o que é Digg? O Digg, “cavar” literalmente em inglês, é um site que o conceito básico é deixar alguém fazer um link de uma história em qualquer ponto da internet à uma discussão sobre este assunto. A intenção é que você explore o assunto ao máximo ou “digg the subject”, em inglês.
Por exemplo, você viu a notícia no site do Terra sobre algo que lhe interessou ou você quer saber mais sobre o assunto. Pegando o link http://terra.com.br/endereco-do-assunto.html você vai no Digg e inicia uma discussão sobre este assunto.
Siga os passos para adicionar em seu blog.

1-Faça Login
2-vai em Design
3-Editar HTML
4-marque Expandir modelos de widgets
e procure por isso :
<data:post.body/>
e adicione este código acima da linha que foi procurado :

<!-- DIGG -->

<div style='float:right; padding: 3px;'>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js'
type='text/javascript'/>
</div>
<!-- DIGG -->


Marcadores: , , , ,

Widgets da UOL no seu blog/site

UOL WidgetsUOL Widgets

O site UOL disponibilizou widgets sobre noticias de esportes, economias e a primeira pagina da home da UOL em seu blog.
Então vamos lá.

1-Faça login
2-Vai em Design
3-Elementos da Página
4-Adicionar um Gadgets
5-HTML/Javascript
e escolha uns dos widgets abaixo



WWidget Primeira Página


Modelo 1 :
             

Código:

<!--UOL Widgets - widgets.uol.com.br -->
<div class="UOLWidgetsStyle">
<script src="http://widgets.uol.com.br/uolwidgetstools.js?estacao=primeirapagina&tema=noticias&skin=1" type="text/javascript"></script>
<a href="http://www.uol.com.br" target="_blank">http://www.uol.com.br</a>
</div>
<!--//UOL Widgets-->
Modelo 2 :



Código :

<!--UOL Widgets - widgets.uol.com.br -->
<div class="UOLWidgetsStyle">
<script src="http://widgets.uol.com.br/uolwidgetstools.js?estacao=primeirapagina&tema=fotos&skin=1" type="text/javascript"></script>
<a href="http://www.uol.com.br" target="_blank">http://www.uol.com.br</a>
</div>
<!--//UOL Widgets-->

Widgets - UOL Economia
   Widget Economia 





Modelo 1 :


Código :
<!--UOL Widgets - widgets.uol.com.br --><div class="UOLWidgetsStyle"><script src="http://widgets.uol.com.br/uolwidgetstools.js?estacao=economia&tema=conversor&skin=1" type="text/javascript"></script><a href="http://economia.uol.com.br" target="_blank">http://economia.uol.com.br</a></div><!--//UOL Widgets-->
Modelo 2 :


Código :
<!--UOL Widgets - widgets.uol.com.br --><div class="UOLWidgetsStyle"><script src="http://widgets.uol.com.br/uolwidgetstools.js?estacao=economia&tema=noticias&skin=1" type="text/javascript"></script><a href="http://economia.uol.com.br" target="_blank">http://economia.uol.com.br</a></div><!--//UOL Widgets-->






    Widget Esporte








Modelo 1 :

Código :

<!--UOL Widgets - widgets.uol.com.br -->
<div class="UOLWidgetsStyle">
<script src="http://widgets.uol.com.br/uolwidgetstools.js?estacao=esporte&tema=noticias&skin=1" type="text/javascript"></script>
<a href="http://esporte.uol.com.br" target="_blank">http://esporte.uol.com.br</a>
</div>
<!--//UOL Widgets-->

 Modelo 2 :



Código :

<!--UOL Widgets - widgets.uol.com.br --><div class="UOLWidgetsStyle"><script src="http://widgets.uol.com.br/uolwidgetstools.js?estacao=esporte&tema=noticias&skin=3" type="text/javascript"></script><a href="http://esporte.uol.com.br" target="_blank">http://esporte.uol.com.br</a></div><!--//UOL Widgets-->
Modelo 3 :


Código :
<!--UOL Widgets - widgets.uol.com.br -->
<div class="UOLWidgetsStyle">
<script src="http://widgets.uol.com.br/uolwidgetstools.js?estacao=esporte&tema=noticias&skin=2" type="text/javascript"></script>
<a href="http://esporte.uol.com.br" target="_blank">http://esporte.uol.com.br</a>
</div>
<!--//UOL Widgets--> 

Depois é só salvar e atualiza .
você pode conferir mais widgets da uol em http://noticias.uol.com.br/widgets/widgetsdouol.jhtm

2 modelos disponíveis

Marcadores: ,