Codigo de windgets

Já pensou em seu portal existir um widget que atualiza diáriamente os últimos tópicos que você posta em uma determinada seção do fórum? E ainda com opção de personalização! Neste Tutorial vamos aprender como gerir um sistema através do FeedBurner para mostrar os últimos posts do seu fórum.

--> Tutoriais dicas, e astúcias <--
Gerir sistema de FeedBurner

1º - Contas no Google:
Para que seja possível a criação do FeedBurner é necessário ter-mos uma conta no Google. Isto é, se você já tiver uma conta no Orkut ou qualquer outra plataforma do Google será mais rápido e fácil. Primeiramente, pedimos que esteja acessando o site da "Google FeedBurner", mas como já dito aos que não tem contas no Google terá que criá-la para proceguir-mos com o tutorial.

Email - Caso você tenha contas no Google, poderá usar uma delas para personalizar o Feed, neste campo poderá adicionar o Email. Por exemplo: board:@:forumeiros.com

Senha - Campo para adição da senha do email usado no campo acima. Exemplo: **********

2º - Gerindo o código para o widget:
Finalmente depois de logado, vamos criar o FeedBurner para o fórum. Necessitaremos do URL do fórum em um campo especial. Nele vamos adicionar somente o URL do fórum, ou seja, não poderemos adicionar quaisquer outros valores como por exemplo, de um tópico:
https://ajuda.forumeiros.com/-t2.html ou https://ajuda.forumeiros.com/-c2/
Apenas o endereço do fórum: https://ajuda.forumeiros.com/

Burn a feed right this instant - Adicione o Feed neste instante através do endereço do fórum.

Next>> - Nos possibillita passar para o próximo passo. Como se fosse um botão "Próximo".

No momento, o Google Burner permite escolher URLs dos nossos fóruns e sub-fóruns para servirem como Feed, ou seja, o Google encontrará no fórum, seções para serem usadas como base nos anúncios que iremos fazer. Ele nos dará URLs completamente diferêntes, como podemos acompanhar na imagem abaixo:

Clique no botão "Next>>"

Em "Feed Title" colocaremos o nome do Feed, ou o título do Feed para quando houver pesquisas o mesmo ser encontrado rápidamente. Abaixo no campo "Feed Address" não poderemos modificar, pois o mesmo é o endereço do Feed. Porém, existe uma parte dele em que poderemos editar. Veja:

anuncios/NXXK

No cote acima destacado com a cor Azul escuro, será onde podemos modificar o valor, como é endereço então não podemos colocar símbolos, vírgulas, pontos, traços ou qualquer caracter que não corresponde ao campo. Prefira colocar um nome simples como por exemplo "anunciosdoforum". Em vermelho em destaque é denominado o endereço do Feed, o que permitirá que no widget seja exibido os anúncios (Este não pode em hipótese alguma ser modificado), e claro que isso veremos em frente.


3º - Fazendo às aplicações finais para obter o código:
Agora vamos obter o código do Feed, neste caso vale á pena informar que se você já tem um FeedBurner basta copiar o código do Script e aplicar ao próximo código que explicaremos. Aos usuários que ainda não tem prestem atenção nesta erapa;

Publicize ->> BuzzBost ->> Feed Settings ->>

Em "Feed Settings" vamos configurar o modo que será exibido em nosso Widget. De preferência marque as opções:

Configurar
Number of items to display (Número de itens no painel)	Marque "5" (De preferência do usuário)
Open links in (Abrir link em)	Same Window (Na mesma janela)
Display item publication date	A opção mostra á data da última mensagem postada

Prescione o botão "Active" e será exibido acima o código do seu Feed:

Código:

<script src="http://feeds.feedburner.com/anuncios/NZXK?format=sigpro" type="text/javascript" ></script><noscript><p>Subscribe to RSS headline updates from: <a href="http://feeds.feedburner.com/anuncios/NZXK"></a><br/>Powered by FeedBurner</p> </noscript>

4º - Aplicando ao gadget:
Já estamos no final do tutorial, por isso vamos ceder no seu: Painel de controle Módulos Portal & Widgets Configuração do Portal Estrutura
Clique no botão "Criar widget personalizado":

Modificar o widget
Utilizar um Table type	Marque "Não".
Nome do Widget	De preferência deixe como "Anúncios Feed".
Fonte do Widget	Como na imagem acima, está adicionado o código
Display item publication date	A opção mostra á data da última mensagem postada

