Tecnoturbo

Como colocar páginas numeradas no Blogger

2010-10-24T06:27:00.001-07:00

Este hack da uma aparência mais de site ao seu Blog pois permite navegar por páginas e não por simples postagens, o que é um efeito muito bom que garante uma boa navegação sem ter que ficar procurando por categorias que nem sempre são fáceis de achar uma que tem o que queremos.Para inserir este hack é fácil mais lembre se de baixar o modelo completo.Veja como aplica-lo:

1.Faça login no Blogger

2.Vá para Layout->Editar HTML
E utilizando as teclas Ctrl e F procure pelo código abaixo:
]]</b:skin>
Agora antes dele insira o código abaixo:

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}

3.Agora procure pelo código abaixo:

<b:section class='main' id='main' showaddelement='yes'> <b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/> </b:section>

Agora abaixo deste código insira o código abaixo personalizando de acordo com a nota :

&lt;script type=&#039;text/javascript&#039;&gt; var home_page_url = location.href; var pageCount=10; var displayPageNum=6; var upPageWord =&#039;Previous&#039;; var downPageWord =&#039;Next&#039;; function showpageCount(json) { var thisUrl = home_page_url; var htmlMap = new Array(); var thisNum = 1; var postNum=1; var itemCount = 0; var fFlag = 0; var eFlag = 0; var html= &amp;#39;&amp;#39;; var upPageHtml =&amp;#39;&amp;#39;; var downPageHtml =&amp;#39;&amp;#39;; htmlMap[htmlMap.length]=&amp;#39;/&amp;#39;; postNum++; for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) { var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29); timestamp = encodeURIComponent(timestamp1); var title = post.title.$t; if(thisUrl.indexOf(timestamp)!=-1 ){ thisNum = postNum; } postNum++; htmlMap[htmlMap.length] = &amp;#39;/search?updated-max=&amp;#39;+timestamp+&amp;#39;&amp;amp;max-results=&amp;#39;+pageCount; } var banyaknomer = htmlMap.length; if (json.feed.entry.length % pageCount == 0){ var banyaknomer = htmlMap.length -1 ; postNum=postNum-1; }; for(var p =0;p&amp;lt; banyaknomer;p++){ if(p&amp;gt;=(thisNum-displayPageNum-1) &amp;amp;&amp;amp; p&amp;lt;(thisNum+displayPageNum)){ if(fFlag ==0 &amp;amp;&amp;amp; p == thisNum-2){ if(thisNum==2){ upPageHtml = &amp;#39;&amp;lt;span class=&amp;quot;showpage&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;/&amp;quot;&amp;gt;&amp;#39;+ upPageWord +&amp;#39;&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;#39;; }else{ upPageHtml = &amp;#39;&amp;lt;span class=&amp;quot;showpage&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;&amp;#39;+htmlMap[p]+&amp;#39;&amp;quot;&amp;gt;&amp;#39;+ upPageWord +&amp;#39;&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;#39;; } fFlag++; } if(p==(thisNum-1)){ html += &amp;#39;&amp;lt;span class=&amp;quot;showpagePoint&amp;quot;&amp;gt;&amp;#39;+thisNum+&amp;#39;&amp;lt;/span&amp;gt;&amp;#39;; }else{ if(p==0){ html += &amp;#39;&amp;lt;span class=&amp;quot;showpageNum&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;/&amp;quot;&amp;gt;1&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;#39;; }else{ html += &amp;#39;&amp;lt;span class=&amp;quot;showpageNum&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;&amp;#39;+htmlMap[p]+&amp;#39;&amp;quot;&amp;gt;&amp;#39;+ (p+1) +&amp;#39;&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;#39;; } } if(eFlag ==0 &amp;amp;&amp;amp; p == thisNum){ downPageHtml = &amp;#39;&amp;lt;span class=&amp;quot;showpage&amp;quot;&amp;gt; &amp;lt;a href=&amp;quot;&amp;#39;+htmlMap[p]+&amp;#39;&amp;quot;&amp;gt;&amp;#39;+ downPageWord +&amp;#39;&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;#39;; eFlag++; } } } if(thisNum&amp;gt;1){ html = &amp;#39;&amp;#39;+upPageHtml+&amp;#39; &amp;#39;+html +&amp;#39; &amp;#39;; } html = &amp;#39;&amp;lt;div class=&amp;quot;showpageArea&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;COLOR: #000;&amp;quot; class=&amp;quot;showpageOf&amp;quot;&amp;gt; Pages (&amp;#39;+(postNum-1)+&amp;#39;)&amp;lt;/span&amp;gt;&amp;#39;+html; if(thisNum&amp;lt;(postNum-1)){ html += downPageHtml; } if(postNum==1) postNum++; html += &amp;#39;&amp;lt;/div&amp;gt;&amp;#39;; var pageArea = document.getElementsByName(&amp;quot;pageArea&amp;quot;); var blogPager = document.getElementById(&amp;quot;blog-pager&amp;quot;); if(postNum &amp;lt;= 2){ html =&amp;#39;&amp;#39;; } for(var p =0;p&amp;lt; pageArea.length;p++){ pageArea[p].innerHTML = html; } if(pageArea&amp;amp;&amp;amp;pageArea.length&amp;gt;0){ html =&amp;#39;&amp;#39;; } if(blogPager){ blogPager.innerHTML = html; } } function showpageCount2(json) { var thisUrl = home_page_url; var htmlMap = new Array(); var isLablePage = thisUrl.indexOf(&amp;quot;/search/label/&amp;quot;)!=-1; var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(&amp;quot;/search/label/&amp;quot;)+14,thisUrl.length) : &amp;quot;&amp;quot;; thisLable = thisLable.indexOf(&amp;quot;?&amp;quot;)!=-1 ? thisLable.substr(0,thisLable.indexOf(&amp;quot;?&amp;quot;)) : thisLable; var thisNum = 1; var postNum=1; var itemCount = 0; var fFlag = 0; var eFlag = 0; var html= &amp;#39;&amp;#39;; var upPageHtml =&amp;#39;&amp;#39;; var downPageHtml =&amp;#39;&amp;#39;; var labelHtml = &amp;#39;&amp;lt;span class=&amp;quot;showpageNum&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;/search/label/&amp;#39;+thisLable+&amp;#39;?&amp;amp;max-results=&amp;#39;+pageCount+&amp;#39;&amp;quot;&amp;gt;&amp;#39;; var thisUrl = home_page_url; htmlMap[htmlMap.length]=labelHtml; postNum++; for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) { var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29); timestamp = encodeURIComponent(timestamp1); var title = post.title.$t; if(thisUrl.indexOf(timestamp)!=-1 ){ thisNum = postNum; } if(title!=&amp;#39;&amp;#39;) postNum++; htmlMap[htmlMap.length] = &amp;#39;/search/label/&amp;#39;+thisLable+&amp;#39;?updated-max=&amp;#39;+timestamp+&amp;#39;&amp;amp;max-results=&amp;#39;+pageCount; itemCount++; } var banyaknomer = htmlMap.length; if (json.feed.entry.length % pageCount == 0){ var banyaknomer = htmlMap.length -1 ; postNum=postNum-1; }; for(var p =0;p&amp;lt; banyaknomer;p++){ if(p&amp;gt;=(thisNum-displayPageNum-1) &amp;amp;&amp;amp; p&amp;lt;(thisNum+displayPageNum)){ if(fFlag ==0 &amp;amp;&amp;amp; p == thisNum-2){ if(thisNum==2){ upPageHtml = labelHtml + upPageWord +&amp;#39;&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;#39;; }else{ upPageHtml = &amp;#39;&amp;lt;span class=&amp;quot;showpage&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;&amp;#39;+htmlMap[p]+&amp;#39;&amp;quot;&amp;gt;&amp;#39;+ upPageWord +&amp;#39;&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;#39;; } fFlag++; } if(p==(thisNum-1)){ html += &amp;#39;&amp;lt;span class=&amp;quot;showpagePoint&amp;quot;&amp;gt;&amp;#39;+thisNum+&amp;#39;&amp;lt;/span&amp;gt;&amp;#39;; }else{ if(p==0){ html = labelHtml+&amp;#39;1&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;#39;; }else{ html += &amp;#39;&amp;lt;span class=&amp;quot;showpageNum&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;&amp;#39;+htmlMap[p]+&amp;#39;&amp;quot;&amp;gt;&amp;#39;+ (p+1) +&amp;#39;&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;#39;; } } if(eFlag ==0 &amp;amp;&amp;amp; p == thisNum){ downPageHtml = &amp;#39;&amp;lt;span class=&amp;quot;showpage&amp;quot;&amp;gt; &amp;lt;a href=&amp;quot;&amp;#39;+htmlMap[p]+&amp;#39;&amp;quot;&amp;gt;&amp;#39;+ downPageWord +&amp;#39;&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;#39;; eFlag++; } } } if(thisNum&amp;gt;1){ if(!isLablePage){ html = &amp;#39;&amp;#39;+upPageHtml+&amp;#39; &amp;#39;+html +&amp;#39; &amp;#39;; }else{ html = &amp;#39;&amp;#39;+upPageHtml+&amp;#39; &amp;#39;+html +&amp;#39; &amp;#39;; } } html = &amp;#39;&amp;lt;div class=&amp;quot;showpageArea&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;COLOR: #000;&amp;quot; class=&amp;quot;showpageOf&amp;quot;&amp;gt; Pages (&amp;#39;+(postNum-1)+&amp;#39;)&amp;lt;/span&amp;gt;&amp;#39;+html; if(thisNum&amp;lt;(postNum-1)){ html += downPageHtml; } if(postNum==1) postNum++; html += &amp;#39;&amp;lt;/div&amp;gt;&amp;#39;; var pageArea = document.getElementsByName(&amp;quot;pageArea&amp;quot;); var blogPager = document.getElementById(&amp;quot;blog-pager&amp;quot;); if(postNum &amp;lt;= 2){ html =&amp;#39;&amp;#39;; } for(var p =0;p&amp;lt; pageArea.length;p++){ pageArea[p].innerHTML = html; } if(pageArea&amp;amp;&amp;amp;pageArea.length&amp;gt;0){ html =&amp;#39;&amp;#39;; } if(blogPager){ blogPager.innerHTML = html; } } &lt;/script&gt; &lt;script type=&#039;text/javascript&#039;&gt; var thisUrl = home_page_url; if (thisUrl.indexOf(&amp;quot;/search/label/&amp;quot;)!=-1){ if (thisUrl.indexOf(&amp;quot;?updated-max&amp;quot;)!=-1){ var lblname1 = thisUrl.substring(thisUrl.indexOf(&amp;quot;/search/label/&amp;quot;)+14,thisUrl.indexOf(&amp;quot;?updated-max&amp;quot;)); }else{ var lblname1 = thisUrl.substring(thisUrl.indexOf(&amp;quot;/search/label/&amp;quot;)+14,thisUrl.indexOf(&amp;quot;?&amp;amp;max&amp;quot;)); } } var home_page = &amp;quot;/&amp;quot;; if (thisUrl.indexOf(&amp;quot;?q=&amp;quot;)==-1 &amp;amp;&amp;amp; thisUrl.indexOf(&amp;quot;.html&amp;quot;)==-1){ if (thisUrl.indexOf(&amp;quot;/search/label/&amp;quot;)==-1){ document.write(&#039;&amp;lt;script src=&amp;quot;&#039;+home_page+&#039;feeds/posts/summary?alt=json-in-script&amp;amp;callback=showpageCount&amp;amp;max-results=99999&amp;quot; &amp;gt;&amp;lt;/script&amp;gt;&#039;) }else{document.write(&#039;&amp;lt;script src=&amp;quot;&#039;+home_page+&#039;feeds/posts/full/-/&#039;+lblname1+&#039;?alt=json-in-script&amp;amp;callback=showpageCount2&amp;amp;max-results=99999&amp;quot; &amp;gt;&amp;lt;/script&amp;gt;&#039;) } } &lt;/script&gt;

