segunda-feira, 18 de julho de 2011

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: ,

1 Comentários:

Às 13 de junho de 2013 16:05 , Blogger Viviane Santiago disse...

Podemos colocar essas Widgets da UOL em qualquer site? Grata!

 

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