Os campos coloridos são onde poderemos modificar:

<div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist"><li class="header"><dl class="icon"><dd class="dterm"><div class="table-title"><h2>Anúncios e Atualizações</h2></div></dd></dl></li></ul><ul class="topiclist forums">

<li class="row"><dl class="icon" style="background:url( ) no-repeat scroll 5px 20%;"><dd class="dterm"><div style="display: block; margin : 0 0px 0 20px;"><h3 class="hierarchy"><a href="https://ajuda.forumeiros.com/" class="forumtitle"> </a></h3>
SCRIPT_DO_SEU_FORUM</div>
</div></dd></dl></li></ul><span class="corners-bottom"><span></span></span></div></div>

Azul: Título da seção de onde o Feed mostrará os últimos tópicos. Por Exemplo: Anúncios e Atualizações
Verde: Código Script dado pelo Google Burner, ou seja, o código fornecido pelo site para suas últimas mensagens. Substituá pelo código fornecido.

Nosso código:

Código:

<div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist"><li class="header"><dl class="icon"><dd class="dterm"><div class="table-title"><h2>Anúncios e Atualizações</h2></div></dd></dl></li></ul><ul class="topiclist forums">

<li class="row"><dl class="icon" style="background:url( ) no-repeat scroll 5px 20%;"><dd class="dterm"><div style="display: block; margin : 0 0px 0 20px;"><h3 class="hierarchy"><a href="http://ajuda.forumeiros.com/" class="forumtitle"> </a></h3>
<script src="http://feeds.feedburner.com/anuncios/SaWi?format=sigpro" type="text/javascript" ></script><noscript><p>Subscribe to RSS headline updates from: <a href="http://feeds.feedburner.com/anuncios/SaWi"></a><br/>Powered by FeedBurner</p> </noscript></div>
 </div></dd></dl></li></ul><span class="corners-bottom"><span></span></span></div></div>

--> Tutoriais dicas, e astúcias <--
Gerir sistema de FeedBurner

• Posso modificar o código fornecido?
  Alguns pontos sim, até mesmo o que fará arrendondamentos nos anúncios:

  <script src="http://feeds.feedburner.com/anuncios/NXXK?format=sigpro" type="text/javascript" ></script><noscript><p>Subscribe to RSS headline updates from: <a href="http://feeds.feedburner.com/anuncios/NXXK"></a><br/>Powered by FeedBurner</p> </noscript>

  Na parte correspondente ao vermelho seria onde você poderá modificar, podendo deletá-lo se desejar.

• Posso modificar o código fornecido pelo Fórum dos Fóruns?
  Claro! Não proibimos de ninguém poder alterar os códigos, mais tenha atenção para não cometer algum erro e atrapalhar no funcionamento;

  <div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist"><li class="header"><dl class="icon"><dd class="dterm"><div class="table-title"><h2>Anúncios e Atualizações</h2></div></dd></dl></li></ul><ul class="topiclist forums">
  
  <li class="row"><dl class="icon" style="background:url( ) no-repeat scroll 5px 20%;"><dd class="dterm"><div style="display: block; margin : 0 0px 0 20px;"><h3 class="hierarchy"><a href="https://ajuda.forumeiros.com/" class="forumtitle"> </a></h3>
  
  
  
  </div>
  </div></dd></dl></li></ul><span class="corners-bottom"><span></span></span></div></div>

• Código está disponível somente para versão Phpbb3?
  Sim. Este código é de um tutorial do Fórum dos Fóruns, para gerir categorias no widget. Ao mesmo tempo só encontramos o mesmo disponível para esta versão.
  
  
• Resultado e código pronto!
  
  
  Código pronto:
  

  Código:

      <div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist"><li class="header"><dl class="icon"><dd class="dterm"><div class="table-title"><h2>Discussões gerais</h2></div></dd></dl></li></ul><ul class="topiclist forums">

    <li class="row"><dl class="icon" style="background:url( ) no-repeat scroll 5px 20%;"><dd class="dterm"><div style="display: block; margin : 0 0px 0 20px;"><h3 class="hierarchy"><a href="http://ajuda.forumeiros.com/" class="forumtitle"> </a></h3>
    <script src="http://feeds.feedburner.com/discussoesgerais?format=sigpro" type="text/javascript" ></script></div>
    </div></dd></dl></li></ul><span class="corners-bottom"><span></span></span></div></div>