4.Salve as alterações

Como adicionar a opção “Responder Comentários” no Blogger

2010-10-24T06:25:00.001-07:00

Este é um serviço que o Blogger deveria ter naturalmente em sua área de comentário, para que o escritor possa interagir com o leitor de forma fácil. Mas como ainda não possui esta opção nativamente temos fazer uma alteração que ainda sim dão dá uma função satisfatória mas como muitos diriam “Quebra o galho”, então veja abaixo como inserir em seu blog.

Inserindo o Hack ao Blogger

1) Acesse o painel do Blogger(blogger.com)

2) Vá em "Layout/Design"->"Editar HTML"->Marque a opção "Expandir Modelos de Widgets"

3) Procure o seguinte trecho no seu HTML utilize as teclas “CTRL” e “F”:

<data:commentPostedByMsg/>

Abaixo do código acima insira o seguinte adaptando de acordo com seu blog:

<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=ID-DO-SEU-BLOG&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>[Responder comentário]</a></span>

Obs.: Em vermelho substitua pelo ID do seu blog, se não sabe veja o pequeno tutorial abaixo:

1) Acesse Layout/Design no Blogger

2) Observe o endereço na “barra de endereços” do seu navegador:

Os números circulados em vermelho são o id do seu blog basta substitui-lós no código.

