2 Comentários Autor : Notícia e blog 29 novembro 2009

Hoje em dia a maioria das funções do blog/site é baseada em Feed uns exemplos são exibir as ultimas postagens, os últimos comentários, os últimos links, entre outras coisas. Para mudar um pouco o jeito padrão de exibir que é uma lista feita com as tags ("<ul>" e "<li>") é legal colocar animado sendo está animação feita em JavaScript vamos ver abaixo como fazer com que o Feed/RSS fique animado:

1.Acesse o site RSS Pump em seu navegador.
2.Digite a url do Feed do seu blog ou site e clique em add como na imagem abaixo:

Clique para ampliar
3. Em "2. Set Options & Layout" você pode alterar a cor do fundo e da fonte blog como for do seu gosto.
4.Copie o código gerado pelo site, veja a imagem abaixo:

                                                      Clique para ampliar
5.Após ter copiado o código gerado pelo site utilize no seu site ou blog se seu blog for da plataforma Blogger basta acessar o seu painel em blogger.com->"Layout"->"Elementos da página"->"Adicionar um Gadget"->"HTML/JavaScript" insira o código e salve.
6.Veja abaixo como ficará seu Gadget depois de pronto:
<div style="background-color: none transparent;"><a href="http://www.rsspump.com/?Rss_widget" title="rss widget">Rss widget</a></div>

6 Comentários Autor : Notícia e blog 26 novembro 2009

Para uma postagem ser difundida é necessário que ela seja divulgada em todas ou na maior parte das redes sociais. Para que seu leitor te ajude nisso você deve colocar ícones das redes sociais mais conhecidas ou dos chamados Bookmarks no rodapé da postagem isso faz com que você ganha muitas visitas em pouco tempo pois se você apenas publicar uma postagem, como alguém saberá que publicou? Por isso é importante a divulgação para inserir no seu blog veja o tutorial abaixo:

1.Acesse o painel do Blogger (blogger.com)
2.Vá em "Layout"->"Editar HTML"->Marque a caixa "Expandir Modelos de Widgets"
3.Utilize as teclas Ctrl e F para procurar o seguinte código:
<div class='post-footer-line post-footer-line-3'/>
Se não encontrar pesquise por:
<div class='post-footer-line post-footer-line-1'/>
4.Adicione o código seguinte abaixo do código anterior:


<span class='bookmark'>
<table align='left' border='0' cellpadding='0' width='100%'>
<tr>
<td style='vertical-align:middle' valign='middle' width='10%'>
<div expr:id='&quot;sbtxt&quot;+data:post.id'>Compartilhe este post:</div><script type='text/javascript'>showsbtext(&quot;sbtxt&quot; + &quot;<data:post.id/>&quot;,0)</script>
</td>
<td>
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,20);&quot;' rel='nofollow' target='_blank'><img alt='StumpleUpon' src='http://files.bloggerplugins.org/icon_sb_stumb.gif'/></a>
<a expr:href='&quot;http://ma.gnolia.com/bookmarklet/add?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,6);&quot;' rel='nofollow' target='_blank'><img alt='Ma.gnolia' border='0' src='http://home.kpn.nl/oosti468/images/icon_sb_mag.gif'/></a>
<a expr:href='&quot;http://digg.com/submit?phase=3&amp;url=&quot; + data:post.url' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,1);&quot;' rel='nofollow' target='_blank'><img alt='DiggIt!' src='http://home.kpn.nl/oosti468/images/icon_sb_dig.gif'/></a> <a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,2);&quot;' rel='nofollow' target='_blank'><img alt='Del.icio.us' src='http://home.kpn.nl/oosti468/images/icon_sb_del.gif'/></a> <a expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=&quot; + data:post.url + &quot;&amp;Title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,3);&quot;' rel='nofollow' target='_blank'><img alt='Blinklist' src='http://home.kpn.nl/oosti468/images/icon_sb_bli.gif'/></a> <a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url + &quot;&amp;=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,4);&quot;' rel='nofollow' target='_blank'><img alt='Yahoo' src='http://home.kpn.nl/oosti468/images/icon_sb_yah.gif'/></a> <a expr:href='&quot;http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,8);&quot;' rel='nofollow' target='_blank'><img alt='Furl' src='http://home.kpn.nl/oosti468/images/icon_sb_fur.gif'/></a> <a expr:href='&quot;http://www.technorati.com/cosmos/search.html?url=&quot; + data:post.url' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,9);&quot;' rel='nofollow' target='_blank'><img alt='Technorati' src='http://home.kpn.nl/oosti468/images/icon_sb_tec.gif'/></a> <a expr:href='&quot;http://www.simpy.com/simpy/LinkAdd.do?href=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,10);&quot;' rel='nofollow' target='_blank'><img alt='Simpy' src='http://home.kpn.nl/oosti468/images/icon_sb_sim.gif'/></a> <a expr:href='&quot;http://www.spurl.net/spurl.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; +  data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,11);&quot;' rel='nofollow' target='_blank'><img alt='Spurl' src='http://home.kpn.nl/oosti468/images/icon_sb_spu.gif'/></a> <a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,17);&quot;' rel='nofollow' target='_blank'><img alt='Reddit' src='http://home.kpn.nl/oosti468/images/icon_sb_red.gif'/></a> <a expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot; + data:post.url +  &quot;&amp;title=&quot;+data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,19);&quot;' rel='nofollow' target='_blank'><img alt='Google' src='http://home.kpn.nl/oosti468/images/icon_sb_goo.gif'/></a>
</td>
</tr>
</table>
</span>  

