17 agosto 2010

Receba as noticias do UFO NE no Google Chrome

É com grande felicidade que laço a extensão do UFO Nordeste para Google Chrome: UFO Nordeste News. Esta extensão foi desenvolvida no intuito de "anunciar" as noticias mais recentes do UFO Nordeste e buscar mais algumas coisas no nosso blog.

Para usufruir de nossa aplicação siga os passos abaixo:

1 - Instale o Google Chrome (É necessário);
2 - Acesse o link: http://zapt.in/NzB ;
3 - Click em Install ou Instalar;


4 - Pronto;

Estou pretendendo criar outra extensão com as atualizações de alguns dos blogs parceiros do UFO Nordeste.

04 setembro 2009

Caixa de pesquisa AutoLimpante

Você já deve ter reparado em algumas caixas de pesquisa que trazem dicas de tela dentro do box de busca, que desaparecem ao serem acionadas e retornam quando o cursor sai do campo.

O problema é confundir os campos de pesquisa com aqueles usados para assinatura de newsletter.

Essas dicas de tela, ajudam a conduzir o visitante ao local correto e não interferem na busca, pois desaparecem ao ser acionado o campo do formulário.

Para instalar uma caixa de pesquisa com dica de tela no seu blog ancorado no Blogspot é super fácil, basta usar o instalador abaixo que Widget de Pesquisa Autolimpante estará na sua barra lateral em apenas dois cliques:
Caixa de Pesquisa auto-limpante by UFO NE
Obs: Não retire os créditos!

23 agosto 2009

Adicione o UFO Nordeste no Firefox e IE7

Um Mecanismo de Busca é um novo recurso utilizado pelos navegadores modernos que facilita a pesquisa de informações diretamente no site escolhido. Este recurso possibilita uma busca mais rápida dentro dos sites bastando apenas utilizar a caixa de pesquisa situada, geralmente, no canto superior direito dos browsers.

Os principais navegadores que utilizam este recurso são o Mozilla Firefox e Internet Explorer (este somente a partir da versão 7). Confira as imagens abaixo que demostram onde encontrar o mecanismo de busca.




A utilização do Mecanismo de Busca dentro do site implica na utilização do padrão criado pela A9.com conhecido como OpenSearch.

O termo Mecanismo de Busca dependendo do navegador pode ter outro nome como: Mecanismo de Pesquisa, Provedor de Pesquisa, Search Provider, Search Tools, Search Add-On entre outros.

Como não poderíamos ficar de fora, o UFO NE também pode ser um mecanismo de busca adicionado em seu navegador. Com isso você pode pesquisar em nosso conteúdo com apenas um clique, rápido e prático.

Para adicionar o UFO NE como seu mecanismo de pesquisa e tornar sua busca por códigos muito mais rápida clique no botão abaixo:



28 julho 2009

Menu flutuante

Depois de algumas horas consegui modificar o menu de que desce ao da rolar página. O modelo antigo era esse ao lado (img 1), agora é esse ao lado (img 2). Para obter o menu, copie o código abaixo e cole no HTML do seu blog, exatamente acima da tag </body>.