Em verde é o titulo do link, que pode ser o que você quiser.

4) Salve as alterações. Você verá algo parecido com imagem quando clicar no link de resposta:

E na área de comentário aparecerá algo como a imagem seguinte:

Considerações

Há vários templates na blogosfera por isso é bom ressaltar que existem outros locais nos quais o código pode ser inserido veja:

Abaixo de:

<dd class='comment-footer'>

abaixo de:

<data:comment.author/>

Pronto seu blog agora possui um recurso muito útil de resposta a comentários

Como colocar a Navbar no final da página - Blogger

2010-10-24T06:24:00.001-07:00

A Navbar é a barra de serviços padrão do Blogger(que apesar de padrão é opcional), ela oferece alguns recursos básicos e que podem ser muito úteis, ela é exibida no topo da página, mas hoje veremos como coloca-lá no final. Com o uso de CSS^{[Folha de Estilo]}, veja como fazer abaixo:

1) Acesse o painel do Blogger(blogger.com)

2) Vá em Layout/Design-> Editar HTML

3) Procure pelo seguinte:

]]></b:skin>

E antes do código acima insira o próximo:

#navbar-iframe { 
position: fixed; 
z-index:999; 
right: 0px; 
bottom: 0px; 
left: 0px; 
}

4) Salve as alterações e visualize.

Como criar uma caixa de Mensagem Flutuante no Blogger

2010-10-24T06:23:00.001-07:00

Com este recurso você pode colocar mensagens no seu blog de forma a deixa-las flutuando na página, também é possível inserir uma caixa de assinatura de Feed. Tornando o acesso ao seu blog mais interativo e interessante para o leitor que o acessa,Veja como trazer está solução para o seu blog.

1) Acesse o painel do Blogger(blogger.com)

2) Vá em Layout-> Editar HTML

3) Procure pelo seguinte código utilizando as teclas CTRL e F:

</head>

Antes do código acima insira o seguinte:

<script src='http://www.google.com/jsapi'/> 
<script type='text/javascript'> 
// Carrega jQuery 
google.load(&quot;jquery&quot;, &quot;1.3&quot;); 

google.setOnLoadCallback(function() { 
$(document).ready(function() 
{ 
//primeiro slide para baixo e pisca a caixa de mensagem 
    $(&quot;#caixa&quot;).animate({ 
        bottom: &quot;-1px&quot; 
      }, 2500 
).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100);
//Fechar a caixa de mensagem quando a imagem da cruz é clicada 
   $(&quot;#fechar_mensagem&quot;).click(function() 
    { 
       $(&quot;#caixa&quot;).fadeOut(&quot;slow&quot;); 
    }); 
}); 
}); 
</script>

4) Agora procure pelo seguinte:

<body>

Abaixo do código anterior insira o seguinte:

<div class='mensagem' id='caixa'>  
<img id='fechar_mensagem' src=’http://arquivos.noticiaeblog.com/fecha.png' style='float:right;cursor:pointer'/> 
<b>Minha Mensagem</b>


<p>Teste da caixa de mensagem flutuante para Blogger</p>


</div>

Obs: Mude os trechos em vermelho pela mensagem que deseja que apareça já com a formatação em HTML. Pra saber mais sobre HTML veja a nossa serie Aprenda Códigos HTML e Ganhe Mais Visitas, partes: 1,2,3.