---

© Fórum dos Fóruns

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Gerir sistema de FeedBurner

Código:

[center][table style="margin:auto;"]
[tr]
[td] [img]http://2img.net/i/fa/fdf/annonce.png[/img]  [/td][td]  [size=24][color=#86b125] Sistema de FeedBurner[/color][/size][/td]
[/tr]
[/table][/center]


Já pensou em seu portal existir um widget que atualiza diáriamente os últimos tópicos que você posta em uma determinada seção do fórum? E ainda com opção de personalização! Neste Tutorial vamos aprender como gerir um sistema através do FeedBurner para mostrar os últimos posts do seu fórum.


[b][center][color=green][size=16]--> Tutoriais dicas, e astúcias <--[/size][/color]
[size=16][color=red] Gerir sistema de FeedBurner [/color][/size][/center][/b]


[b][size=18]1º[/size] - [color=darkblue]Contas no Google:[/color][/b]
Para que seja possível a criação do FeedBurner é necessário ter-mos uma conta no Google. Isto é, se você já tiver uma conta no Orkut ou qualquer outra plataforma do Google será mais rápido e fácil. Primeiramente, pedimos que esteja acessando o site da "[url=http://www.feedburner.com/]Google FeedBurner[/url]", mas como já dito aos que não tem contas no Google terá que criá-la para proceguir-mos com o tutorial.

[center][size=9](carregue na imagem para aumentar)[/size]
[img]http://i20.servimg.com/u/f20/16/50/02/64/creat10.png[/img][/center]
[table class=table1][tr][td vAlign=top width="30px"][img]http://i36.servimg.com/u/f36/11/66/91/15/110111.gif[/img][/td]
[td]:arrow: [b][color=indigo]Email [/color][/b]- Caso você tenha contas no Google, poderá usar uma delas para personalizar o Feed, neste campo poderá adicionar o Email. Por exemplo:
board:@:forumeiros.com[/td][/tr][/table][table class=table1][tr][td vAlign=top width="30px"][img]http://i36.servimg.com/u/f36/11/66/91/15/110210.gif[/img][/td][td]:arrow: [b][color=indigo]Senha [/color][/b]- Campo para adição da senha do email usado no campo acima. Exemplo:
**********[/td][/tr][/table]


[b][size=18]2º[/size] - [color=darkblue]Gerindo o código para o widget:[/color][/b]
Finalmente depois de logado, vamos criar o FeedBurner para o fórum. Necessitaremos do URL do fórum em um campo especial. Nele vamos adicionar somente o URL do fórum, ou seja, não poderemos adicionar quaisquer outros valores como por exemplo, de um tópico:
http://ajuda.forumeiros.com/-t2.html ou http://ajuda.forumeiros.com/-c2/
Apenas o endereço do fórum: http://ajuda.forumeiros.com/

[center][size=9](carregue na imagem para aumentar)[/size]
[img]http://i20.servimg.com/u/f20/16/50/02/64/gerir10.png[/img][/center]
[table class=table1][tr][td vAlign=top width="30px"][img]http://i36.servimg.com/u/f36/11/66/91/15/110111.gif[/img][/td]
[td]:arrow: [b][color=indigo]Burn a feed right this instant [/color][/b]- Adicione o Feed neste instante através do endereço do fórum.[/td][/tr][/table][table class=table1][tr][td vAlign=top width="30px"][img]http://i36.servimg.com/u/f36/11/66/91/15/110210.gif[/img][/td][td]:arrow: [b][color=indigo]Next>> [/color][/b]- Nos possibillita passar para o próximo passo. Como se fosse um botão "Próximo".[/td][/tr][/table]

No momento, o Google Burner permite escolher URLs dos nossos fóruns e sub-fóruns para servirem como Feed, ou seja, o Google encontrará no fórum, seções para serem usadas como base nos anúncios que iremos fazer. Ele nos dará URLs completamente diferêntes, como podemos acompanhar na imagem abaixo:

[center][size=9](carregue na imagem para aumentar)[/size]
[img]http://i20.servimg.com/u/f20/16/50/02/64/fdf10.png[/img][/center]
[i]Clique no botão "Next>>"[/i]