5.Agora procure pelo código seguinte:
]]></b:skin>
6.Antes do código acima adicione o seguinte:
.bookmark{
padding:0px;
margin-top:15px;
background:#ddd;
}
.bookmark a:hover {
position: relative;
top: 1px;
left: 1px;
}
.bookmark img { border: 0;
padding:0px;
margin-top:15px;
}

7.Salve as alterações e visualize.
O resultado final será parecido com este da imagem abaixo:



Referência: Template99


A grande maioria das plataformas de blogs não oferecem uma hospedagem que aceite o formato .js "JavaScript". Os scripts são importantes pois a maioria das funções de que um blog necessita são realizadas rapidamente com eles, o único inconveniente é ter de hospedar em um outro site que não seja o nosso blog, isto é muito ruim pois estamos dependendo dos outros ou melhor colocando o nosso blog nas mão de um serviço que pode sair fora do "ar" a qualquer momento.

Este site que encontrei hospeda os Java Scripts de maneira rápida necessitando apenas selecionar o local e digitar o e-mail. Veja como hospedar:

1.Acesse o site ( www.yourjavascript.com )
2.Selecione o local em que encontra-se o script no seu computador:

3.Preencha seu e-mail e clique em "upload" :

4.A URL do Java Script será enviada para seu e-mail verifique a caixa de entrada ou a caixa de lixo eletrônico "Spam" alguns e-mails costumam envia-lo para lá. Você receberá um link como esse "http://www.yourjavascript.com/111761291501/blogtocmin1.js" no seu e-mail este é o link do Script. Agora é só inseri-lo no local que precisar.

Leia mais...


A promoção foi um sucesso tivemos mais de 90 participantes, mas uma das exigências da promoção não foram cumpridas que era divulgar o Notícia e blog em outros blogs, site, comunidades. Já que ocorreu isto então resolvi colocar todos os e-mails que comentaram pedindo convites nas postagens,  e no formulários da promoção. Fiz o que eu não queria "um sorteio" o resultado está ai em baixo, se seu e-mail está ai e você ainda não recebeu seu convite aguarde, hoje ainda você receberá. Então vamos ao resultado:


1º Sorteado: gigi_gatinha11@yahoo.com.br
2º Sorteado: GreiceSmith@Hotmail.Com
3º Sorteado: pedrohsevero@ig.com.br


Foram sorteados 3 três e-mails os dois primeiros receberam um convite para o Google Wave e um para o Novo Orkut. Atenção entre em  contato com meu e-mail "fernandopasse@hotmail.com" se você ganhou em 1º ou 2º lugar pois o Google Wave tem algumas exigências para você receber o convite. Se ganhou em terceiro receberá normalmente um convite para o Novo Orkut.


Este foi o primeiro sorteio mas em breve teremos outros obrigado a você que participou e apoio o meu blog.
Atualização: Tive que mudar os sorteados pois alguns que foram sorteados eram spam


Imagem: CCNA
Para realizar o sorteio utilizei o random.org
Leia mais...

15 Comentários Autor : Notícia e blog 22 novembro 2009

Fundo do seu blog a parte mais visível


Está é uma dica muito interessante para você que gosta de ter um blog bem atualizado, pois o fundo será sempre um diferente a cada visita do leitor dando uma impressão de que o blog muda o fundo várias vezes. Para fazer isso é necessário utilizar um pequeno JavaScript que muda os fundos do blog a cada atualização da página, veja como você pode ter está façanha no seu blog :

Hospede as imagens

Antes de começar você deve ter as imagens de fundo que deseja colocar, você pode ver algumas imagens aqui do blog. Depois de escolher as imagens e salva-las no seu computador é necessário hospeda-las em um servidor se não souber onde hospedar veja o  escolha a melhor opção e hospede.

Instalando o script no blog

Depois já ter hospedado e já estar com as urls das imagens você deve inseri-las ao script, veja abaixo:
1.Acesse o painel do Blogger "blogger.com"
2.Vá para "Layout"->"Elementos da página"->"Adicionar um Gadget"->"HTML/JavaScript"
3.Insira o código abaixo adaptando de acordo com a nota:
<script type="text/javascript">
var banner= new Array()
banner[0]="Image01URL"
banner[1]="Image02URL"
banner[2]="Image03URL"
banner[3]="Image04URL"
banner[4]="Image05URL"
banner[5]="Image06URL"
banner[6]="Image07URL"
banner[7]="Image08URL"
banner[8]="Image09URL"
banner[9]="Image10URL"
var random=Math.floor(10*Math.random());
document.write("<style>");
document.write("body {");
document.write(' background:url("' + banner[random] + '") repeat center center;');
document.write(" }");
document.write("</style>");
</script>

