Tutorial - Widget feeds, seguidores, posts e comentários

Ganhe dinheiro para compartilhar os seus links!

Widget assinantes feed, followers, posts e comentários

Copie o código abaixo e cole no gadget html/javascript do Blogger. Substitua as partes CÓDIGO DO FEEDBURNER e CÓDIGO DO TWITTER COUNTER, pelos códigos do FeedBurner e do Twitter Counter.

De Ctrl + f e procure por CÓDIGO DO FEEDBURNER e CÓDIGO DO TWITTER COUNTER e faça as alterações pedidas

<div style="width: 345px; padding: 0; margin: 0; border: 0;"><div name="feed" style="float: left; width: 160px; height: 50px; "><div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpRTHwmNca_jDZ2pzMkYLD4L0zC3FsiHplM6DdKbGwRqnzNjHBRADYy7j-Z34uXiFrMDbCAjmpcc7kId86KuwknS4hFiXWz0JrLMSXM50288xQ_sy6LYcPga-vX2JeUZJMmFkZiBfQc9AM/) no-repeat;"></div><div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;">CÓDIGO DO FEEDBURNER</div><p name="texto" style="padding: 0; margin: -5px 0 0 0; font-size: 10px; font-family: Arial, Helvetica, sans-serif;">assine o feed</p></div><div name="twitter" style="float: left; margin-left: 10px; width: 160px; height: 50px; "><div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE5BnI5BvUuc-S5Ltn57Al6TMwB2gN6NnHH8clLaZa7QMJQfaiYouPtP-JH_9IU58VhEZw5JHKGSkSXWjC3h7MgSMzgAeuTth7An3BPY8UAdpbkyP6Wm0bV_AUrMLDqFupKc-sPFrcnWaa/) no-repeat;"></div><div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;">CÓDIGO DO TWITTER COUNTER</div><p name="texto" style="padding: 0; margin: -5px 0 0 0; font-size: 10px; font-family: Arial, Helvetica, sans-serif;">siga no Twitter</p></div><div name="postagens" style="margin-top: 5px; float: left; width: 160px; height: 50px; "><div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_4sZcXX6DxKgRDNQunNSZa6gxdd9b2vXsselBmfgBZnxcPheWZ_JKW6gecgvj56ksDXEX4CMePyKVqNt1t9FM7s_P9O1-B1S2kSos1BDYpmukNuo_L1L9hKRSr59vo-m8hhpyqgGVkhKZ/) no-repeat;"></div><div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"><script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> Postagens </div><p name="texto" style="padding: 0; margin: -5px 0 0 0; font-size: 10px; font-family: Arial, Helvetica, sans-serif;">acompanhe</p></div><div name="comentarios" style="margin-top: 5px; margin-left: 10px; float: left; width: 160px; height: 50px; "><div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw2bmkLZ6odVTHpWIQ5cPgsA-pQCyzx0NGZEPoaMDyaEEJ9_ZqpJfHMBCUh_XbwflUsV7YEEkStKabMxZmg1p5WSCSOuD0IJOMLeh5IaTU6RPmIOI3AdDaKWRXYefqIhCMHRciLryJk6th/) no-repeat;"></div><div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"><script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); } <script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><script src="/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script><br /> Comentários</div><p name="texto" style="padding: 0; margin: -5px 0 0 0; font-size: 10px; font-family: Arial, Helvetica, sans-serif;">comente também</p></div><div style="text-align: center;"><small> Widget <a href="http://www.codigosblog.com.br/2010/03/widget-contador-feed-twitter_25.html">Códigos Blog</a> modificado por <a href="http://www.dicasblogger.com.br/2010/04/widget-contador-feeds-e-twitter.html">Dicas Blogger</a></small></div>
Para obter o código do contador do FeedBurner, entre no site e acesse a abapublicize (1). Na coluna da esquerda, clique em FeedCount (2). Configure as cores (sugestão: DE682B para o plano de fundo do botão e 444444 para o texto) e copie o código (3). e cole o código substituindo o nome ( CÓDIGO DO FEEDBURNER ) do código do contador.

Para obter o código do TwitterCounter, acesse o site, escreva seu username do Twitter no campo indicado (1), faça login pelo método OAuth (é seguro) e depois clique na aba buttons (2). Configue as cores do botão (sugestão: 47C8F5 para o plano de fundo e 000000 para o texto) e copie o código fornecido. Cole o código na parte em vermelho ( CÓDIGO DO TWITTER COUNTER ) do código do widget.

Tweet