Em "Feed Title" colocaremos o nome do Feed, ou o título do Feed para quando houver pesquisas o mesmo ser encontrado rápidamente. Abaixo no campo "Feed Address" não poderemos modificar, pois o mesmo é o endereço do Feed. Porém, existe uma parte dele em que poderemos editar. Veja: [quote][color=darkblue]anuncios[/color]/[color=red]NXXK[/color][/quote] No cote acima destacado com a cor Azul escuro, será onde podemos modificar o valor, como é endereço então não podemos colocar símbolos, vírgulas, pontos, traços ou qualquer caracter que não corresponde ao campo. Prefira colocar um nome simples como por exemplo "anunciosdoforum". Em vermelho em destaque é denominado o endereço do Feed, o que permitirá que no widget seja exibido os anúncios (Este não pode em hipótese alguma ser modificado), e claro que isso veremos em frente.


[b][size=18]3º[/size] - [color=darkblue]Fazendo às aplicações finais para obter o código:[/color][/b]
Agora vamos obter o código do Feed, neste caso vale á pena informar que se você já tem um FeedBurner basta copiar o código do Script e aplicar ao próximo código que explicaremos. Aos usuários que ainda não tem prestem atenção nesta erapa;

[b][i]Publicize ->> BuzzBost ->> Feed Settings ->>[/i][/b]
[center][size=9](carregue na imagem para aumentar)[/size]
[img]http://i20.servimg.com/u/f20/16/50/02/64/painel10.png[/img][/center]

Em "Feed Settings" vamos configurar o modo que será exibido em nosso Widget. De preferência marque as opções:

[table border="0" class="table1"]
[tr][td colspan="2"  bgcolor="#8fd534"] [center][b][color=white]Configurar[/color][/b][/center] [/td]
[/tr]

[tr][td]Number of items to display (Número de itens no painel)[/td][td]Marque "5" (De preferência do usuário)[/td][/tr]

[tr][td]Open links in (Abrir link em)[/td][td]Same Window (Na mesma janela)[/td][/tr]

[tr][td]Display item publication date[/td][td]A opção mostra á data da última mensagem postada[/td][/tr]

[/table]

Prescione o botão "Active" e será exibido acima o código do seu Feed: [code]<script src="http://feeds.feedburner.com/anuncios/NZXK?format=sigpro" type="text/javascript" ></script><noscript><p>Subscribe to RSS headline updates from: <a href="http://feeds.feedburner.com/anuncios/NZXK"></a><br/>Powered by FeedBurner</p> </noscript>[/code]

[b][size=18]4º[/size] - [color=darkblue]Aplicando ao gadget:[/color][/b]
Já estamos no final do tutorial, por isso vamos ceder no seu: Painel de controle :seta: Módulos :seta: Portal & Widgets :seta: Configuração do Portal :seta: Estrutura :seta:
Clique no botão "[b]Criar widget personalizado[/b]":

[center][size=9](carregue na imagem para aumentar)[/size]
[img]http://i20.servimg.com/u/f20/16/50/02/64/widget10.png[/img][/center]
[table border="0" class="table1"]
[tr][td colspan="2"  bgcolor="#8fd534"] [center][b][color=white]Modificar o widget[/color][/b][/center] [/td]
[/tr]

[tr][td]Utilizar um Table type[/td][td]Marque "Não".[/td][/tr]

[tr][td]Nome do Widget[/td][td]De preferência deixe como "Anúncios Feed".[/td][/tr]

[tr][td]Fonte do Widget[/td][td]Como na imagem acima, está adicionado o código[/td][/tr]

[tr][td]Display item publication date[/td][td]A opção mostra á data da última mensagem postada[/td][/tr]

[/table]

Os campos coloridos são onde poderemos modificar: [quote]<div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist"><li class="header"><dl class="icon"><dd class="dterm"><div class="table-title"><h2>[color=blue]Anúncios e Atualizações[/color]</h2></div></dd></dl></li></ul><ul class="topiclist forums">

<li class="row"><dl class="icon" style="background:url( ) no-repeat scroll 5px 20%;"><dd class="dterm"><div style="display: block; margin : 0 0px 0 20px;"><h3 class="hierarchy"><a href="http://ajuda.forumeiros.com/" class="forumtitle"> </a></h3>
[color=green]SCRIPT_DO_SEU_FORUM[/color]</div>
 </div></dd></dl></li></ul><span class="corners-bottom"><span></span></span></div></div>[/quote] [color=blue][b]Azul[/b][/color]: Título da seção de onde o Feed mostrará os últimos tópicos. Por Exemplo: Anúncios e Atualizações