5) Procure pelo seguinte trecho:

]]></b:skin>

Antes do trecho acima insira:

.mensagem{ 
    border:1px solid #CCCCCC; 
    position:fixed; 
    width:150px; 
    border:1px solid #c93; 
    background:#ffc; 
    padding:5px; 
    right:2px; 
    bottom:25px; 
}

Obs.: Você mudar as cores da caixa utilizando cores alfanuméricas. Para ver cores clique aqui.

6) Salve as alterações

---------------------------------------------------------------------------------------------------------------------------

Obs. Gerais: Para transformar a caixa em um local para assinatura de Feed/RSS, basta substituir o trecho em vermelho do passo 4 pelo seguinte:

<b>Assine o Feed</b> 
<p>Fique informado da novidades do blog por e-mail</p>    
<p><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=seu nome de Feed&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border:1px solid #ccc;padding:3px;text-align:center;' target='popupwindow'><p>Digite seu e-mail:</p><p><input name='email' style='width:140px' type='text'/></p><input name='uri' type='hidden' value='seu nome de Feed'/><input name='loc' type='hidden' value='pt_BR'/><input type='submit' value='Assinar'/></form></p>

Atenção altere o trecho em vermelho pelo seu nome de Feed, se não sabe veja o exemplo a seguir.

Como saber quando o robô do Google visita seu site

2010-10-24T06:21:00.000-07:00

O robô do Google é o responsável por catalogar as URLs para o buscador automaticamente, sem que tenhamos de ficar atualizando-o, este Widget que vou mostrar hoje exibe quando foi a ultima visita no seu blog. Um exemplo se você publicar um novo artigo e vê que a data não mudou para o dia da postagem aí é só avisar o robô utilizando um ping para avisar para ele indexar seus artigos. Veja como colocar o Widget.

Instalar o Widget

1) Acesse este site

2) Agora em "Site URL" digite o endereço do seu blog sem "http://"

3) Clique em "Check Google Bot last visit"

4) Copie o código gerado

5) Insira o código em "Layout ou Design"->"Elementos da página"->"Adicionar um Gadget"->"HTML/JavaScript"

6) Salve e visualize.

Você vera uma imagem parecida com está (), o formato é ANO/MÊS/DATA

Como Criar um MP3 para seu Blog

2010-10-24T06:19:00.000-07:00

Colocar música no seu blog é fácil, mas você deve respeitar algumas regras básicas para não perder visitas a primeira delas é evitar que o player toque sozinho pois isso deixa o leitor irritado e pode tornar a visita dele mais rara. Mas se seu blog for uma rádio você pode e deve deixar o tocador em automático pois isso trará audiência. Uma a realçar também seria quais músicas colocar, isso é um pouco complicado pois cada um tem um gênero musical pelo qual gosta mais por isso coloque vários tipos de música para que toque alguma que o leitor entusiasme e continue a visita. Abaixo você verá como hospedar e criar sua lista de músicas.

Hospedando suas Músicas

O primeiro passo é guardar suas músicas na web:

1) Crie uma conta no FileAve, se tiver dúvidas de como criar veja o esquema baixo:

2) Faça Login no FileAve, basta digitar seu login e senha.

3) Clique em Upload, no menu horizontal.

4) Escolha as músicas do seu computador, as quais deseja que toque no player, e clique emUpload, lembrando que este é outro botão upload este estará abaixo da lista de músicas que você escolheu.

5) Após esperar o termino do upload clique em Files no menu horizontal.

6) Copie os Direct Links que estarão abaixo do nome de cada música.

Criando o Tocador

Agora você vai criar um player interativo para que seu leitor possa escolher as músicas que quer ouvir.

1) Acesse este link

2) Agora você vai inserir na caixa, “Track 1 Url” o primeiro direct link obtido anteriormente e assim sucessivamente, e ao lado insira o nome do cantor ou da música. Veja a imagem:

3) Agora em “Should the player start on page load?”, selecione “Yes” para que o player inicie ao carregar a música e “No”, para que não inicie.

4) Agora clique em “Generate the code”

5) Copie o código e elimine dele os seguintes trechos somente. Abaixo você verá um exemplo do código gerado, sendo as partes em vermelho as que devem ser eliminadas.

<DIV ALIGN="CENTER"><embed allowScriptAccess="never" src="http://i86.plebius.net/flash-mp3-player.swf" menu="false" quality="high" width="300" height="300" name="index" type="application/x-shockwave-flash" pluginspage=http://www.macromedia.com/go/getflashplayer flashvars="playList=http://i86.plebius.net/i86/6/5/11/mp3_e2d7898095c8.xml&ShowPlaylist=

1&ShowEQ=1&firstTrack=1&initVol=100" wmode="transparent" /></embed><BR><CENTER><A HREF="http://www.pimp-my-profile.com/flash-mp3-player/">Get your own Flash MP3 Player</A><BR><BR></CENTER></DIV>

6) Após retirar as partes em vermelho insira o código restante, em um gadget do Blogger emLayout-> Editar HTML->Adicionar um Gadget->HTML/JavaScript.

Como transformar seus artigos em áudio - Blogger

2010-10-24T06:18:00.001-07:00

O Vozme é um serviço que permite transformar seu texto em áudio com um clique e grátis, ele é simples de se instalar você adiciona no HTML do seu blog, e ele busca automaticamente o texto para realizar a conversão tudo isso com um Link apenas, veremos abaixo como adicionar o serviço ao seu blog. Mas vale lembrar que a tradução de texto para áudio não é boa pois é uma máquina que a realiza.