Nota: A parte em azul deve ser substituída pela url da imagem que você hospedou, substitua cada parte por uma url diferente. Em vermelho você deve alterar de acordo com o número de banner que foi adicionado ao script.
4.Salve as alterações e visualize.

Referência:Tips for New Blogger
imagem:Baixaki

8 Comentários Autor : Notícia e blog 20 novembro 2009

O Blogger como qualquer outra plataforma, está sujeito a alguns defeitos, entre eles é não exibir a data em mais de uma postagens do mesmo dia. O que faz de um Layout que foi baseado na data ou mesmo foi estipulado um CSS para ajuste, uma cor, um fundo, pode ficar muito feio ou até mesmo defeituoso se a data não aparecer em todos os posts. Uma correção pode ser feita no HTML para corrigir este defeito é muito fácil veja abaixo como alterar:

1.Acesse o painel do Blogger
2.Vá em "Layout"->"Editar HTML"->marque a caixa "Expandir Modelos de Widgets"
3.Procure pelo código abaixo no seu template Utilize as teclas Ctrl e F para procurar:
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

4.Substitua o código anterior pelo seguinte:
<b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = &#39;<data:post.dateHeader/>&#39;;</script>
<h2 class='date-header'><data:post.dateHeader/></h2>
<b:else/>
<h2 class='date-header'>
<script>document.write(ultimaFecha);</script>
</h2>
</b:if>

5.Salve as alterações e visualize.

Referência:Anshuldudeja

17 Comentários Autor : Notícia e blog 19 novembro 2009

Meta Tags são trechos de palavras que indicam aos buscadores as palavras-chave "As palavras da busca", para que seu conteúdo possa ser indexado rapidamente é importantíssimo que seu HTML seja otimizado para isto, pois quanto mais os buscadores indexarem seu conteúdo mais visitas seu blog vai ter, pois vai aparecer em mais pesquisas "Google,Yahoo,Bing" entre outros. Abaixo outras definições de meta tags:
"Meta tags são linhas de código HTML, ou "etiquetas", que, entre outras coisas, descrevem o conteúdo do seu site para os buscadores. É nelas que você vai inserir as palavras chaves que facilitarão a vida do usuário na hora de te encontrar. Através delas você pode também "assinar" seu site, declarando sua autoria sobre o código fonte." Info Wester

Otimizando as Meta Tags do Blogger