[color=green][b]Verde[/b][/color]: Código Script dado pelo Google Burner, ou seja, o código fornecido pelo site para suas últimas mensagens. Substituá pelo código fornecido.

Nosso código:
[code]<div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist"><li class="header"><dl class="icon"><dd class="dterm"><div class="table-title"><h2>Anúncios e Atualizações</h2></div></dd></dl></li></ul><ul class="topiclist forums">

<li class="row"><dl class="icon" style="background:url( ) no-repeat scroll 5px 20%;"><dd class="dterm"><div style="display: block; margin : 0 0px 0 20px;"><h3 class="hierarchy"><a href="http://ajuda.forumeiros.com/" class="forumtitle"> </a></h3>
<script src="http://feeds.feedburner.com/anuncios/SaWi?format=sigpro" type="text/javascript" ></script><noscript><p>Subscribe to RSS headline updates from: <a href="http://feeds.feedburner.com/anuncios/SaWi"></a><br/>Powered by FeedBurner</p> </noscript></div>
 </div></dd></dl></li></ul><span class="corners-bottom"><span></span></span></div></div>[/code]


[b][center][color=green][size=16]--> Tutoriais dicas, e astúcias <--[/size][/color]
[size=16][color=red] Gerir sistema de FeedBurner [/color][/size][/center][/b]


[list][*][b][color=indigo]Posso modificar o código fornecido?[/color][/b]
Alguns pontos sim, até mesmo o que fará arrendondamentos nos anúncios:[quote]<script src="http://feeds.feedburner.com/anuncios/NXXK?format=sigpro" type="text/javascript" ></script>[color=red]<noscript><p>Subscribe to RSS headline updates from: <a href="http://feeds.feedburner.com/anuncios/NXXK"></a><br/>Powered by FeedBurner</p> </noscript>[/color][/quote] Na parte correspondente ao vermelho seria onde você poderá modificar, podendo deletá-lo se desejar.[/list]

[list][*][b][color=indigo]Posso modificar o código fornecido pelo Fórum dos Fóruns?[/color][/b]
Claro! Não proibimos de ninguém poder alterar os códigos, mais tenha atenção para não cometer algum erro e atrapalhar no funcionamento; [quote]<div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist"><li class="header"><dl class="icon"><dd class="dterm"><div class="table-title"><h2>[color=blue]Anúncios e Atualizações[/color]</h2></div></dd></dl></li></ul><ul class="topiclist forums">

<li class="row"><dl class="icon" style="background:url( ) no-repeat scroll 5px 20%;"><dd class="dterm"><div style="display: block; margin : 0 0px 0 20px;"><h3 class="hierarchy">[color=blue]<a href="http://ajuda.forumeiros.com/" class="forumtitle">[/color] </a></h3>



</div>
 </div></dd></dl></li></ul><span class="corners-bottom"><span></span></span></div></div>[/quote][/list]

[list][*][b][color=indigo]Código está disponível somente para versão Phpbb3?[/color][/b]
Sim. Este código é de um tutorial do Fórum dos Fóruns, para gerir categorias no widget. Ao mesmo tempo só encontramos o mesmo disponível para esta versão.

[*][b][color=indigo]Resultado e código pronto![/color][/b]
[center][img]http://i26.servimg.com/u/f26/14/66/24/06/sem_ta18.png[/img][/center]
Código pronto:
[code]    <div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist"><li class="header"><dl class="icon"><dd class="dterm"><div class="table-title"><h2>Discussões gerais</h2></div></dd></dl></li></ul><ul class="topiclist forums">

    <li class="row"><dl class="icon" style="background:url( ) no-repeat scroll 5px 20%;"><dd class="dterm"><div style="display: block; margin : 0 0px 0 20px;"><h3 class="hierarchy"><a href="http://ajuda.forumeiros.com/" class="forumtitle"> </a></h3>
    <script src="http://feeds.feedburner.com/discussoesgerais?format=sigpro" type="text/javascript" ></script></div>
    </div></dd></dl></li></ul><span class="corners-bottom"><span></span></span></div></div>[/code][/list]


[hr]
[size=18][center] Fórum dos Fóruns[/center][/size]


[table][tr][td][img]http://www.forumeiros.com/i/img/act_bottom.png[/img] [/td]
[td]Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[b][Dúvida] Gerir sistema de FeedBurner [/b][/td][/tr][/table]