Instalando...

1º) Acessar o painel do Blogger(blogger.com)

2º) Vá em Layout/Design->Editar HTML->Marque Expandir Modelos de Widgets

3º) Procure pelo seguinte trecho:

<div class='post-footer-line post-footer-line-3'>

4º) Abaixo deste código adicione o seguinte:

<script src='http://vozme.com/get_text.js' type='text/javascript'/><a expr:onclick='"get_blogger(\"" + data:post.id + "\",\"pt\",\"ml\");"' href='javascript:void(0);' style='margin-left:1.5em;'>((&#8226;)) Ouça este post</a>

OBS.: Mude o trecho em vermelho por fm, para que a voz seja feminina. Em verde é o texto a ser exibido no link altere pelo texto desejado.

Veja como fica na imagem:

Para outro modelo com imagem use o seguinte código:

<div id='voice'> 
<script src='http://vozme.com/get_text.js' type='text/javascript'/> <a expr:onclick='"get_blogger(\"" + data:post.id + "\",\"pt\",\"ml\");"' href='javascript:void(0);'><img src='http://vozme.com/img/paper_sound32x32.gif' align='left' alt='' border='0' style='margin-right:0.4em;'/></a> 
<a expr:onclick='"get_blogger(\"" + data:post.id + "\",\"pt\",\"ml\");"' href='javascript:void(0);' style='font-size:10px;'>Ouça<br/>este post</a> 
</div>

OBS.: Mude também os itens em vermelho para alterar o tipo de voz. Para alterar a imagem do auto falante mude o trecho em laranja pela URL da imagem desejada.

Veja como fica na imagem:

5º) Após escolher modelo desejado salve as alterações. Veja um demo clicando no link abaixo desta postagem.

Os Melhores Plugins para o WordPress

2010-10-24T06:07:00.000-07:00

Abaixo segue os melhores plugins do WordPress...
Comentários

Subscribe To Comments – Permite aos usuários serem notificados sempre que um novo comentário é adicionado.

WP AJAX Edit Comments – Permite que usuários e administradores editem os comentários no local utilizando AJAX.

Get Recent Comments – Exibe uma lista com os últimos comentários/trackback escritos no blog.

WP Grins – Adiciona smiles clicáveis nos formulários de posts e comentários.

Show Top Commentators – Exibe no menu lateral um lista com os visitantes que mais comentam.

WordPress Gravatar Plugin – Mostra o Gravatar dos visitantes ao lado de seus comentários.

OpenID Comments for WordPress – Permite que, apenas usuários logados no OpenID escrevam comentários.

Extended Comment Options – permite ativar ou desativar comentários e/ou pings em vários posts de uma só vez.

Antispam

Akismet – Inteligente sistema de bloqueio de spams. Verifica se o comentário é spam ou não através do serviço web do Akismet.

Math comment spam protection – Adiciona uma questão matemática para verificar se o comentário está sendo feito por um humano ou um spambot.

WP-Contact Form with Spam Protection – Cria um fomulário de contato no seu blog, através do qual seus visitantes poderão contactar você de forma mais segura e fácil.

S.E.O.

Google XML Sitemaps Generator – Cria um sitemap de todos os artigos do seu blog. Ajudando assim, o Google e outros mecanismos de busca indexar o que você escreve.

All in One SEO Pack – Otimiza seu blog para os mecanismos de busca utilizando técnicas de SEO (Search Engine Optimization).

Head META Description – Insere HTML META description tags utilizando o excerpts.

Navegação

Related Posts – Exibe uma lista de posts relacionados baseado em palavras chaves. Aumenta o número de páginas vistas e o tempo de permanência do visitante.

WP-PageNavi – Facilita a navegação entre as páginas do blog, principalmente na página principal e nas categorias.

Shutter Reloaded – Semelhante ao LightBox, porém bem mais leve.

Popularity Contest – Registra os números de cada post, como comentários, visitas, trackback, etc. para determinar quais seus posts mais populares.

Landing Sites – Quando seus visitantes acessam seu site através de um mecanismos de busca, este plugin exibe posts relacionados com as palavras da busca.

Custom Query String – Permite configurar diferentes quantidades de posts a serem exibido em cada tipo de página, como categoria, arquivo, busca, etc.

Permalinks Migration Plugin – Permite modificar a estrutura de permalinks do seu blog sem quebrar os links antigos ou afetar seu ranking nos mecanismos de busca.

Interatividade

Share This – Permite a seus visitantes compartilhar seus artigos com várias redes sociais ou enviar o link para um amigo por email.

Delicious Cached++ – Mostra uma lista com os últimos favoritos adicionados a sua conta do del.icio.us.

WP-Email – Permite aos visitantes recomendar/enviar seu post para um amigo.

WP-PostRatings – Adiciona um sistema de votação para seus posts utilizando AJAX.

EasyTube – Facilita a inserção de vídeos do YouTube e do Google Videos.

Twitter Updater – Envia automaticamente uma atualização a sua conta no Twitter quando você cria, publica ou edita um post no WordPress.

BlogBlog User Info – Exibe vários dados do BlogBlogs junto aos comentários de cada autor.

Utilitários

WordPress Database Backup – Facilita a criação de backups do seu blog.

WP-cache – Sistema de cache para o WordPress. Indispensável para blogs com muito tráfego.

WP-Supercache – Modificação do WP-cache que cria arquivos HTML estáticos.

podPress – Adiciona várias funções ao WordPress tornando-o ideal para hospedar podcast.

TinyMCE Advanced – Adiciona 16 novos plugins ao editor wysiwyg do WordPress, aparecendo 40 novos butões na toolbar.

Exec-PHP – Permite executar scripts PHP dentro do conteúdo dos posts e/ou páginas.

WordPress Reporter – Permite visualizar os dados do Google Analytics e Feedburner dentro da área administrativa do WordPress.

WordPress.com Stats – Exibe estatísticas do seu blog. Requer uma API key do WordPress.com.

Admin Drop Down Menu – Modifica o menu da administração do WordPress, tornando tudo acessível com apenas um clique.

InstantUpgrade – Permite atualizar o WordPress automaticamente com apenas um clique.

Maintenance Mode Plugin – Adiciona uma página informando aos visitantes que seu blog está em manutenção.

Theme Test Drive – Permite ao administrador testar um novo tema enquanto os visitantes continuam a ver o tema atual.

Tradução

Global Translator – Traduz seu blog automaticamente em várias línguas utilizando o Google Translation e o Babel Fish.

Auto Translator – Insere no menu lateral várias bandeiras referente a cada lingua, traduzindo seu blog quando clicada.

RSS Feeds

Feedburner Feedsmith – Redireciona todo o tráfego de feeds do seu blog para o FeedBurner.

Simple Feed Copyright – Adiciona uma nota de copyright em todos os posts do seu feed.

Add Related Posts to Your Feed – Adiciona uma lista de posts relacionados nos posts de seu feed. Necessita que esteja instalado e ativado o plugin Related Posts ou UTW.

RSS Signature – Permite que você adicione uma linha de texto personalizada no rodapé do seu RSS Feed.

Outros

Democracy – Adiciona enquetes ao seu blog utilizando AJAX.

FlickrRSS – Permite exibir fotos de sua conta no Flickr em seu blog.

Flexible Upload – Redimensiona imagens, cria thumbnails e adiciona marca d’água no momento do upload.

Fonte: PBlog

Corte e edite toques online

2009-02-25T16:14:00.000-08:00

smartMp3splitter é uma simples e útil ferramenta que permite que você faça o upload de uma música e, em seguida, retire a parte que mais nos agrada para usá-la como toque para celular.

Só temos de escolher a música, esperar o upload para o servedor selecionar a parte desejada e cortar. Agora é só fezer o download em formato MP3 e usá-la em seu celular.

Faça mixer dos vídeos do YouTube com MixMasterTube

2009-02-19T17:13:00.001-08:00

Para aqueles que querem se tornar um DJ (ou melhor, Vj), com vídeos youtube está disponível o MixMasterTube, uma ferramenta que permite a você misturar os filmes do famoso serviço de partilha de vídeo.

Neste site você pode procurar por listas de reprodução, criar novas, compartilhar e criar uma verdadeira mistura utilizando clipes. Perfeito para a produção de um sessão musical para uso em uma festa com os amigos ou uma compilação engraçada.

MixMasterTube é vagamente comparável a uma espécie de rádio web construída em vídeo. As criações são feitas com um bom mixer on-line é muito simples de usar.

Transforme uma foto em um desenho ou em uma pintura com FotoSketcher

2009-02-15T11:23:00.000-08:00

FotoSketcher é um software totalmente gratuito que lhe permite facilmente transformar uma foto em um desenho.

É importante resaltar que não é possível alcançar os resultados dos programas caros para edição de fotografia profissional como o Photoshop, mas esta é uma excelente alternativa, sem custo adicional.

A operação é muito simples: você carrega uma imagem e fazer ajustes deslizantes para obter o clássico efeitos de um lápis para desenhar ou pintar de preto e branco ou colorida.

Na página de download do programa é também uma versão portátil que não requer instalação.

Open Source PHP - galeria projetos desenvolvidos PHP

2009-02-13T19:57:00.001-08:00

Open Sourse PHP é uma galeria dos melhores projetos desenvolvidos em PHP.
Para cada projeto temos as características, screenshots, comentários, avaliações.
Também oferece uma demonstração hospedada e atualizada de hora em hora para que você possa avaliar imediatamente uma nova instalação

Crie foto montagens online com piZap

2009-02-13T19:51:00.001-08:00

piZap é uma aplicação web fantástica e divertida que permite criar e personalizar facilmente fotografias, imagens online.

Basta fazer o upload de uma foto e acrescentar uma variedade de efeitos especiais: desenhos animados, texto, clipart de todos os tipos, imagens glitter, emoticons e rostos engraçados, expressões faciais sobreposição com as funcionalidades a partir de desenhos originais, backgrounds …

Uma verdadeira história em quadrinhos e editor simples, perfeito para uma piada, para conseguir uma foto montagem simples, em um e-card.

A imagem pode ser baixado no formato JPG e colocá-lo em um site, em blogs e redes sociais através de código ou link direto.

piZap é gratuito e não requer inscrição. Também pode encomendar e comprar um conjunto de objetos com as nossas próprias imagens.

Desfragmente 2 discos de uma só vez com Smart Defrag

2009-02-13T19:45:00.000-08:00

Quando usamos um hd ou um partição por muito tempo e, sobretudo baixando, renomeando, movendo e apagando arquivos muitas vezes, torna-se necessário fazer uma desfragmentação. Mas quando temos mais de um hd ou várias partições, os instrumentos clássicos de desfragmentação apenas nos permitem fazer uma de cada vez.

Contudo encontrei o Smart Defrag, um programa que difere do resto da sua classe por desfragmentar mais de um disco ou partição, ao mesmo tempo. Em testes conduzidos por Brad, foi realizada uma análise de uma partição de 20 GB e outra 70GB simultaneamente em questão de segundos.

Smart Defrag também inclui um utilitário prático que permite a você agendar diária, semanal, mensal uma desfragmentação de um disco. Você também pode programar o aplicativo para ser executado quando o sistema for iniciado, quando o computador estiver ocioso, ou em intervalos regulares (como a cada duas semanas). Se você for do tipo de pessoa que nunca lembra de fazer uma desgragmentação de disco rígido, este recurso verdadeiramente pode vir a calhar.

Então, se você tiver mais de um disco ou partição, e se quiser poupar tempo quando desfragmentarlos não hesite em usar esta programa.

Compare o tráfego de até cinco websites com Graphbuzz

2009-02-13T19:42:00.001-08:00

Graphbuzz é um serviço que permite de forma muito simples e rápida comparar até 5 sites, o serviço usa como base dados do Alexa, Compete, Quantcast e Technorati.

Embora não confie muito nesse tipo de serviço, creio que eles podem nos dar uma idéia aproximada do tráfego.

Crie um chat para seu site com 99Chats

2009-02-13T18:29:00.000-08:00

99Chats é uma solução recem lançada que nos permite criar as nossas próprias salas de chat, e integra-las ao nosso site, blogs, redes sociais, ou onde quer que queiramos, permitindo assim a interação com os nossos usuários.

Podemos utilizar os temas predefinidos ou ainda criar nossos próprios temas para nossos chats.

Assim que terminar, teremos dois códigos a nossa disposição que nos da a opção de integrá-lo em nosso site, quer como uma sala em flash ou javascript. Tanto para uma opção quanto para outra,nossa sala será estruturado com uma barra lateral à direita, que exibe os contatos, a área da fala e escreve para o campo de texto, e entre, as opções para mudar o nosso estilo de textos, e até mesmo as nossas declarações.

BannerSnack uma ferramenta web para criar banners animados

2009-02-13T18:25:00.001-08:00

BannerSnack é um serviço online que oferece um editor para criar banners em Flash.

Se você não estiver familiarizado com softwares desktop como o Adobe Macromedia, BannerSnack pode ser uma solução simples e intuitiva para obter bons resultados.

A ferramenta fornece as funções básicas para criar animações com vários tipos de efeitos há também vários modelos prontos, textos, gráficos, transições.

A versão gratuita contém uma marca d’água.

Você pode obter banner com uma qualidade espantosa como um slideshow.

Crie imagens de AJAX preloaders com Preloaders.net

2009-02-13T18:21:00.001-08:00

Preloaders.net um serviço web para criar imagens Preloader.

Preloaders.net lhe oferece uma ampla seleção de preloaders, divididas em categorias como: 3D, retangulares, circulares, horizontal e também os 10 últimos criados.

Os imagens preloaders podem ser customizadas escolhendo a cor, fundo transparente, tamanho, velocidade da animação, agora é só clicar em “Generator preloader” e estará pronto sua imagem Ajax preloader.

Photl.com - Banco de imagens gratuito para uso comercial

2009-02-13T18:18:00.001-08:00

Photl.com é um banco de imagens gratuito para uso comercial que promete coisas interessantes.

O Photl.com permite que você baixe qualquer foto e use-a comercialmente, disponível em vários idiomas inclusive em português com mais de 150.000 imagens classificadas por tags.

Todas as fotos são licenciadas para uso generalizado (Extended Royalty Free) e são absolutamente gratuitos e disponíveis para uso comercial.
O tamanho mínimo de todas as fotografias é 4368х2912
Todo mês 10.000 a 15.000 novas fotos.
A capacidade de transferir gratuitamente até 45 MB por dia.

Uma verdadeira jóia para quem utilizar esta aplicação frequentemente.

ava7patterns um diretório com mais de 900 background livres para Download

2009-02-13T18:10:00.001-08:00

ava7patterns é um diretório com mais de 900 background.

Os backgrounds são organizados por cores e texturas, é possível votar, comentar e ver um preview de cada um, temos também um lista dos backgrounds mais votados, mais baixados e mais comentados.

Crie o seu próprio super-herói com Marvel Create Your Own Superhero

2009-02-13T18:07:00.001-08:00

Fantástico “é o adjetivo mais apropriado para descrever Marvel Create Your Own Superhero.

Através de uma ferramenta super completa em Flash, você pode escolher entre dezenas e dezenas de itens para criar um super-herói pessoal para atribuir um nome.

Os elementos do corpo, a forma do rosto, roupas, armas, máscaras, aparelhos e acessórios são todos inspirados pelo Homem de Ferro, um Homem Aranha, um Hulk, Thor entre outros.

Concluído em nossa obra, acabou com o direito cores, você pode compartilhar por e-mail, imprimir, guardar e transferir para o computador e talvez utilizar como avatar.

Acesse seu Gmail mesmo Offline com o Google Gears

2009-02-13T17:52:00.000-08:00

Este é um momento muito esperado por todos usuários do Gmail em breve poderemos acessar nossa conta de e-mail mesmo estando offline com o Google Gears.

O anúncio foi feito no blog do Gmail.

Com a possibilidade de usar o Gmail offline certamente ireir centralizar todos os meus e-mails para o Gmail.

Faça uma análise da popularidade de um domínio com WebsitesLog

2009-02-13T17:49:00.001-08:00

WebsitesLog é outra das muitas ferramentas para analisar a popularidade de um domínio na Internet.

Basta digitar o endereço de um site para obter uma gama de informações sobre ele.

Em particular, o Alexa rank, rank especifico do site, backlink, páginas indexadas pelo Google, whois, servidor de hospedagem, inserção em redes sociais, se o site é banido do Google e alguns sites relacionados.

WebsitesLog mostra também uma miniatura do site analisado.

Ver vídeos removidos do YouTube

2009-02-13T17:46:00.001-08:00

Quantas vezes vocês queriam ver algum vídeo no YouTube, mas esse não está mais disponível? Agora já é possivel ver os vídeos removidos, a não ser que estes já estejam apagados permanentemente do YouTube, aí já não há nada a fazer. Mesmo assim é possivel ver os vídeos que foram removidos recentemente.
Então é assim, existe duas formas de ver esses vídeos. A forma mais simples e “limpa”, e enquanto isto for possivel será a melhor solução, basta digitar kiss no link do vídeo do YouTube. Por exemplo, temos o seguinte vídeo que tenha sido removido pelo YouTube:
http://www.youtube.com/watch?v=sIJKxvUmh-M
Para ver o vídeo basta fazer o seguinte:
http://www.kissyoutube.com/watch?v=sIJKxvUmh-M
Além de ver o vídeo, poderá fazer o download, enviar por email e converter para iPod.
A outra forma é aceder ao site do Delutube e colocar a ID do vídeo. No caso do vídeo anterior, a ID seria sIJKxvUmh-M, ou seja, qualquer que seja o vídeo, a ID será sempre o que vem a seguir ao “watch?v=”. E colocar essa ID no site do Delutube. Atenção, nem sempre o Delutube encontra esses vídeos.
Bastante fácil de usar!!!

Baixe agora seu McAfee de graça por um ano

2009-02-13T17:41:00.000-08:00

Agora você pode obter uma licença do McAfee por um ano inteiro gratuitamente.

Os passos são os seguintes, entra nesse link, insira o seguinte código: ******* e clique em “Submit code“. O código só funciona no site em Inglês, em português não funciona logo o download do software que será em Inglês.

Não é apenas um antivírus, firewall e também inclui um software anti-spyware. O aplicativo funciona com o Windows 2000, Windows XP e Windows Vista. E mais uma advertência, o cupom de desconto só é válido até 31 de dezembro deste ano.

Atualização: Recebi um e-mail da CheckFree solicitando que o código promocional fosse retirado do site, uma vez que o código promocional era apenas para um determinado grupo.

Crie um pôster com fotos digitais, música e vídeo usando o Glogster

2009-02-13T17:37:00.000-08:00

Glogster é uma ferramenta web que permite que você crie cartazes com fotos digitais, música e vídeo para compartilhar on-line.

Lá você pode colocar qualquer tipo de conteúdos multimídia (filmes, imagens, clipart, áudio, escrita) e colocá-los à vontade nos instrumentos disponíveis.

Glogster é uma verdadeira comunidade onde podemos avaliar, comentar e partilhar as suas criações.

Suas criações podem ser inseridas em uma página web via código ou enviado por e-mail.

Para aqueles que amam os brilhos típica de MySpace e escrita glitterate.

Visualize as informações do Google Adsense em um gráfico

2009-02-13T16:50:00.000-08:00

VisualAdsense é um serviço web que permite visualizar as informações do Google Adsense de forma gráfica.

Sua utilização é bastante simples e grátis, não é necessário fazer nenhum cadastro, segundo o site VisualAdsense nenhuma informação dos usuários são armazenadas.

Você deverá baixar seus relatórios em formato CSV para seu computador, clicar em Procurar selecionar o arquivo CSV e em seguida clicar em Analizar Fichero, determinar o período que você deseja analisar, os critérios e as opções(impressões, cliques, eCPM e ingressos), agora basta clicar em Generar informe e aguardar até que o gráfico seja gerado.

Tecnoturbo

Como colocar páginas numeradas no Blogger

Como adicionar a opção “Responder Comentários” no Blogger

Inserindo o Hack ao Blogger

Considerações

Como colocar a Navbar no final da página - Blogger

Como criar uma caixa de Mensagem Flutuante no Blogger

Como saber quando o robô do Google visita seu site

Instalar o Widget

Como Criar um MP3 para seu Blog

Hospedando suas Músicas

Criando o Tocador

Como transformar seus artigos em áudio - Blogger

Instalando...

Os Melhores Plugins para o WordPress

Antispam

S.E.O.

Navegação

Interatividade

Utilitários

Publicidade

Tradução

RSS Feeds

Outros

Corte e edite toques online

Faça mixer dos vídeos do YouTube com MixMasterTube

Transforme uma foto em um desenho ou em uma pintura com FotoSketcher

Open Source PHP - galeria projetos desenvolvidos PHP

Crie foto montagens online com piZap

Desfragmente 2 discos de uma só vez com Smart Defrag

Compare o tráfego de até cinco websites com Graphbuzz

Crie um chat para seu site com 99Chats

BannerSnack uma ferramenta web para criar banners animados

Crie imagens de AJAX preloaders com Preloaders.net

Photl.com - Banco de imagens gratuito para uso comercial

ava7patterns um diretório com mais de 900 background livres para Download

Crie o seu próprio super-herói com Marvel Create Your Own Superhero

Acesse seu Gmail mesmo Offline com o Google Gears

Faça uma análise da popularidade de um domínio com WebsitesLog

Ver vídeos removidos do YouTube

Baixe agora seu McAfee de graça por um ano

Crie um pôster com fotos digitais, música e vídeo usando o Glogster

Visualize as informações do Google Adsense em um gráfico