1.Acesse o painel do Blogger(blogger.com)
2.Vá em "Layout"->"Editar HTML"
3.Procure agora pelo código abaixo Utilize Ctrl e F para buscar:
<b:skin><![CDATA[
4.Antes do código acima adicione o seguinte:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName + data:blog.title + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + data:blog.title + data:blog.pageName' name='Keywords'/>
</b:if>

5.Salve as alterações e visualize.
6.Agora toda vez que criar uma postagem ele já vai ter meta tags automaticamente.



Referência: Blogger Stop
Imagem: kpmrs

2 Comentários Autor : Notícia e blog 18 novembro 2009

O Notícia e blog recentemente criou uma postagem referente ao  e ao Google Wave, estas postagens tiveram grandes visitas de pessoas que como você estão interessada em um convite, pois bem criei hoje está promoção que dará convites para os 1º,2º,3º lugar.

Para participar é muito simples você deve Criar uma postagem que fale do Notícia e blog, se não tem blog crie uma comunidade "Mas que tenha um link para o Notícia e blog". Você pode usar o banner acima.

Regulamento:

  1. Não serão aceitos postagens que sejam vinculadas de blogs que contenham conteúdo pornográfico ou que sejam de download de programas piratas.
  2. O primeiro e segundo lugar ganhará um convite para o Novo Orkut e um para o Google Wave
  3. O terceiro ganhará um para o Novo Orkut.

Data:
Os ganhadores serão divulgados no dia 23/11/2009 - As 13:30, próxima segunda-feira.

Dados necessários para participar:
E-mail do Orkut, Nome Completo, Endereço da Comunidade ou da postagem feita por você que esteja falando ou citando o Notícia e blog.

Como serão escolhidos:
Não será um sorteio será escolhido, por mim (Fernando Ferreira Passe) as que melhor representaram o Notícia e blog.

Pronto quero participar!
Participar agora 
("Preencha o formulário")

Agradeço ao apoio de Thy Quevedo, aproveite e visite o blog dele.

4 Comentários Autor : Notícia e blog 17 novembro 2009


Hoje vou dar mais uma dica para deixar o formulário do blogger, "Que não é um dos melhores", mais ajustado ao seu template. Já falei outras dicas para ajuste da área de comentários como:
E outros mais que, essas dicas ajudaram a deixar seu template mais adaptado ao formulário, pois ele passou por ajustes ao longo do tempo e podem ocorrer no seu blog algumas alterações indesejaveis. Hoje vou ensinar a ajustar a largura e altura do formulário de comentários do Blogger para isto veja abaixo as alterações que devem ser feitas:
1.Acesse o painel do Blogger(blogger.com)
2.Vá para "Layout"->"Editar HTML"->marque "Expandir Modelos de Widgets"
3.Procure pelo código abaixo "Utilize as teclas Ctrl e F:
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src=''width='520'/>
Nota para alterações: height, reference a altura do formulário. Width reference a largura do formulário. Atenção não é necessário adicionar extensões como "px" para pixel, o formulário já entende que o valor que será colocado é em pixel. Então é só fazer as alterações nos números que estão ao lado de width e height e ir alterando até que fique ajustado.
Se não encontrar o código do formulário procure apenas pelo início pois assim encontrará mais rápido.


Olá galera!

O código é simples, creio que não precise explicar, mas se alguém tiver alguma dúvida, deixe um comentário.
Bem, vamos lá.
1. Crie um button, e instancie-o como “meubotao”. (sem as aspas);
2. Insira o código abaixo, no primeiro frame da timeline. (no mesmo mc do button);

meubotao.addEventListener(MouseEvent.CLICK, botaoclick);
function botaoclick(e:MouseEvent):void {
navigateToURL(new URLRequest("http://www.noticiaeblog.com/"));
}


OBS: Percebi que em alguns computadores, as aspas ao colar no flash, não são reconhecidas, então, apague e coloque as aspas novamente no código.

5 Comentários Autor : Notícia e blog 15 novembro 2009


Nos blogs ou até mesmo nos sites tem sempre um artigo e outro que se destaca mais. Com este widget você pode exibir estes mais populares no seu  Blogger, ele se baseia nos mais comentados por isso pode acontecer de aparecer posts mais antigos como populares mais na verdade foi porque ele tem mais comentários. Veja abaixo como ter seu Widget:

1.Acesse o painel do Blogger
2.Vá em "Layout"->"Elementos da página"->"Adicionar um Gadget"->"HTML/JavaScript
3.Como conteúdo do Gadget insira o seguinte código:
<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=ML4p0UfW3RGgS7iN1JzWFw&url=http%3A%2F%2FEndereço_do_seu_site_blog_sem_http://&num=10" type="text/javascript"></script>
<span style="font-size: 80%">Widget por<a href="http://www.bloggerstop.net">Blogger Widgets </a></span>

Nota: O número em azul reference a quantidade de posts que será exibida pelo Gadget. Em verde você deve substituir pelo seu endereço sem "http://". Ex: www.noticiaeblog.com ou noticiaeblog.blogspot.com.
4.Salve e visualize.

Referência:Blogger Widgets

(Clique para ampliar a imagem)

O Google Wave sendo um serviço do Google a pesquisa tem que ser uma das melhores partes do aplicativo, como toda busca, também possui códigos para busca avançada. Estes códigos garantem acesso direto ao que se procura sem precisar utilizar de links ou de imagens que contém o que desejamos encontrar, os códigos abaixo foram divididos em categorias de serviço:

Palavras-chave

about:[chave] - encontra waves que contenham a [chave]
title:[chave] - encontra waves que contenham [chave] no título.
caption:[chave] - acha as waves que têm um anexo onde a [chave] ocorre na legenda.

Status

is:read - lê e encontra todas as waves.
is:unread - encontra todas as waves não lidas.
is:mute - encontra todas as waves paradas.
is:unmute - encontra todas as waves que não foram silenciadas
is:note - encontra todas as waves que o têm como o único participante e contribuinte

Participantes

from:[address] - encontra as waves do participante identificado pelo [endereço]. Para pesquisar por si mesmo, você pode usar: from:me
to:[endereço] - encontrar as waves que têm como participantes [endereço] e você
with:[endereço] - encontrar as waves que o participante identificado pelo [endereço] dado explicitamente listado.
owner:[endereço] - encontra as waves criadas por [endereço]
only:[endereço] - encontra wave para os quais é apenas o participante especificado pelo [endereço] dado contribuiu com a wave.

Pastas

in:[nome da pasta] - encontra waves no [nome da pasta]. Por exemplo, in:inbox.
in:[nome da pesquisa] - encontra as waves na pesquisa salva com o nome de determinada pesquisa.
is:unfilled - encontra as waves que não tenham sido movidos para uma pasta de usuário.
is:filed - encontra as waves que pertencem a alguma pasta do usuário.

Anexos

has:attachment - encontra waves com um anexo.
has:document - encontra as waves com um anexo que é um documento. (em breve será colocado está função)
has:image - encontra waves com uma anexos que é uma imagem. (em breve)
caption:[chave] - encontra waves com um anexo com legenda que contenham a [chave].
filename:[chave] - encontra waves com um anexo com nome de arquivo que contenham a [chave]. (em breve)
mimetype:[chave] - encontra waves com um anexo com mimetype que contenham a [chave]. (em breve)

Tags

tag:[nome da tag] - encontra as waves com a tag [nome da tag].

Gadgets

tem:gadget - acha as waves que têm um gadget.
gadget:[chave] - encontra waves que contenham um gadget com o nome [chave].
gadgeturl:[chave] - encontra waves que contenham um gadget com URLs contendo a [chave].
gadgettitle:[chave] - encontra waves que contenham um gadget com um título que contenham a [chave].

Frases

"[vários termos]" - Inicia waves com um ou mais termos na seqüência.

XML Search

tags:subtag - encontre todas as waves que têm esta combinação.
tag: [tag] - encontre todas as waves que têm esta [tag].

Wave ID

id: "[id]" - encontrar uma wave específica com o [id].
Nota: "[" e "]" são variáveis e devem ser substituídos por valores reais. O "[" e "]" deve ser excluído depois de introduzir o valor (de modo a encontrar uma tag, o formato é tag:[tag] para a pesquisa. Digamos que seja "convida", você escreveria tag:convida).

Referências:Mundo Geek/Web Upd8/ChurchTechMatters
Leia mais...

A tag textarea é muito útil quando queremos publicar algum código ou alguma parte do texto em que o usuário deve copiar, também é bom quando temos uma parte demasiada como longa, mas que queremos colocar no texto.Veja abaixo um exemplo de textarea:

Se quisermos amplia-la, podemos controlar na propriedades de "rows" e "cols" aumentado assim a largura e altura da caixa de texto, basta alterar os número das propriedades, ocódigo para publicar uma textarea está abaixo:
<textarea rows="2" cols="14">
Aqui vai o texto que deve ser exibido na textarea
</textarea>

Deve ficar como está abaixo:

Você pode inserir a caixa de texto em uma postagem ou mesmo em um Gadget. Você já viu que no canto da caixa à uns risco clique neles e arraste a caixa aumenta.

imagem por: Geração beta
Leia mais...
Primeiramente gostaria de agradecer ao convite para postar aqui no "Notícia e blog", meu nome é Luiz Otávio e escrevo para o blog "Todo Espaço Online" que é voltado para tecnologia, mas isso é outro assunto, hoje eu vou publicar uma notícia "que acaba de sair do forno" sobre um dos maiores sites de compartilhamento de vídeo do mundo, o Youtube.

Nos últimos anos, câmeras que tem a capacidade de gravar vídeos em 1080p FullHD, vem tomando seu espaço no mercado e quem tem uma câmera com esta qualidade, poderá desfrutar (na próxima semana) do recurso de envio de vídeo sem perda de qualidade para o Youtube (é claro que o vídeo tem que ser 1080p)


O vídeo acima, foi apenas um teste, a qualidade está ótima, mas na minha opinião, vai ser meio complicado enviar vídeos 1080p para o Youtube, já que eles costumam gerar um arquivo enorme.
Só para efeito de comparação eu com a minha internet (que não é das melhores), demoro mais ou menos 1 hora para enviar um vídeo de 100MB para o Youtube (isso vária de acordo com a boa vontade do meu provedor), imagine enviar um vídeo de 1GB? Com a minha internet é impossível fazer isto (Acredito que com a sua também será meio difícil).

Atualmente o Youtube aceita as opções de envio de vídeo abaixo:
  • Formato de vídeo: preferencialmente H.264, MPEG-2 ou MPEG-4
  • Proporção: proporção nativa sem letterboxing (exemplos: 4:3, 16:9)
  • Resolução: recomenda-se 640x360 (16:9) ou 480x360 (4:3)
  • Formato de áudio: preferencialmente MP3 ou AAC
  • Frames por segundo: 30
  • Duração máxima: 10 minutos (recomenda 2 a 3 minutos)
  • Tamanho máximo do arquivo: 1 GB
Isso é muita coisa, creio que vai demorar para eu explorar todas as opções de envio citadas acima, e você? Deixe sua opinião.
Leia mais...

3 Comentários Autor : Thy Quevedo 12 novembro 2009



Com essa action, ele mostra uma mensagem (“Bom dia”, “Boa tarde”…) e tem um relógio digital junto.
Vamos lá:
1. Crie 4 “dynamic text” e nomei-as de: mensagemmc_horasmc_minutosmc_segundos
2. Cole na timeline o código a seguir.
OBS: 
Você tem que deixar um frame em branco, para o relógio poder atualizar.



//Mostra uma mensagem conforme a hora
var mDate:Date = new Date();
var horas:Number = mDate.getHours();
// MENSAGEM CONFORME HORA!
if(horas > 00 && horas < 07) { //PODE USAR OUTRO COMANDO AQUI mensagem.text = "Boa Madrugada!" } if(horas >= 07 || horas <= 12) { //PODE USAR OUTRO COMANDO AQUI mensagem.text = "Bom Dia!" } if(horas >= 13 || horas <= 18) { //PODE USAR OUTRO COMANDO AQUI mensagem.text = "Boa Tarde!" } if(horas >= 18 || horas <= 00) { //PODE USAR OUTRO COMANDO AQUI mensagem.text = "Boa Noite!" } // RELÓGIO var horas:Number = mDate.getHours(); var minutos:Number = mDate.getMinutes(); var segundos:Number = mDate.getSeconds(); mc_horas.text = horas; mc_minutos.text = minutos; mc_segundos.text = segundos;


DOWNLOAD.FLA



Olá pessoal, meu nome é Thiago Quevedo e a partir de hoje estarei contribuindo com o blog "Notícia e blog", mais na área de Novas Tecnologias e Programação para Web, eventualmente irei postar em outros assunto.
Bem vamos ao que interessa:
O Flash, para quem não conhece, é um programa da Adobe, usada para desenvolver animações, multimidia ou aplicações.
ActionScript é uma linguagem de programação orientada à objetos baseada em ECMAScript, utilizada principalmente em aplicações RIA (Rich Internet Applications).
Abaixo o código do botão,Crie um Button, e instancie-o como “botao”:
meubotao.addEventListener(MouseEvent.CLICK, botaoclick); function botaoclick(e:MouseEvent):void { navigateToURL(new URLRequest("mailto:noticiaeblog@noticiaeblog.com")); }

Nota: Em amarelo mude para o e-mail desejado.
Leia mais...
Primeiramente gostaria de dizer que fiquei muito feliz com o convite aqui do Notícia e Blog para escrever para seus leitores, isto significa muito pois reconhece o trabalho que venho fazendo com o Como Fazer Web e com o Link Irado.
De vez em quando trarei dicas para uma melhor blogagem, tentando sempre contribuir com os excelentes conteúdos já presentes aqui no blog, valeu mesmo, e vamos abrir os trabalhos!

Hoje na web, blogueiros em geral buscam escrever sobre assuntos que os tornem mais populares, o difícil é escolher um assunto que realmente vai gerar tráfego e comentários, para se conseguir isto existe alguns pequenos truques que funcionam em todos os tipos de blogs, mesmo que seu assunto seja celebridades, ou quem sabe música, ou mesmo blogosfera.

O importante é saber que conteúdo viral, é aquele que se espalha pela web como um vírus(isto é óbvio, eu sei!), para espalhar este vírus você tem de ter algo que todo mundo quer, vamos aos fatos!


Acompanhe blogs e sites relativos ao assunto que aborda, ultrapasse barreiras, sites gringos são muito importantes, nem tudo acontece no seu quintal, hoje com o tradutor do Google por exemplo, o mundo todo está na sua mão, eu por exemplo, falo de dicas para blogar, mas acompanho blogs dos Estados Unidos, Alemanha, Portugal, e outros países da Europa.

Vou citar o exemplo aqui do Notícia e Blog, que recentemente, foi rápido e eficaz no artigo , neste caso que rendeu mais de 60 comentários, isto ocorreu, por que o blog saiu na frente com está novidade do Google, e claro, o título bem elaborado e com boa malícia também contribui.

Além de buscar novidades, é importante correr atrás daquilo que ainda não se encontra na web, por exemplo, você pode estar buscando algo que seria importante para você, e não acha, tente ao máximo cumprir esta tarefa e passe aos seus leitores, pode render muitas visitas, vez que outra, coisas simples podem se tornar virais, pelo simples fato de que alguém esqueceu de escrever sobre tal assunto, um exemplo disto foi quando procurava um pop-up para o Como Fazer Web que funcionasse no blogger de maneira parecida com aqueles que vemos em blogs hospedados no Wordpress, sabe, aquele para assinar o feed via email, não achei, então quebrei a cabeça, montando aqui e ali, e consegui montar um código, e fiz um artigo chamado Pop-Up assinar feed via email no Blogger, é claro que resultou em um monte de visitas e comentários, pois era novidade.

Fica o conselho, corra atrás da notícia, não espere ela chegar, e se não achar, crie algo que ninguém criou ainda, pode ser mais fácil do que pensa!
Imagem de: Argonne National Laboratory



Saber quantos usuários é importante pois assim temos como saber se nosso blog ou site está crescendo, e assim melhora-lo mais, veja abaixo como ter o seu Gadget:

1.Acesse o site http://whos.amung.us/ copie o código no site, que está em uma caixa como está da imagem abaixo:

(Clique para ampliar)

2.Acesse o painel do Blogger
3.Vá em "Layout"->"Elementos da página"->"HTML/JavaScript"
4.Insira o código obtido no site "Passo1" e salve.
Agora seu site/blog tem um contador profissional, que além de dar o número de visitantes online ainda mostra em quais páginas eles estão visitando.Uma dica se não gostou da cor do contador é fácil o site disponibiliza outras cores, é só visitar http://whos.amung.us/colorwheel/ e obter.
Leia mais...

14 Comentários Autor : Notícia e blog 08 novembro 2009
Este hack "modificação" faz com que os números de comentários de cada postagem sejam exibidos em um balão ao lado do título da postagem,veja na imagem abaixo um exemplo de como ficará no seu template do Blogger:

Instalação
1.Faça login no painel do Blogger
2.Acesse "Layout"->"Editar HTML"->Marque "Expandir Modelos de Widgets"
3.Procure pelo código abaixo "Utilize Ctrl e F":
]]></b:skin>
Antes do código acima adicione o seguinte:
.comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(http://imgur.com/o2jeb.png) no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
position:absolute;
}

4.Procure pelo código seguinte:
<h3 class='post-title entry-title'>
Abaixo do código acima adicione o seguinte:
<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a> </b:if>

5.Salve as alterações e visualize


Referência:Anshuldudeja



O Facebook é uma rede social mundialmente conhecida, aqui no brasil tem poucos adeptos mas em outros países mais da metade dos internaltos usa o Facebook. O Facebook tem funcionalidades que Orkut não tem, algumas coisas o Google copiou do Facebook e colocou no Orkut. Por ser muito conhecido,pode ser um ótimo meio de divulgar suas postagens, adicione um botão que envia as postagens para o Facebook, ele é semelhante ao que envia para o Twitter veja como colocar no seu blog:

Instalação
1.Faça login no painel do Blogger
2.Acesse "Layout"->"Editar HTML"->Marque a caixa "Expandir Modelos de Widgets"
3.Procure pelo código seguinte "Utilize Ctrl e F para buscar":
<div class='post-header-line-1'/>Após esse código insira o código do botão desejado
4.Se não encontrou o código procure pelo seguinte:
<data:post.body/>Insira o código do botão desejado antes do código acima.

Escolha o Modelo do botão
1.Botão em forma de balão:

Para usar este botão o código inserido deve ser este abaixo, lembre-se de observar o começo deste tutorial para que a colocação tenha sucesso.
<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

2.Botão horizontal:

Para usar este botão o código deve ser este abaixo:<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

3.Para que o botão fique a esquerda do conteúdo do blog mude a parte float:right por float:left no código do botão.


Referência:Blogger Plugins

Leia mais...



O Google Wave é uma plataforma que foi feita para unir todos os meios de comunicação pela internet em apenas um lugar, facilitando o usuário da web não ter que ficar acessando vários serviços ao mesmo tempo pois ele une E-mail, Instant Messaging "O mesmo que o MSN", Social Networking "O mesmo que o Orkut". Tudo isso online sem precisar instalar nada no Computador (PC) rodando apenas na "nuvem".Uma total integração dos meios de comunicação com a internet.

Pensando nisso tudo os principais blogueiros resolveram lançar o
Guia Google Wave, um projeto de Sérgio Estrella, dono do blog iceBreaker, Marcos Lemos, dono do blog Ferramentas Blog, Caio Lausi, dono do blog Blog do Lausi. O Guia Google Wave da muitas dicas sobre este novo serviço, tutoriais, informações, e tudo para você entrar nessa nova Onda que é Wave em inglês. O blog tem um Layout que se assemelha muito ao serviço, pratico, rápido e fácil. Visite agora está novidade.
Leia mais...

O Twitter é um meio de comunicação fácil entre o blogueiro e o leitor, e também é um dos meios de comunicação mais conhecidos aqui no Brasil pois cerca de 91% da população conhece ou tem um Twitter. Para divulgar no seu blog tem uma forma simples nesse site você encontra 31 Buttons "Pequenos ícones" com o logotipo do Twitter muito bom para divulgação do seu, veja abaixo alguns exemplos:
twittertwittertwittertwittertwitter

Para utilizar é simples basta transformar a imagem em um link dessa forma abaixo:
<a href='http://twitter.com/Seu-Twitter' title='siga-me no twitter'><img src='http://imgur.com/2pZn2.png'/></a>
Nota: Onde está seu Twitter adicione o seu nome de usuário.Em vermelho é url da imagem desejada.



O Feed é a forma mais fácil de obter notícias na internet pois as vezes o site é um pouco pesado e a conexão um pouco lenta, o que torna o Feed obrigatório  para quem não quer perder leitores. Veja um exemplo, o Notícia e blog publica dicas para blogs e também notícias de tecnologia, o leitor não tem um blogger mais gosta de tecnologia, então ele assina o Feed do marcador tecnologia, permitindo a ele não ter que ler um assunto que não tem interesse. Este hack faz com que cada marcador tenha um Feed distinto do principal, veja abaixo como seu blog pode ter essa facilidade:

Instalando o Hack
Primeiramente é necessário ter um Gadget Marcador se já tiver anote o nome dele, ex: Categoria. Se não tiver acesse "Layout"->"Elementos da página"->"Adicionar um Gadget"->"Marcador
1.Faça login no Blogger "www.blogger.com"
2.Acesse "Layout"->"Editar HTML" marque a caixa "Expandir Modelos de Widgets"
3.Procure pelo nome dado ao Gadget Marcador "Utilize as teclas CTRL e F para achar mais rápido".Ex: Categorias. Agora um pouco abaixo do nome encontrado procure pela seguinte linha:
<span dir='ltr'>(<data:label.count/>)</span>
4.Substitua a linha acima pelo código abaixo:
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default/-/&quot; + data:label.name'><img src='http://imgur.com/ujeLy.png' style='vertical-align: middle;'/></a>
Nota: Em azul, é a imagem que aparecerá ao lado de cada marcador a que está em azul é está (),veja abaixo algumas outras opições que podem ser utilizadas:

Para usar está substitua o endereço em azul por este http://imgur.com/6yK4b.gif

Para usar essa substitua por este http://imgur.com/xGnF1.png

Para usar este utilize este http://imgur.com/tWkLz.png


5.Salve as alterações e vizualize
Pronto :-) você instalou com sucesso? Fale nos comentários.
Referência: Trucos Blogger
Leia mais...

