Issuu on Google+

ADICIONAR GADGET EM SEU BLOG

Escolha um site que fornece Gadget com previs達o do tempo para usar em Blogs. 1. Exemplo: Acesso o site WWW.tempoagora.com.br/selos.html


Siga os passo indicados pelo site: Escolha o modelo desejado, selecione 3 cidades, clique no botão gerar código e copie o código HTML. Acesse o seu blog, Selecione a opção layout. Clique em Adicionar um Gadget.

Selecione a opção HTML/JAVA Script e cole o código.

2. Exemplo de Script para mostrar o total de comentários: <script type="text/javascript" src="http://digite o endereço do seu blog.blogspot.com"></script> <script type="text/javascript" src="http://seublog.blogspot.com/feeds/posts/default?alt=json-inscript&callback=showpostcount"></script>

3. Exemplo de script para calendário <script language="JavaScript"> <!-- Begin var day_of_week = new Array('Dom','Seg','Ter','Qua','Qui','Sex','Sab'); var month_of_year = new Array('Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','N ovembro','Dezembro'); var Calendar = new Date(); var year = Calendar.getFullYear();

// Retorna o ano


var month = Calendar.getMonth(); // Retorna mes (0-11) var today = Calendar.getDate(); // Retorna dias (1-31) var weekday = Calendar.getDay(); // Retorna dias (1-31) var DAYS_OF_WEEK = 7; // "constant" para o numero de dias na semana var DAYS_OF_MONTH = 31; // "constant" para o numero de dias no mes var cal; // Usado para imprimir na tela Calendar.setDate(1); // Comecar o calendario no dia '1' Calendar.setMonth(month); // Comecar o calendario com o mes atual

var TR_start = '<TR>'; var TR_end = '</TR>'; var highlight_start = '<TD WIDTH="30"><TABLE CELLSPACING=0 BORDER=1 BGCOLOR=DEDEFF BORDERCOLOR=CCCCCC><TR><TD WIDTH=20><B><CENTER>'; var highlight_end = '</CENTER></TD></TR></TABLE></B>'; var TD_start = '<TD WIDTH="30"><CENTER>'; var TD_end = '</CENTER></TD>'; cal = '<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 BORDERCOLOR=BBBBBB><TR><TD>'; cal += '<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=2>' + TR_start; cal += '<TD COLSPAN="' + DAYS_OF_WEEK + '" BGCOLOR="#EFEFEF"><CENTER><B>'; cal += month_of_year[month] + ' ' + year + '</B>' + TD_end + TR_end; cal += TR_start; for(index=0; index < DAYS_OF_WEEK; index++) { if(weekday == index) cal += TD_start + '<B>' + day_of_week[index] + '</B>' + TD_end; else cal += TD_start + day_of_week[index] + TD_end; } cal += TD_end + TR_end; cal += TR_start; for(index=0; index < Calendar.getDay(); index++) cal += TD_start + ' ' + TD_end; for(index=0; index < DAYS_OF_MONTH; index++) { if( Calendar.getDate() > index ) { week_day =Calendar.getDay(); if(week_day == 0) cal += TR_start; if(week_day != DAYS_OF_WEEK) { var day = Calendar.getDate();


if( today==Calendar.getDate() ) cal += highlight_start + day + highlight_end + TD_end; else cal += TD_start + day + TD_end; } if(week_day == DAYS_OF_WEEK) cal += TR_end; } Calendar.setDate(Calendar.getDate()+1); } cal += '</TD></TR></TABLE></TABLE>'; // MOSTRAR CALENDARIO document.write(cal); // End --> </script> 4.Exemplo de script para visualização sobre os níveis de emissão de gás carbônico <!-- Inicio banner APOLO11.COM --><iframe src='http://www.apolo11.com/selo_relogiocarbonico.php' width='120' height='140' frameborder='0' scrolling='no' marginwidth='0' marginheight='0'></iframe><!--Fim banner APOLO11.COM --> 4. Exemplo para colocar notícias em tempo rela do site da UOL Acesse: http://noticias.uol.com.br/widgets/widgetsdouol.jhtm <!--UOL Widgets - widgets.uol.com.br --> <div class="UOLWidgetsStyle"> <script src="http://widgets.uol.com.br/uolwidgetstools.js?estacao=primeirapagina&tema=noticias&sk in=1" type="text/javascript"></script> <a href="http://www.uol.com.br" target="_blank">http://www.uol.com.br</a> </div> <!--//UOL Widgets-->


Adicionar Gadget em Blog