<style type='text/css'>
<!--
#mininavbar
{
display:scroll;
position:fixed;
bottom:1px;
right:1px;
z-index:99;
}
#mininavbar a
{
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
border:0;
}
#mininavbar img
{
border:0;
}
#mininavbar a:hover
{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
-->
</style>
<script language='JavaScript'>
    function cima() {
    window.scrollBy(0,20); // velocidade para cima
    scrolldelay = setTimeout(&#39;cima()&#39;,100); // tempo da rolagem
    }

    function baixo() {
    window.scrollBy(0,-20); // velocidade para baixo
    scrolldelay = setTimeout(&#39;baixo()&#39;,100); // tempo da rolagem
    }

    function stopScroll() {
    clearTimeout(scrolldelay); // para o rolar ao tirar o cursor do link
    }

    </script>
<div id='mininavbar'><a href='#' onClick='window.location.reload()' title='Atualizar página'><img src='http://soulouko.googlepages.com/refresh.png'/></a><a href='SEU-BLOG' title='Página principal'><img src='http://soulouko.googlepages.com/house.png'/></a><a href='http://feeds.feedburner.com/SEU-ID' title='Feed'><img src='http://i32.tinypic.com/jfc6bn.png'/></a><a href='URL DA SUA COMU' title='Orkut'><img src='http://i32.tinypic.com/2cddds4.gif' width="16px" height="16px" /></a><a href='' onmouseout='stopScroll()' onmouseover='baixo()' title='Ir para o topo da página'><img src='http://soulouko.googlepages.com/topopg.png'/></a><a href='' onmouseout='stopScroll()' onmouseover='cima()' title='Ir para o final da página'><img src='http://soulouko.googlepages.com/down.png'/></a></div>
<a name='finalpg'/>


Em SEU-BLOG escreva a url do seu blog, em SEU-ID escrava a sua ID do Feedburner, em URL DA SUA COMU coloque o endereço da sua comunidade no Orkut.

24 julho 2009

Caixa de pesquisa e Feed

Adicione este widget ao seu blog, siga os passos abaixo e veja o resultado.

Obs: Eu prefiro colocar na sidebar se você tiver uma coluna larga.


1º - Entre no blogger -> Vá em Layout -> Adicione um elemento HTML/JavaScript

2º - Cole o seguinte código:

<center>
<style>
.block.rss_search .content { padding:10px 0 10px 10px; float:center;}
.rss_search_bg { background:url(http://www.arquivoblog.xpg.com.br/search.gif); width:292px; height:88px; position:relative; font-size:11px; }
.rss_search_bg .first { position:absolute; top:5px; left:50px; font-color:#333;}
.rss_search_bg .second { position:absolute; top:20px; left:50px; font-color: #333;}
.rss_search_bg .s_input { position:absolute; top:56px; left:15px; width:225px; border:none; background:none;}
.rss_search_bg .s_submit { position:absolute; top:55px; left:255px;}
.rss_search_bg .credito { position:absolute; top:80px; position: center; font-color: #333;}
</style>
<div class="rss_search_bg">
<p class="first"><a href="http://feeds.feedburner.com/SEU ID" target="_blank">Feed das atualizações</a></p>
<p class="second"><a href="http://feedburner.google.com/fb/a/mailverify?uri=SEU ID" target="_blank">Receber atualizações no e-mail</a></p>
<form action="/search" method="get">
<input class="s_input" name="q" type="text"/>
<input src="http://i286.photobucket.com/albums/ll96/themelib/maggo/search_btn.gif" class="s_submit" type="image"/>
</form>
<center><p class="credito"><a style="font-style:bold;">Widget by</a> <a href="http://ufo-nordeste.blogspot.com/">UFO Nordeste</a></p></center>
</div></center>
Em SEU ID adicione a sua ID. Exemplo: http://feeds.feedburner.com/ufo-nordeste

16 junho 2009

TOP Comentaristas

Adicione ao seu blog o widget TOP Comentaristas e veja quem mais comenta em seu blog.

1. Entre no modo Layout do seu blog e escolha um elemento HTML/JavaScript

2. Cópie o código abaixo e cole:

<style>
#topcoment li{
padding-left: 30px;
background: url(http://img440.imageshack.us/img440/4499/usersvu9.png) no-repeat top left;
border-bottom: 1px dotted #333;
}
</style>
<div id="topcoment">
<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul>');
var i;
for (i = 0; i < obj.count ; i++) { var href = "'" + obj.value.items[i].link + "'"; if(obj.value.items[i].link == "") var item ="<li>" + obj.value.items[i].title + "</li>"; else var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>"; document.write(item); } document.write('</ul>'); } </script> <script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a55cb97ebb368bb1b89b7f6bdeb35336&url=http%3A%2F%2FURL DO SEU BLOG&num=7&filter=Rosa" type="text/javascript"></script>
</div>
<span style="font-size: x-small; bloquear o Widget"><b>Widget by</b> <a href="http://ufo-nordeste.blogspot.com/">UFO Nordeste</a></span>
Troque URL DO SEU BLOG pelo endereço do seu blog.
Obs: Não retire os créditos, senão o código não funcionara.

09 maio 2009

Caixa de pesquisa

Você já sabe que todos os blogs possuem uma caixa de busca, parada na sidebar.
Pensando nisso o UFO Nordeste, criou uma caixa de busca que fica fixa na tela no canto inferior direito do browser, mesmo que você role a página, ela não sai de lá.

Clique no botão ou copie da caixa de texto e cole código em um elemento HTML/JavaScript.


Quando você clica na caixa o texto que está lá some, clique novamente e ele volta há aparecer. Se sua caixa não está funcionando, entre em contato.

 
© UFO Nordeste - Todos os direitos reservados Conecta WebDesign