72 Comentários Autor : Notícia e blog 02 novembro 2009



Uma forma fácil de deixar seus Gadgets organizados é colocar um menu em abas, que além do mais diminui um pouco o espaço da sidebar, e deixa seu blog com uma cara mais profissional.Tem blogs que são cheios de Gadget, é previsão do tempo,músicas,rádios,banners e outros, para organiza-los o menu é muito útil.veja abaixo como fazer no seu blog:


1. Acesse seu painel do Blogger
2. Vá em "Layout"->"Editar HTML"
Faça um backup antes de começar, se não tiver muita experiência tente em um blog de testes.
3. Procure pelo código abaixo "Ctrl e F":
</head>
Antes do código acima, adicione o código seguinte:
<!-- JavaScript Menu em Abas -->
<script src='http://noticiaeblog.googlecode.com/files/abas.js' type='text/javascript'/>

4. Agora vamos adicionar CSS, procure código seguinte:
]]></b:skin>
Antes do código acima adicione o código abaixo:
/*--------Tabber ---------------------------------*/
#tabsidebar-wrapper{width:
400px;float: right;border: 1px none #CCC;margin-bottom: 15px;}
.tabberlive .tabbertabhide {display:none;}
.tabber {display:none;}
.tabberlive {margin-top:1em;}
.tabber h2 {border-bottom:2px solid #5B0;margin-bottom: .3em;padding: 0;line-height:1.2em;}
.tabber .widget {margin-bottom: 1em;}
.tabber .widget-content {margin: 0 5px;}
ul.tabbernav{margin:0;padding: 8px 0;border-bottom: 1px solid #CCC;}
ul.tabbernav li{list-style: none;margin: 0;display: inline;}
ul.tabbernav li a{padding: 8px 0.5em;margin-right:2px;border: 1px solid #CCC;border-bottom: none;background: #EEE;text-decoration: none;}
ul.tabbernav li a:link { color:#369;}
ul.tabbernav li a:visited { color: #369;}
ul.tabbernav li a:hover{color:#00F; background: #CCC; border-color: #CCC;}
ul.tabbernav li.tabberactive a{background-color: #FFF;color: #369;border-bottom: 1px solid #FFF;}
ul.tabbernav li.tabberactive a:hover{color: #369;background: #FFF;border-bottom: 1px solid #FFF;}
.tabberlive .tabbertab {background: #FFF;padding:5px;border:1px solid #CCC;border-top:0;}
.tabberlive .tabbertab h2 {display:none;}
.tabberlive .tabbertab h3 {display:none;}

O número em vermelho refere-se a largura do menu, ajuste essa largura de acordo com se Layout.
5. Agora vamos adicionar o menu a sidebar, procure pelo código abaixo:
<div id='sidebar-wrapper'>
6. Antes do código acima adicione o seguinte código:
<div id='tabsidebar-wrapper'>
<div class='tabber' id='tab1'>
<div class='tabbertab'>
<b:section class='sidebar' id='tabbertab1' maxwidgets='1' showaddelement='yes'/>
</div>
<div class='tabbertab'>
<b:section class='sidebar' id='tabbertab2' maxwidgets='1' showaddelement='yes'/>
</div>
<div class='tabbertab'>
<b:section class='sidebar' id='tabbertab3' maxwidgets='1' showaddelement='yes'/>
</div>
</div></div><!-- Fim da tabsidebar-wrapper-->

7.Salve as alterações e vá para "Layout"->"Elemento da página"

Você deverá ver um menu como esse da imagem


Adicione os Gadgets desejados e veja o resultado :-)