urn:lj:blogs.sapo.pt:atom1:fazerblogFazer um Blog
Seja bem vindo . Aqui você encontrará um pouquinho de tudo para "SITES" e "BLOGS". LiveJournal / SAPO Blogsfazerblog2009-08-19T20:27:39Zurn:lj:blogs.sapo.pt:atom1:fazerblog:9888ana2009-08-19T21:26:13Icone Imprimir esta pagina 2009-08-19T20:27:39Z2009-08-19T20:27:39Z<p>Possibilidade de imprimir sua página já num clique. Pode ficar no topo das postagens e segue o mesmo padrão para inserir no código do PDF.</p>
<p> </p>
<p>É um código bem simples:</p>
<blockquote>
<pre><code><a></a></code></blockquote></pre><div class='ljparseerror'>[<b>Error:</b> Irreparable invalid markup ('<img [...] #ff0000">') in entry. Owner must fix manually. Raw contents below.]<br /><br /><div style="width: 95%; overflow: auto"><p>Possibilidade de imprimir sua página já num clique. Pode ficar no topo das postagens e segue o mesmo padrão para inserir no código do PDF.</p>
<p> </p>
<p>É um código bem simples:</p>
<blockquote>
<pre><code><a href="javascript:window.print()"><img src="<font color="#ff0000">URL da IMAGEM</font>"/></a></code></pre>
</blockquote>
<pre><code>Substitua o que está marcado de vermelho pelo endereço da imagem que quer
que seja mostrada como ícone da opção “Imprimir”.</code></pre>
<p> </p>
<pre><code>Para este ícone ser automaticamente inserido em todas as postagens, vá
em “Layout” e “Editar HTML”, marque “Expandir modelos de widgets” e
procure pela linha do cíodigo:</code></pre>
<p><div class='post-header-line-1'/></p>
<p><br />
</p>
<p> </p>
<pre>
E cole o código do ícone de imprimir abaixo dela.</pre>
<p> </p>
<pre><code>Lembre-se: antes de fazer qualquer modificação em seu código,
<a href="http://ferramentasblog.blogspot.com/2008/09/7-backup-do-modelo.html" target="_blank" rel="noopener"><strong><font color="#3d81ee">faça um Backup</font></strong></a> para poder restaurar as modificações ao original.</code></pre>
<p><br />
</p></div></div>urn:lj:blogs.sapo.pt:atom1:fazerblog:9555ana2009-08-19T21:24:36Mensagem Alerta Pop-up 2009-08-19T20:24:58Z2009-08-19T20:24:58Z<p>Algumas vezes entramos em sites q exibem mensagens nas caixas padrões com um botão do tipo “Ok” e outro “Cancelar”. Pode ser só um aviso comum ou questionando se queremos continuar naquela ação. Eu não vejo muita utilidade nisso para blogs comuns, mas pode ser interessante em alguns casos específicos como sites de downloads ou de conteúdo restrito ou mesmo para dar algum aviso temporário aos seus visitantes sobre mudanças ou eventos por vir.
<p><span style="display: none" id="1250713484800S"> </span></p>
<span style="display: none" id="1250713485026E"> </span></p>
<p> </p>
<p>A vantagem disso é que evita usar janelas pop-up convencionais que irritam os visitantes e muitas vezes são bloqueadas pelo navegador e acaba que o usuário não lê o aviso que vc quer dar.</p>
<p>Encontrei alguns códigos que podem funcionar bem em seu blog, caso queira colocar essas janelas de avisos ou comunicados. Elas podem abrir de muitos modos e serem de vários tipos. Vou mostrar aqui alguns casos. Já aviso que esta será uma postagem um pouco grande e mais complexa que o comum, pois essa é uma ferramenta mais complicada de ser usada e requer muitos cuidados.</p>
<p> </p>
<p>Vele lembrar sempre: quando quiser modificar algo no código HTML do seu blog, mesmo que seja algo simples, <a href="http://ferramentasblog.blogspot.com/search/label/Backup" target="_blank" rel="noopener"><strong><font color="#3d81ee">faça backup</font></strong></a>.</p>
<p> </p>
<p><strong>Para o aviso aparecer ao entrar na página:</strong></p>
<p>1. Entre em “Layout” e vá em “Editar HTML”. Lá encontre a linha “” no seu código.</p>
<p>2. Abaixo dela coloque o seguinte código com as devidas modificações:</p>
<blockquote>
<p><b:if cond="data:blog.pageType == "item""> <br />
<div id="subscribe"></p>
<p></p>
<p></div> <br />
</b:if></p>
</blockquote>
<p>3. Salve o modelo e teste.</p>
<p>Este alerta só aparecerá na primeira página do seu blog exibindo o texto que vc definir com um botão de “OK” que fechará o alerta.</p>
<p> </p>
<p><strong>Para o aviso aparecer ao sair da página:</strong></p>
<p>1. Entre em “Layout” e vá em “Editar HTML”. Lá encontre a linha “” no seu código.</p>
<p>2. Substitua esse código, com as devidas modificações, por:</p>
<blockquote>
<p></blockquote><div class='ljparseerror'>[<b>Error:</b> Irreparable invalid markup ('<body #ff0000">') in entry. Owner must fix manually. Raw contents below.]<br /><br /><div style="width: 95%; overflow: auto"><p>Algumas vezes entramos em sites q exibem mensagens nas caixas padrões com um botão do tipo “Ok” e outro “Cancelar”. Pode ser só um aviso comum ou questionando se queremos continuar naquela ação. Eu não vejo muita utilidade nisso para blogs comuns, mas pode ser interessante em alguns casos específicos como sites de downloads ou de conteúdo restrito ou mesmo para dar algum aviso temporário aos seus visitantes sobre mudanças ou eventos por vir.
<p><span style="display: none" id="1250713484800S"> </span></p>
<span style="display: none" id="1250713485026E"> </span></p>
<p> </p>
<p>A vantagem disso é que evita usar janelas pop-up convencionais que irritam os visitantes e muitas vezes são bloqueadas pelo navegador e acaba que o usuário não lê o aviso que vc quer dar.</p>
<p>Encontrei alguns códigos que podem funcionar bem em seu blog, caso queira colocar essas janelas de avisos ou comunicados. Elas podem abrir de muitos modos e serem de vários tipos. Vou mostrar aqui alguns casos. Já aviso que esta será uma postagem um pouco grande e mais complexa que o comum, pois essa é uma ferramenta mais complicada de ser usada e requer muitos cuidados.</p>
<p> </p>
<p>Vele lembrar sempre: quando quiser modificar algo no código HTML do seu blog, mesmo que seja algo simples, <a href="http://ferramentasblog.blogspot.com/search/label/Backup" target="_blank" rel="noopener"><strong><font color="#3d81ee">faça backup</font></strong></a>.</p>
<p> </p>
<p><strong>Para o aviso aparecer ao entrar na página:</strong></p>
<p>1. Entre em “Layout” e vá em “Editar HTML”. Lá encontre a linha “<body>” no seu código.</p>
<p>2. Abaixo dela coloque o seguinte código com as devidas modificações:</p>
<blockquote>
<p><b:if cond='data:blog.pageType == &quot;item&quot;'> <br />
<div id='subscribe'></p>
<p><SCRIPT language="JavaScript" type="text/javascript">alert("<font color="#ff0000">texto da mensagem</font>")</SCRIPT></p>
<p></div> <br />
</b:if></p>
</blockquote>
<p>3. Salve o modelo e teste.</p>
<p>Este alerta só aparecerá na primeira página do seu blog exibindo o texto que vc definir com um botão de “OK” que fechará o alerta.</p>
<p> </p>
<p><strong>Para o aviso aparecer ao sair da página:</strong></p>
<p>1. Entre em “Layout” e vá em “Editar HTML”. Lá encontre a linha “<body>” no seu código.</p>
<p>2. Substitua esse código, com as devidas modificações, por:</p>
<blockquote>
<p><body onunload="alert('<font color="#ff0000">texto da mensagem</font>');"></p>
</blockquote>
<p>3. Salvar e testar o resultado.</p>
<p>É exatamente como o exemplo acima, mas só abre quando a pessoa sair de sua página.</p>
<p> </p>
<p><strong>Mensagem de Alerta com Confirmação:</strong></p>
<p>Este é o caso de a pessoa poder rejeitar ou aceitar algo proposto, do tipo se deseja continuar naquela ação ou retornar para outra página. Contém um botão de “OK” e outro de “Cancelar”.</p>
<p>1. Entre em “Layout” e vá em “Editar HTML”. Lá encontre a linha “<body>” no seu código.</p>
<p>2. Abaixo dela coloque o seguinte código com as devidas modificações:</p>
<blockquote>
<p><b:if cond='data:blog.pageType == &quot;item&quot;'> <br />
<div id='subscribe'></p>
<p><script language="javascript"> <br />
function confirmation() { <br />
var answer = confirm("<font color="#ff0000">Mensagem de aviso</font>") <br />
if (answer){ <br />
alert("<font color="#ff0000">Aviso de confirmação da ação</font>") <br />
} <br />
else{ <br />
window.close() <br />
} <br />
}</p>
<p>confirmation() <br />
</script></p>
<p></div> <br />
</b:if></p>
</blockquote>
<p>3. Salve e faça o teste.</p>
<p> </p>
<p>Antes de tornar definitiva as mensagens, faça vários teste e veja como ficará o resultado final. Não use mais do que uma mensagem de alerta em seu site e só por um período determinado. As pessoas não gostam de sites ou blogs pouco objetivos e que atrapalham sua navegação ou demoram para encontrar o que precisam. Pior ainda se for pra ficar dizendo o que devem ou não fazer.</p></div></div>urn:lj:blogs.sapo.pt:atom1:fazerblog:9348ana2009-08-19T21:23:06Menu Caixa de Opções 2009-08-19T20:23:50Z2009-08-19T20:23:50Z<p>Falta de espaço no blog pode não ser desorganização, mas excesso de conteúdo mal distribuído. Muitas vezes queremos oferecer conteúdo para os visitantes e não sabemos como ordenar as opções. Outras vezes nos prendemos apenas aos <a href="http://ferramentasblog.blogspot.com/search/label/Marcadores" target="_blank" rel="noopener"><strong><font color="#3d81ee">Marcadores</font></strong></a> ou ao menu de arquivos, clássicos e padrões do Blogger. Descobri uma maneira de criar um menu mais simples e objetivo e que não ocupará espaço algum em seu blog.</p>
<p><span class="fullpost">
<p> </p>
<p>Esse menu pode ser usado para qualquer coisa e qualquer tipo de links que queira. É um dica muito útil até para dispor melhor seu conteúdo e classificar as opções. Veja o exemplo abaixo de como poderia ser:</p>
<p> </p>
<p align="center">
<form name="jump">
<select value="Ir" name="menu">
<option selected="selected">Meus blogs</option>
<option value="http://ferramentasblog.blogspot.com">[ ferramentas Blog ]</option>
<option value="http://lemosideias.blogspot.com">Lemos [ idéias ]</option>
<option value="http://estadonoetico.blogspot.com">Noesis</option>
</select>
</form>
</p>
<p> </p>
<p>É bem simples de fazer isso. Basta copiar o código abaixo, fazendo as devidas modificações e colar onde quiser que apareça. Até mesmo no meio de artigos e postagens pode ser colocado, como fiz acima. Ou, podem conter vários na sua barra lateral (sidebar) como um elemento de página <a href="http://ferramentasblog.blogspot.com/2008/12/onde-colar-codigo-html.html" rel="noopener"><strong><font color="#3d81ee">(gadget) do tipo “HTML/JavaScript”</font></strong></a>.</p>
</span></p>urn:lj:blogs.sapo.pt:atom1:fazerblog:9152ana2009-08-19T21:18:52Como criar uma lista de Links.2009-08-19T20:19:15Z2009-08-19T20:19:15Z<p> </p>
<p>Abra o lay-out de seu blog e clique em adicionar elementos, escolha: HTML/Java Script, copie e cole o código abaixo.<br />
</p>
<p><span style="color: blue"></span><div class='ljparseerror'>[<b>Error:</b> Irreparable invalid markup ('<div [...] blue">') in entry. Owner must fix manually. Raw contents below.]<br /><br /><div style="width: 95%; overflow: auto"><p> </p>
<p>Abra o lay-out de seu blog e clique em adicionar elementos, escolha: HTML/Java Script, copie e cole o código abaixo.<br />
</p>
<p><span style="color: blue"><div style="border: 1px solid rgb(153, 153, 153);</span></p>
<p><span style="color: blue">overflow: auto;</span></p>
<p><span style="color: blue">width:</span> <span style="color: red">200</span><span style="color: blue">px;</span></p>
<p><span style="color: blue">height:</span> <span style="color: red">300</span><span style="color: blue">px;</span></p>
<p><span style="color: blue">text-align: center; "></span></p>
<p><span style="color: blue">#link1 <br /></span></p>
<p><span style="color: blue">#link2 <br /></span></p>
<p><span style="color: blue">#link3 <br /></span></p>
<p><span style="color: blue">#link...</span></p>
<p><span style="color: blue"></div></span></p>
<p>Observações: O texto com width: <span style="color: red">200px</span>; and height: <span style="color: red">300px</span> refere-se ao tamanho, modifique para o tamanho adequado a sua sidebar.</p>
<p><span style="color: red">#link1,#link2, #link3</span> - Substitua pelo links de seus amigos</p>
<p>Fonte: http://trick-blog.blogspot.com/</p></div></div>urn:lj:blogs.sapo.pt:atom1:fazerblog:8883ana2009-08-19T21:16:00resumo de sua postagem2009-08-19T20:17:03Z2009-08-19T20:17:03Z<blockquote></blockquote><blockquote>Se você deseja apresentar apenas um resumo de sua postagem com um link do tipo 'Leia Mais...' ou 'Continue Lendo..." em seu blog, siga estes passos:<br />
<br />
Vá ao HTML do seu blog e antes da tag </head>, cole este código:</blockquote><blockquote></blockquote><blockquote><b:if cond="data:blog.pageType != "item""><br />
<br />
</b:if></blockquote>
<p><br />
Salve o template. Depois clique em <b>Expandir Modelo de Widget</b> e procure este trecho:<br />
<br />
</p>
<blockquote><div class="post-body"><br />
<p></div></blockquote><div class='ljparseerror'>[<b>Error:</b> Irreparable invalid markup ('<data:post.body>') in entry. Owner must fix manually. Raw contents below.]<br /><br /><div style="width: 95%; overflow: auto"><blockquote></blockquote><blockquote>Se você deseja apresentar apenas um resumo de sua postagem com um link do tipo 'Leia Mais...' ou 'Continue Lendo..." em seu blog, siga estes passos:<br />
<br />
Vá ao HTML do seu blog e antes da tag </head>, cole este código:</blockquote><blockquote></blockquote><blockquote><b:if cond='data:blog.pageType != "item"'><br />
<script type="text/javascript"><br />
<br />
var fade = false;<br />
function showFull(id) {<br />
var post = document.getElementById(id);<br />
var spans = post.getElementsByTagName('span');<br />
for (var i = 0; i &lt; spans.length; i++) {<br />
if (spans[i].id == "fullpost") {<br />
if (fade) {<br />
spans[i].style.background = peekaboo_bgcolor;<br />
Effect.Appear(spans[i]);<br />
} else spans[i].style.display = 'inline';<br />
}<br />
if (spans[i].id == "showlink")<br />
spans[i].style.display = 'none';<br />
if (spans[i].id == "hidelink")<br />
spans[i].style.display = 'inline';<br />
}<br />
}<br />
<br />
<br />
function hideFull(id) {<br />
var post = document.getElementById(id);<br />
var spans = post.getElementsByTagName('span');<br />
for (var i = 0; i &lt; spans.length; i++) {<br />
if (spans[i].id == "fullpost") {<br />
if (fade) {<br />
spans[i].style.background = peekaboo_bgcolor;<br />
Effect.Fade(spans[i]);<br />
} else spans[i].style.display = 'none';<br />
}<br />
if (spans[i].id == "showlink")<br />
spans[i].style.display = 'inline';<br />
if (spans[i].id == "hidelink")<br />
spans[i].style.display = 'none';<br />
}<br />
post.scrollIntoView(true);<br />
}<br />
<br />
function checkFull(id) {<br />
var post = document.getElementById(id);<br />
var spans = post.getElementsByTagName('span');<br />
var found = 0;<br />
for (var i = 0; i &lt; spans.length; i++) {<br />
if (spans[i].id == "fullpost") {<br />
spans[i].style.display = 'none';<br />
found = 1;<br />
}<br />
if ((spans[i].id == "showlink") &amp;&amp; (found == 0))<br />
spans[i].style.display = 'none';<br />
}<br />
}<br />
<br />
</script><br />
</b:if></blockquote>
<p><br />
Salve o template. Depois clique em <b>Expandir Modelo de Widget</b> e procure este trecho:<br />
<br />
</p>
<blockquote><div class='post-body'><br />
<p><data:post.body/></p></blockquote>
<p><br />
Substitua-o por:<br />
<br />
</p>
<blockquote><div class='post-body' expr:id='"post-" + data:post.id' ><br />
<b:if cond='data:blog.pageType == "item"'><br />
<style>#fullpost{display:inline;}</style><br />
<p><data:post.body/></p><br />
<b:else/><br />
<style>#fullpost{display:none;}</style><br />
<p><data:post.body/></p><br />
<span id='showlink'><br />
<a expr:href='data:post.url'>Leia Mais…</a><br />
</span><br />
<script type='text/javascript'><br />
checkFull("post-" + "<data:post.id/>");<br />
</script><br />
</b:if></blockquote>
<p><br />
Salve. Agora em em <b>Configurações->Formatação-></b> e desça a página até ver <b>Modelo de Postagem</b>. Cole alí o seguinte código:<br />
<br />
</p>
<blockquote>Digite aqui o resumo do post<br />
<span id="fullpost"><br />
Digite aqui o resto do post<br />
</span></blockquote>
<p><br />
Salve. Toda vez que você iniciar uma postagem este código aparecerá (melhor visualizado no modo HTML da postagem) e basta que você respeite os campos correspondentes para o resumo e o restante da postagem. Se não desejar resumir um determindo post, basta apagar o código.<br />
</p></div></div>urn:lj:blogs.sapo.pt:atom1:fazerblog:8352ana2009-08-19T21:05:19templates2009-08-19T20:05:43Z2009-08-19T20:20:26Z<p><span style="font-size: 100%"><span style="font-family: verdana; color: rgb(51,51,0)">Atualize seu blog gratuitamente, Clique nas imagens abaixo para conhecer as coleções. São sites selecionados para escolha dos mais belos templates e dicas.</span><br />
<span style="font-family: verdana; color: rgb(51,51,0)">Confira o que cada site apresenta neste desfile, Confira os looks dos templates, Acompanhe a tendências. </span></span><a href="http://www.iconarchive.com/show/money-icons-by-dapino/Money-icon.html" rel="noopener"><img alt="" src="http://friendsforever.foren-city.de/images/smiles/a010.gif" /></a><br />
<br />
<a href="http://www.raycreationsindia.com/free-blogspot-templates.aspx" rel="noopener"><img style="width: 200px; height: 111px; cursor: pointer" id="BLOGGER_PHOTO_ID_5355829405698543554" border="0" alt="" src="https://1.bp.blogspot.com/_fpuQjVsfgxI/SlO6d9RAz8I/AAAAAAAAIe4/TjsZrirpxUo/s200/capture77777d.jpg" /></a> <a href="http://templatesparanovoblogger.blogspot.com/" rel="noopener"><img style="width: 200px; height: 110px; cursor: pointer" id="BLOGGER_PHOTO_ID_5355829397794136914" border="0" alt="" src="https://1.bp.blogspot.com/_fpuQjVsfgxI/SlO6df0dI1I/AAAAAAAAIew/NCndxsJ7_zM/s200/capture666666d.jpg" /></a><a href="http://btemplates.com/" rel="noopener"><img style="width: 200px; height: 113px; cursor: pointer" id="BLOGGER_PHOTO_ID_5371066137650602546" border="0" alt="" src="https://1.bp.blogspot.com/_fpuQjVsfgxI/SoncMe_LIjI/AAAAAAAAIl8/g4XJKIMHPZY/s200/capturebtemplated.jpg" /></a><br />
<br />
<a href="http://www.deluxetemplates.net/" rel="noopener"><img style="width: 200px; height: 110px; cursor: pointer" id="BLOGGER_PHOTO_ID_5355829163974211074" border="0" alt="" src="https://1.bp.blogspot.com/_fpuQjVsfgxI/SlO6P4xcNgI/AAAAAAAAIeo/h6Yehoo1GRg/s200/captur55555555ed.jpg" /></a> <a href="http://www.beepthegeek.com/category/blogger-templates" rel="noopener"><img style="width: 200px; height: 110px; cursor: pointer" id="BLOGGER_PHOTO_ID_5355829158685858914" border="0" alt="" src="https://1.bp.blogspot.com/_fpuQjVsfgxI/SlO6PlEmXGI/AAAAAAAAIeg/XDrfGZP19M4/s200/captu44444444red.jpg" /></a> <a href="http://www.ourblogtemplates.com/" rel="noopener"><img style="width: 200px; height: 115px; cursor: pointer" id="BLOGGER_PHOTO_ID_5371066145019621170" border="0" alt="" src="https://1.bp.blogspot.com/_fpuQjVsfgxI/SoncM6cFbzI/AAAAAAAAImE/62SNaauU6dg/s200/captured.jpg" /></a><br />
<br />
<a href="http://blogger-dicasmamanunes.blogspot.com/" rel="noopener"><img style="width: 200px; height: 108px; cursor: pointer" id="BLOGGER_PHOTO_ID_5355829153175494962" border="0" alt="" src="https://1.bp.blogspot.com/_fpuQjVsfgxI/SlO6PQi04TI/AAAAAAAAIeY/11Ffyua5O70/s200/capture3d.jpg" /></a> <a href="http://blogtemplate4u.com/" rel="noopener"><img style="width: 200px; height: 112px; cursor: pointer" id="BLOGGER_PHOTO_ID_5355829152463080178" border="0" alt="" src="https://1.bp.blogspot.com/_fpuQjVsfgxI/SlO6PN4-SvI/AAAAAAAAIeQ/CTMIXKU9DmE/s200/captured.2.jpg" /></a> <a href="http://zonacerebral.com/category/blogger/plantillas-para-blogger" rel="noopener"><img style="width: 200px; height: 114px; cursor: pointer" id="BLOGGER_PHOTO_ID_5371066149857508642" border="0" alt="" src="https://1.bp.blogspot.com/_fpuQjVsfgxI/SoncNMdhvSI/AAAAAAAAImM/zT1VnI1qkaA/s200/captzonarured.jpg" /></a><br />
<br />
<a href="http://wpbloggerthemes.blogspot.com/" rel="noopener"><img style="width: 200px; height: 115px; cursor: pointer" id="BLOGGER_PHOTO_ID_5355829146186044386" border="0" alt="" src="https://1.bp.blogspot.com/_fpuQjVsfgxI/SlO6O2gaU-I/AAAAAAAAIeI/hIubP1Z_2_4/s200/captured1.jpg" /></a><a href="http://www.finalsense.com/services/blog_templates/" rel="noopener"><img style="width: 200px; height: 113px; cursor: pointer" id="BLOGGER_PHOTO_ID_5371067237108715618" border="0" alt="" src="https://1.bp.blogspot.com/_fpuQjVsfgxI/SondMeyakGI/AAAAAAAAImU/zRdPj99Mit0/s200/captfibasenseured.jpg" /></a></p>
<p><span style="font-family: Arial; font-size: 100%">Templates femininos com muito bom gosto. <img border="0" hspace="8" alt="thumbs_up" align="top" src="http://img178.imageshack.us/img178/5265/thumbsupbl8.png" width="19" height="23" />Onde? Neste <a href="http://www.finalsense.com/services/blog_templates/Women_templates.htm" target="_blank" rel="noopener"><span style="color: rgb(255,102,0)">Link.</span></a></span></p>
<p><img border="0" alt="image001" src="http://img178.imageshack.us/img178/6571/image001gc4.jpg" width="345" height="284" /></p>
<p><marquee style="width: 274px; height: 217px" direction="up" behavior="alternate">espero ter sido útil</marquee></p>
<p> </p>urn:lj:blogs.sapo.pt:atom1:fazerblog:8078ana2009-08-19T21:00:50Scroll em qualquer parte da nossa página2009-08-19T20:01:23Z2009-08-19T20:03:24Z<p><font size="3">Diversas formas para adicionar Scroll em qualquer parte da nossa página. <img border="0" alt="image002" width="35" height="25" src="http://img11.imageshack.us/img11/1607/image002v.gif" /> Vejamos os principais:<br />
</font></p>
<p><font face="Verdana">1 - * <u><font color="#0000ff">Scrollbars em todos widgets do blog</font></u> *</font></p>
<p><br />
</p>
<p><font face="Verdana">No seu template - Editar HTML</font></p>
<p><br />
</p>
<p><font face="Verdana">Insira o código abaixo logo após: <font color="#ff0000">/* Sidebar Content */.</font></font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">.sidebar .widget{</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">height:200px;</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">overflow:auto;</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">}</font></p>
<p><br />
</p>
<p><font face="Verdana">2 - <u><font color="#0000ff">* Scrollbars nos widgets em uma só sidebar *</font></u></font></p>
<p><br />
</p>
<p><font face="Verdana">Da mesma forma acima, Basta localizar o nome da barra lateral: (newsidebar, sidebarleft, sidebarrigth)</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">#sidebar .widget{</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">height:200px;</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">overflow:auto;</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">}</font></p>
<p><br />
</p>
<p><font face="Verdana">Caso tenha uma nova sidebar, use o código abaixo:</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">#newsidebar .widget{</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">height:200px;</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">overflow:auto;</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">}</font></p>
<p><br />
</p>
<p><font face="Verdana">3 - <u><font color="#0000ff">* Scrollbar em um unico widget*</font></u></font></p>
<p><br />
</p>
<p><font face="Verdana">Anter da colocação do código temos que localizar no layout o <strong>"id"</strong> Esta “<strong>id”</strong> é a identificação do elemento que queremos adicionar o Scroll.</font></p>
<p><br />
</p>
<p><font face="Verdana">Em nosso template sem expandir os widgets veremos algo parecido com isto:</font></p>
<p><br />
</p>
<p><font face="Verdana"><div id="’sidebar-wrapper’"></font></p>
<p><br />
</p>
<p><font face="Verdana"><b:section class="’sidebar’" id="’sidebar’" preferred="’yes’"></font></p>
<p><br />
</p>
<p><font face="Verdana"><b:widget id="’<strong">LinkList1’</strong> locked=’false’ title=<strong>’Meus amigos’</strong> type=’LinkList’/></font></p>
<p><br />
</p>
<p><font face="Verdana"><b:widget id="’<strong">Archivelist’</strong> locked=’false’ title=’’ type=’<strong>ArchiveL</strong>’/></font></p>
<p><br />
</p>
<p><font face="Verdana"><b:widget id="’<strong">Label1’</strong> locked=’false’ title=’Label’ type=<strong>’Label’/></strong></font></p>
<p><br />
</p>
<p><font face="Verdana"></b:section></font></p>
<p><br />
</p>
<p><font face="Verdana"></div></font></p>
<p><br />
</p>
<p><font face="Verdana">Observem que as palavras em negrito referem-se a “id” de cada widget.</font></p>
<p><br />
</p>
<p><font face="Verdana">Exemplificando: Vamos colocar o scroll em nossa lista de amigos. Logo a “id” a ser procurada é: "LinkList1". Vamos agora procurar <font color="#ff0000">/* Sidebar Content */</font> referente ao Linklist e abaixo colocamos o seguinte código:</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">#LinkList1 ul{</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">height:200px;</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">overflow:auto;</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">}</font></p>
<p><br />
</p>
<p><font face="Verdana">4- <u><font color="#0000ff">* Scrollbars no corpo das entradas *</font></u></font></p>
<p><br />
</p>
<p><font face="Verdana">Localizar a seguinte linha: <font color="#ff0000">.post {</font></font></p>
<p><br />
</p>
<p><font face="Verdana">Logo abaixo coloque o seguinte:</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">height:200px;</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">overflow:auto;</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">}</font></p>
<p><br />
</p>
<p><font face="Verdana">5- <font color="#008080">*</font> <u><font color="#0000ff">Scrollbars para uma parte da postagem *</font></u></font></p>
<p><br />
</p>
<p><font face="Verdana">Inserir este pequeno código no CSS do template.</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">.scrollbox {</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">height:100px;</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">width:300px;</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">overflow:auto;</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">}</font></p>
<p><br />
</p>
<p><font face="Verdana">No editor das postagens escreva seu artigo normalmente e na parte que vai aparecer como scroll coloque o seguinte:</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana"><div class="scrollbox"></font><font color="#008080" face="Verdana">TEXTO DENTRO DA SCROLL</font><font color="#ff0000" face="Verdana"></div></font></p>
<p><br />
</p>
<p><font face="Verdana">¡¡¡Nota!!!</font></p>
<p><br />
</p>
<p><font face="Verdana">Em alguns templates você poderá não encontrar: /* Sidebar Content */, Neste caso coloquem os códigos antes de: <font color="#ff0000">]]></b:skin>.</font></font></p>
<p><br />
</p>
<p><font face="Verdana"><img border="0" alt="image003" width="40" height="19" src="http://img11.imageshack.us/img11/259/image003.gif" /> Fonte: Elescaparate <img border="0" alt="image004" width="49" height="34" src="http://img11.imageshack.us/img11/3637/image004r.gif" /></font></p>
<p><br />
</p>
<p><font face="Verdana">http://elescaparatederosa.blogspot.com/2007/10/scrollbars-en-cualquier-parte-del-blog.html</font></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>Scroll em elementos de página</p>
<p> </p>
<p><span style="font-family: Arial">Economize espaço em seu layout a<span style="font-family: Arial">dicionando função Scroll em elementos de página. É uma </span>simples solução. Ideal para marcadores com grande quantidade de itens ou aquela lista enorme com Links recomendados ou de parceria. <img border="0" alt="gelakguling" src="http://img244.imageshack.us/img244/8977/image001gy6.gif" width="30" height="18" /></span></p>
<p><span style="font-family: Arial">Para inserir: Vá em adicionar um gadgets: (HTML/JavaScript <span style="color: blue"><img border="0" alt="Adicionar" src="http://img244.imageshack.us/img244/5889/image002ah1.gif" width="22" height="20" /></span>Adicionar funcionalidade de terceiros ou outro código a seu blog.)</span><br />
</p>
<p><span style="font-family: Arial"><img border="0" alt="babai" src="http://img244.imageshack.us/img244/5258/image003zc4.gif" width="28" height="18" />Coloque as linhas em azul e insira os links e titulos no meio. (Em vermelho)</span></p>
<p><span style="font-family: Arial">O tamanho pode ser alterado, modificando os valores que estão em verde.<img border="0" alt=":-D" src="http://picturelli.com/images/emo/smile_biggrin.gif" valign="absmiddle" /></span><br />
<br />
</p>
<p><span style="font-family: Arial; color: blue"><ul></span></p>
<p><span style="font-family: Arial"><span style="color: blue"></span></span></ul><div class='ljparseerror'>[<b>Error:</b> Irreparable invalid markup ('<div [...] green">') in entry. Owner must fix manually. Raw contents below.]<br /><br /><div style="width: 95%; overflow: auto"><p><font size="3">Diversas formas para adicionar Scroll em qualquer parte da nossa página. <img border="0" alt="image002" width="35" height="25" src="http://img11.imageshack.us/img11/1607/image002v.gif" /> Vejamos os principais:<br />
</font></p>
<p><font face="Verdana">1 - * <u><font color="#0000ff">Scrollbars em todos widgets do blog</font></u> *</font></p>
<p><br />
</p>
<p><font face="Verdana">No seu template - Editar HTML</font></p>
<p><br />
</p>
<p><font face="Verdana">Insira o código abaixo logo após: <font color="#ff0000">/* Sidebar Content */.</font></font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">.sidebar .widget{</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">height:200px;</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">overflow:auto;</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">}</font></p>
<p><br />
</p>
<p><font face="Verdana">2 - <u><font color="#0000ff">* Scrollbars nos widgets em uma só sidebar *</font></u></font></p>
<p><br />
</p>
<p><font face="Verdana">Da mesma forma acima, Basta localizar o nome da barra lateral: (newsidebar, sidebarleft, sidebarrigth)</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">#sidebar .widget{</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">height:200px;</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">overflow:auto;</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">}</font></p>
<p><br />
</p>
<p><font face="Verdana">Caso tenha uma nova sidebar, use o código abaixo:</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">#newsidebar .widget{</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">height:200px;</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">overflow:auto;</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">}</font></p>
<p><br />
</p>
<p><font face="Verdana">3 - <u><font color="#0000ff">* Scrollbar em um unico widget*</font></u></font></p>
<p><br />
</p>
<p><font face="Verdana">Anter da colocação do código temos que localizar no layout o <strong>"id"</strong> Esta “<strong>id”</strong> é a identificação do elemento que queremos adicionar o Scroll.</font></p>
<p><br />
</p>
<p><font face="Verdana">Em nosso template sem expandir os widgets veremos algo parecido com isto:</font></p>
<p><br />
</p>
<p><font face="Verdana"><div id=’sidebar-wrapper’></font></p>
<p><br />
</p>
<p><font face="Verdana"><b:section class=’sidebar’ id=’sidebar’ preferred=’yes’></font></p>
<p><br />
</p>
<p><font face="Verdana"><b:widget id=’<strong>LinkList1’</strong> locked=’false’ title=<strong>’Meus amigos’</strong> type=’LinkList’/></font></p>
<p><br />
</p>
<p><font face="Verdana"><b:widget id=’<strong>Archivelist’</strong> locked=’false’ title=’’ type=’<strong>ArchiveL</strong>’/></font></p>
<p><br />
</p>
<p><font face="Verdana"><b:widget id=’<strong>Label1’</strong> locked=’false’ title=’Label’ type=<strong>’Label’/></strong></font></p>
<p><br />
</p>
<p><font face="Verdana"></b:section></font></p>
<p><br />
</p>
<p><font face="Verdana"></div></font></p>
<p><br />
</p>
<p><font face="Verdana">Observem que as palavras em negrito referem-se a “id” de cada widget.</font></p>
<p><br />
</p>
<p><font face="Verdana">Exemplificando: Vamos colocar o scroll em nossa lista de amigos. Logo a “id” a ser procurada é: "LinkList1". Vamos agora procurar <font color="#ff0000">/* Sidebar Content */</font> referente ao Linklist e abaixo colocamos o seguinte código:</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">#LinkList1 ul{</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">height:200px;</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">overflow:auto;</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">}</font></p>
<p><br />
</p>
<p><font face="Verdana">4- <u><font color="#0000ff">* Scrollbars no corpo das entradas *</font></u></font></p>
<p><br />
</p>
<p><font face="Verdana">Localizar a seguinte linha: <font color="#ff0000">.post {</font></font></p>
<p><br />
</p>
<p><font face="Verdana">Logo abaixo coloque o seguinte:</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">height:200px;</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">overflow:auto;</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">}</font></p>
<p><br />
</p>
<p><font face="Verdana">5- <font color="#008080">*</font> <u><font color="#0000ff">Scrollbars para uma parte da postagem *</font></u></font></p>
<p><br />
</p>
<p><font face="Verdana">Inserir este pequeno código no CSS do template.</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">.scrollbox {</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">height:100px;</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">width:300px;</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">overflow:auto;</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana">}</font></p>
<p><br />
</p>
<p><font face="Verdana">No editor das postagens escreva seu artigo normalmente e na parte que vai aparecer como scroll coloque o seguinte:</font></p>
<p><br />
</p>
<p><font color="#ff0000" face="Verdana"><div class="scrollbox"></font><font color="#008080" face="Verdana">TEXTO DENTRO DA SCROLL</font><font color="#ff0000" face="Verdana"></div></font></p>
<p><br />
</p>
<p><font face="Verdana">¡¡¡Nota!!!</font></p>
<p><br />
</p>
<p><font face="Verdana">Em alguns templates você poderá não encontrar: /* Sidebar Content */, Neste caso coloquem os códigos antes de: <font color="#ff0000">]]></b:skin>.</font></font></p>
<p><br />
</p>
<p><font face="Verdana"><img border="0" alt="image003" width="40" height="19" src="http://img11.imageshack.us/img11/259/image003.gif" /> Fonte: Elescaparate <img border="0" alt="image004" width="49" height="34" src="http://img11.imageshack.us/img11/3637/image004r.gif" /></font></p>
<p><br />
</p>
<p><font face="Verdana">http://elescaparatederosa.blogspot.com/2007/10/scrollbars-en-cualquier-parte-del-blog.html</font></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>Scroll em elementos de página</p>
<p> </p>
<p><span style="font-family: Arial">Economize espaço em seu layout a<span style="font-family: Arial">dicionando função Scroll em elementos de página. É uma </span>simples solução. Ideal para marcadores com grande quantidade de itens ou aquela lista enorme com Links recomendados ou de parceria. <img border="0" alt="gelakguling" src="http://img244.imageshack.us/img244/8977/image001gy6.gif" width="30" height="18" /></span></p>
<p><span style="font-family: Arial">Para inserir: Vá em adicionar um gadgets: (HTML/JavaScript <span style="color: blue"><img border="0" alt="Adicionar" src="http://img244.imageshack.us/img244/5889/image002ah1.gif" width="22" height="20" /></span>Adicionar funcionalidade de terceiros ou outro código a seu blog.)</span><br />
</p>
<p><span style="font-family: Arial"><img border="0" alt="babai" src="http://img244.imageshack.us/img244/5258/image003zc4.gif" width="28" height="18" />Coloque as linhas em azul e insira os links e titulos no meio. (Em vermelho)</span></p>
<p><span style="font-family: Arial">O tamanho pode ser alterado, modificando os valores que estão em verde.<img border="0" alt=":-D" src="http://picturelli.com/images/emo/smile_biggrin.gif" valign="absmiddle" /></span><br />
<br />
</p>
<p><span style="font-family: Arial; color: blue"><ul></span></p>
<p><span style="font-family: Arial"><span style="color: blue"><div style="overflow:auto;width:</span><strong><span style="color: green">200</span></strong><span style="color: blue"> px;height:</span><strong><span style="color: green">100</span></strong><span style="color: blue"> px;padding:</span><strong><span style="color: green">8</span></strong><span style="color: blue"> px;border:1px solid #eee"></span></span></p>
<p><span style="font-family: Arial"><span style="color: blue"><li><a href= "</span> <span style="color: red">url completa</span> <span style="color: blue">" target="_blank"></span> <span style="color: red">título</span> <span style="color: blue"></a> </li></span></span></p>
<p><span style="font-family: Arial; color: blue"></ul></span></p>
<p><span style="font-family: Arial; color: blue"></div></span></p>
<p><span style="font-family: Arial; color: blue"><br />
</span></p>
<p><span style="font-family: Arial">Exemplo:</span></p>
<p><span style="font-family: Arial"><span style="color: blue"><div style="overflow:auto;width:200px;height:100px;padding:8px;border:1px solid #eee</span>"></span></p>
<p><span style="font-family: Arial; color: blue"><ul></span></p>
<p><span style="font-family: Arial"><span style="color: blue"><li><a href= "</span> <span style="color: red">url completa</span> <span style="color: blue">" target="_blank"></span> <span style="color: red">título aqui</span><span style="color: blue"> </a> </li></span></span></p>
<p><span style="font-family: Arial"><span style="color: blue"></ul></span></span></p>
<p><span style="font-family: Arial"><span style="color: blue"></div></span></span></p>
<p><span style="font-family: Arial">FONTE: <a href="http://www.blogspottutorial.com/2008/09/making-scroll-function-in-page-element.html" target="_blank" rel="noopener"><span style="color: rgb(0,128,128)">Blogspottutorial </span></a></span><span style="font-family: Arial"><img border="0" alt="babai" src="http://img244.imageshack.us/img244/5258/image003zc4.gif" width="28" height="18" /></span></p>
<p> </p>
<p> </p></div></div>urn:lj:blogs.sapo.pt:atom1:fazerblog:7686ana2009-08-19T20:58:25Relógios digitais 2009-08-19T19:58:59Z2009-08-19T19:58:59Z<p><span style="font-family: Arial; font-size: 85%">
<table border="0" cellspacing="0" cellpadding="0" width="155">
<tbody>
<tr>
<td><embed height="51" type="application/x-shockwave-flash" align="9" width="155" src="http://stuff.pyzam.com/toys/digit2.swf?myc=16646165" quality="high" wmode="transparent"></embed></td>
</tr>
<tr>
<td><center><a href="http://www.pyzam.com/toys" rel="noopener"><font color="#5371c5">get this clock</font></a></center></td>
</tr>
</tbody>
</table>
<br />
<font color="#5371c5"><img style="width: 0px; height: 0px; visibility: hidden" border="0" src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyMTk2MzA5MDAwNzgmcHQ9MTIxOTYzMDkwODAxNSZwPTM5MDEmZD1mbGFzaHRveXMmbj*mZz*x.gif" width="0" height="0" alt="" /></font>Gadgets de Relógios digitais totalmente configuráveis.</span></p>
<p><span style="font-family: Arial; font-size: 85%">Depois de configurar cores e tamanho adicione facilmente em qualquer das plataformas clicando sobre o ícone, ou ainda copiar o código e colar na sidebar de sua página.</span></p>
<p><span style="font-family: Arial; font-size: 85%"><img border="0" alt="image001" src="http://img253.imageshack.us/img253/7826/image001cb6.jpg" width="301" height="210" /></span></p>
<p><span style="font-family: Arial; font-size: 85%">Não vá chegar atrasado! Confira: <a href="http://www.pyzam.com/toys/view/digitalclock" rel="noopener"><font color="#5371c5">http://www.pyzam.com/toys/view/digitalclock</font></a></span></p>urn:lj:blogs.sapo.pt:atom1:fazerblog:7575ana2009-08-19T20:57:11Subir Pàgina 2009-08-19T19:57:34Z2009-08-19T19:57:34Z<p><span style="font-family: Arial">Este código é para colocar uma seta para subir a página. Ideal para quem tem postagens longas, ou muitas postagens na primeira página.<br />
</span></p>
<p><span style="font-family: Arial">Coloque-o acima da tag: <span style="color: blue"></span></span></p>
<p><span style="font-family: Arial">Código:</span></p>
<p><span style="font-family: Arial; color: blue"><a href="’#’" shape="’rect’"></span></p>
<p><span style="font-family: Arial"><span style="color: blue"></a></span></span><div class='ljparseerror'>[<b>Error:</b> Irreparable invalid markup ('<img [...] página’>') in entry. Owner must fix manually. Raw contents below.]<br /><br /><div style="width: 95%; overflow: auto"><p><span style="font-family: Arial">Este código é para colocar uma seta para subir a página. Ideal para quem tem postagens longas, ou muitas postagens na primeira página.<br />
</span></p>
<p><span style="font-family: Arial">Coloque-o acima da tag: <span style="color: blue"></body></span></span></p>
<p><span style="font-family: Arial">Código:</span></p>
<p><span style="font-family: Arial; color: blue"><a href=’#’ shape=’rect’></span></p>
<p><span style="font-family: Arial"><span style="color: blue"><img alt=’Subir Página’ border=’0’ src=’</span> <span style="color: red">Url de sua Imagem</span> <span style="color: blue">’ style=’position: fixed; bottom:0; left:0;’/></span></span></p>
<p><span style="font-family: Arial; color: blue"></a></span></p>
<p><span style="font-family: Arial">Para mudar a posição da seta.</span></p>
<p><span style="font-family: Arial">Left= Esquerda</span></p>
<p><span style="font-family: Arial">Center: centro.</span></p>
<p><span style="font-family: Arial">Rigth: Direita</span></p>
<p><span style="font-family: Arial">Fonte: http://patopatan.blogspot.com/</span></p></div></div>urn:lj:blogs.sapo.pt:atom1:fazerblog:7345ana2009-08-19T20:54:31Link-me sem copiar e colar códigos 2009-08-19T19:55:06Z2009-08-19T19:55:06Z<p><span style="font-family: Arial; font-size: 85%">Com este código, Blogueiros poderão colocar facilmente o link com imagem de seu Blog, sem que tenham de copiar e colar absolutamente nada. Basta que você tenha o endereço de sua imagem para inserir no código abaixo. A imagem quando clicada vai automaticamente levar a uma página do Blogger, Onde deverá ser escolhido o Blog para inserção do link. A inserção do link aparecerá em elementos de página, Arraste-o para onde quer que apareça.</span></p>
<p><img style="cursor: hand" id="BLOGGER_PHOTO_ID_5233492727593058066" border="0" alt="" src="https://1.bp.blogspot.com/_fpuQjVsfgxI/SKEZ6FLGPxI/AAAAAAAADgQ/zew85QU2uwQ/s320/capturedbloggfer.JPG" /><br />
</p>
<p><span style="font-family: Arial; font-size: 85%">O código é este. Não esqueça de substituir o texto em vermelho.</span></p>
<p><span style="font-family: Arial; color: blue; font-size: 85%"><center><form action="http://beta.blogger.com/add-widget" method="post"></span></p>
<p><span style="font-family: Arial; color: blue; font-size: 85%"><input value="Amigos " name="widget.title" type="hidden" /></span></p>
<p><span style="font-family: Arial; color: blue; font-size: 85%"><textarea style="display: none;" name="widget.content"></span></p>
<p><span style="font-family: Arial; color: blue; font-size: 85%"><a href="http://</span><span style="font-family: Arial; color: red; font-size: 85%">NOME DO SEU BLOG.</span><span style="font-family: Arial; color: blue; font-size: 85%">blogspot.com" target="_blank"></span></p>
<p><span style="font-family: Arial; color: blue; font-size: 85%"><img alt="</span><span style="font-family: Arial; color: red; font-size: 85%">NOME DO SEU BLOG</span> <span style="font-family: Arial; color: blue; font-size: 85%">" src="</span><span style="font-family: Arial; color: red; font-size: 85%">Endereço da sua imagem</span><span style="font-family: Arial; color: blue; font-size: 85%"> "/></span></p>
<p><span style="font-family: Arial; color: blue; font-size: 85%"></a></span></p>
<p><span style="font-family: Arial; color: blue; font-size: 85%"></textarea></span></p>
<p><span style="font-family: Arial; color: blue; font-size: 85%"><input value="http://buzz.blogger.com" name="infoUrl" type="hidden" /></span></p>
<p><span style="font-family: Arial; color: blue; font-size: 85%"><input value="http://www.blogger.com/img/icon_logo32.gif" name="logoUrl" type="hidden" /></span></p>
<p><span style="font-family: Arial; color: blue; font-size: 85%"></span></center></form><div class='ljparseerror'>[<b>Error:</b> Irreparable invalid markup ('<input [...] red;>') in entry. Owner must fix manually. Raw contents below.]<br /><br /><div style="width: 95%; overflow: auto"><p><span style="font-family: Arial; font-size: 85%">Com este código, Blogueiros poderão colocar facilmente o link com imagem de seu Blog, sem que tenham de copiar e colar absolutamente nada. Basta que você tenha o endereço de sua imagem para inserir no código abaixo. A imagem quando clicada vai automaticamente levar a uma página do Blogger, Onde deverá ser escolhido o Blog para inserção do link. A inserção do link aparecerá em elementos de página, Arraste-o para onde quer que apareça.</span></p>
<p><img style="cursor: hand" id="BLOGGER_PHOTO_ID_5233492727593058066" border="0" alt="" src="https://1.bp.blogspot.com/_fpuQjVsfgxI/SKEZ6FLGPxI/AAAAAAAADgQ/zew85QU2uwQ/s320/capturedbloggfer.JPG" /><br />
</p>
<p><span style="font-family: Arial; font-size: 85%">O código é este. Não esqueça de substituir o texto em vermelho.</span></p>
<p><span style="font-family: Arial; color: blue; font-size: 85%"><center><form action="http://beta.blogger.com/add-widget" method="post"></span></p>
<p><span style="font-family: Arial; color: blue; font-size: 85%"><input value="Amigos " name="widget.title" type="hidden"/></span></p>
<p><span style="font-family: Arial; color: blue; font-size: 85%"><textarea style="display: none;" name="widget.content"></span></p>
<p><span style="font-family: Arial; color: blue; font-size: 85%"><a href="http://</span><span style="font-family: Arial; color: red; font-size: 85%">NOME DO SEU BLOG.</span><span style="font-family: Arial; color: blue; font-size: 85%">blogspot.com" target="_blank"></span></p>
<p><span style="font-family: Arial; color: blue; font-size: 85%"><img alt="</span><span style="font-family: Arial; color: red; font-size: 85%">NOME DO SEU BLOG</span> <span style="font-family: Arial; color: blue; font-size: 85%">" src="</span><span style="font-family: Arial; color: red; font-size: 85%">Endereço da sua imagem</span><span style="font-family: Arial; color: blue; font-size: 85%"> "/></span></p>
<p><span style="font-family: Arial; color: blue; font-size: 85%"></a></span></p>
<p><span style="font-family: Arial; color: blue; font-size: 85%"></textarea></span></p>
<p><span style="font-family: Arial; color: blue; font-size: 85%"><input value="http://buzz.blogger.com" name="infoUrl" type="hidden"/></span></p>
<p><span style="font-family: Arial; color: blue; font-size: 85%"><input value="http://www.blogger.com/img/icon_logo32.gif" name="logoUrl" type="hidden"/></span></p>
<p><span style="font-family: Arial; color: blue; font-size: 85%"><input src="</span><span style="font-family: Arial; color: red; font-size: 85%">Endereço da sua imagem</span><span style="font-family: Arial; color: blue; font-size: 85%">" type="image"/></span></p>
<p><span style="font-family: Arial; color: blue; font-size: 85%"></form></center><hr/><br/></span></p></div></div>urn:lj:blogs.sapo.pt:atom1:fazerblog:7157ana2009-08-19T20:49:06Deixe a zebra vermelha procurar 2009-08-19T19:51:03Z2009-08-19T19:51:03Z<p> Que tal dar uma animadelaa nas suas buscas! Cansado de procurar no Google?</p>
<p><br />
</p>
<p>A zebra vermelha além de ser animada ainda mostra os resultados de várias formas.</p>
<p><br />
</p>
<p style="text-align: center"><img style="width: 329px; height: 177px" border="0" alt="image001" src="http://img241.imageshack.us/img241/663/image001eh1.jpg" width="419" height="242" /></p>
<p><br />
</p>
<p><img style="width: 273px; height: 168px" border="0" alt="image002" src="http://img241.imageshack.us/img241/6866/image002ko7.jpg" width="372" height="245" /></p>
<p><br />
<br />
</p>
<p>Home da Zebra: : http://redzee.com/</p>
<p><br />
</p>
<p>Fonte: http://keytrucos.blogspot.com/</p>urn:lj:blogs.sapo.pt:atom1:fazerblog:6829ana2009-08-19T20:46:56Contador de Visitas 2009-08-19T19:48:23Z2009-08-19T19:48:23Z<p><span style="font-family: Arial; font-size: 85%">Quer saber quantas pessoas têm visitado de seu blog ou site? É muito fácil incluir um deles gratuitamente em seu Site ou Blog.</span></p>
<p> </p>
<p> </p>
<p><span style="font-family: Arial; font-size: 85%"> <strong><span style="color: #0000ff">Flag Counter</span> </strong>- Basta configurar cores, Background, bordas, colunas, numero de bandeiras, etc. Depois clicar em : Get my flag counter . Na próxima página copie o código e insira na sidebar de seu blog.</span></p>
<p><span style="font-family: Arial; font-size: 85%"><img border="0" alt="image001" src="http://img242.imageshack.us/img242/4649/image001mx8.jpg" width="150" height="113" /></span></p>
<p><span style="font-family: Arial; font-size: 85%">Home Page: <a href="http://www.flagcounter.com/index.html" color="#000000" rel="noopener"><font color="#5371c5">http://www.flagcounter.com/index.html</font></a></span></p>
<p><a href="http://katatempla.blogspot.com/" color="#000000" rel="noopener"><br />
</a></p>
<p> </p>
<p><span style="font-family: Arial; font-size: 85%"><strong><span style="color: #0000ff"> Histats</span></strong> - Ao meu ver o melhor e mais completo. É necessário fazer cadastro no site. Dezenas de formato e cores.. </span><span style="font-family: Arial; font-size: 85%">Recomendo.</span></p>
<p><span style="font-family: Arial; font-size: 85%"><img border="0" alt="image002" src="http://img157.imageshack.us/img157/3662/image002ss4.jpg" width="119" height="38" /><img border="0" alt="image003" src="http://img157.imageshack.us/img157/3096/image003xl1.jpg" width="100" height="21" /><img border="0" alt="image004" src="http://img157.imageshack.us/img157/1152/image004gm0.jpg" width="119" height="24" /><img border="0" alt="image005" src="http://img157.imageshack.us/img157/4065/image005cs5.jpg" width="500" height="60" /></span></p>
<p><span style="font-family: Arial; font-size: 85%">Home Page: <a href="http://www.histats.com/" rel="noopener"><font color="#5371c5">http://www.histats.com/</font></a></span></p>
<p> </p>
<p><span style="font-family: Arial; font-size: 85%"><font color="#5371c5"><img style="width: 189px; height: 42px" border="0" alt="image006" src="http://img157.imageshack.us/img157/6961/image006bd0.jpg" width="226" height="44" /></font> </span></p>
<p><span style="font-family: Arial; font-size: 85%"><strong><span style="color: #0000ff">S</span></strong></span></p>
<p> </p>
<p> </p>
<p> </p>
<p><span style="font-family: Arial; font-size: 85%"><strong><span style="color: #0000ff">itemeter</span></strong> - Bastante simples e completíssimo. Recomendado. Tenha controle geral das estatísticas recebendo-as por E -mail. Usado por blogueiros no mundo todo! <a href="http://www.sitemeter.com/" rel="noopener"><font color="#5371c5">http://www.sitemeter.com/</font></a></span></p>
<p><span style="font-family: Arial; font-size: 85%"><span style="color: #0000ff"><strong>Bravenet </strong></span>- Entre outros recursos apresenta vários formatos de contadores</span></p>
<p><span style="font-family: Arial; font-size: 85%"><img border="0" alt="image007" src="http://img157.imageshack.us/img157/5610/image007dd9.jpg" width="99" height="180" /></span></p>
<p><span style="font-family: Arial; font-size: 85%">Home Page: </span><a href="http://www.bravenet.com/webtools/counter/index.php" rel="noopener"><span style="font-family: Arial; font-size: 85%"><font color="#5371c5">http://www.bravenet.com/webtools/counter/index.php</font></span></a></p>
<p><br />
</p>
<p><span style="font-family: Arial; font-size: 85%"><font color="#5371c5"><img border="0" alt="image008" src="http://img157.imageshack.us/img157/2204/image008rr4.jpg" width="88" height="32" /></font> Real Tracker - Completo no que se refere à origem do visitante.<br />
</span></p>
<p><span style="font-family: Arial; font-size: 85%">Saiba mais: <a href="http://www.realtracker.com/" rel="noopener"><font color="#5371c5">http://www.realtracker.com/</font></a></span></p>
<p><span style="font-family: Arial; font-size: 85%"><font color="#5371c5"><img border="0" alt="image009" src="http://img157.imageshack.us/img157/9896/image009gl1.jpg" width="70" height="15" /></font> CQ Counter - Obtenha informações sobre os visitantes do seu site. Você precisa apenas inserir um pequeno selo. No site você terá todos os gráficos com as informações sobre suas visitas. </span><span style="font-family: Arial; font-size: 85%">Home Page: </span><a href="http://www.cqcounter.com/" rel="noopener"><span style="font-family: Arial; font-size: 85%"><font color="#5371c5">http://www.cqcounter.com/</font></span></a></p>
<p><span style="font-family: Arial; font-size: 85%"><font color="#5371c5"><img style="width: 126px; height: 47px" border="0" alt="image010" src="http://img157.imageshack.us/img157/7130/image010fr9.jpg" width="193" height="58" /></font> <span style="font-family: Arial; font-size: 85%"><strong>Extreme Tracking </strong>- Simples e eficiente ao mostrar estatísticas.</span></span><span style="font-family: Arial; font-size: 85%"><br />
</span></p>
<p><span style="font-family: Arial; font-size: 85%">Home Page - <a href="http://extremetracking.com/?home" rel="noopener"><font color="#5371c5">http://extremetracking.com/?home</font></a></span><br />
</p>
<p><span style="font-family: Arial; font-size: 85%"><span style="font-weight: bold">Hit Counter</span> - Mais um contador gratuito oferecido pelo Bpath.com.</span></p>
<p><span style="font-family: Arial; font-size: 85%"><img border="0" alt="image011" src="http://img157.imageshack.us/img157/305/image011nh6.jpg" width="107" height="127" /></span></p>
<p><span style="font-family: Arial; font-size: 85%"><a href="http://www.bpath.com/counter/" rel="noopener"><font color="#5371c5">http://www.bpath.com/counter/</font></a></span></p>
<p><br />
</p>
<p><span style="font-family: Arial; font-size: 85%">Outro um pouco mais simples, porem eficiente.Basta preencher um pequeno cadastro com os dados do blog, pegar o código e inserir na sua página.<br />
</span></p>
<p><span style="font-family: Arial; font-size: 85%"><img border="0" alt="image012" src="http://img157.imageshack.us/img157/8862/image012yf7.jpg" width="88" height="22" /> </span><a href="http://www.contadordevisitasgratis.com/" rel="noopener"><span style="font-family: Arial; font-size: 85%"><font color="#5371c5">http://www.contadordevisitasgratis.com/</font></span></a></p>
<p><br />
</p>
<p><span style="font-family: Arial; font-size: 85%">Este site tem contadores gratuitos com vários formatos, Confira: </span></p>
<p><span style="font-family: Arial; font-size: 85%"><img border="0" alt="image013" src="http://img157.imageshack.us/img157/2943/image013fe3.jpg" width="114" height="46" /><img border="0" alt="image014" src="http://img157.imageshack.us/img157/8113/image014qw7.jpg" width="100" height="18" /><img border="0" alt="image015" src="http://img157.imageshack.us/img157/8913/image015gd5.jpg" width="120" height="24" /></span></p>
<p><span style="font-family: Arial; font-size: 85%">Home Page: </span><a href="http://contadorgratis.web-kit.org/" rel="noopener"><span style="font-family: Arial; font-size: 85%"><font color="#5371c5">http://contadorgratis.web-kit.org/</font></span></a></p>
<p><br />
</p>
<p><a href="http://www.2w.com.br/contador-de-visitas-acessos-gratis.html" rel="noopener"></a></p>urn:lj:blogs.sapo.pt:atom1:fazerblog:6550ana2009-08-19T20:42:05facilitar a comunicação2009-08-19T19:42:56Z2009-08-19T19:42:56Z<p>Aumente o número de canais para facilitar a comunicação com seus leitores, Adicione em seu Site ou Blog o cbox.</p>
<p>Siga este link: <a href="http://www.cbox.ws/getone.php" rel="noopener"><font color="#5371c5">http://www.cbox.ws/getone.php</font></a>, preencha o formulário, Click em”See all styles) para escolher o que melhor combinar com seu lay-out</p>
<p> </p>
<p style="text-align: center"><img border="0" alt="image002" src="http://img391.imageshack.us/img391/4786/image002ez4.jpg" width="97" height="182" /> <img border="0" alt="image003" src="http://img391.imageshack.us/img391/155/image003iu4.jpg" width="97" height="182" /><img border="0" alt="image005" src="http://img391.imageshack.us/img391/3790/image005st7.jpg" width="97" height="182" /><img border="0" alt="image004" src="http://img391.imageshack.us/img391/2696/image004hd3.jpg" width="97" height="182" /></p>urn:lj:blogs.sapo.pt:atom1:fazerblog:6185ana2009-08-19T20:40:31Tradutores 2009-08-19T19:41:13Z2009-08-19T19:41:13Z<p style="text-align: center">Tradutores com bandeiras para inserir em seu blog.<br />
</p>
<p style="text-align: center"> </p>
<p style="text-align: justify">Incremente seu blog ou site, com os tradutores do Google. Tradutores com bandeiras em diversos tamanhos. Formatos horizontal ou vertical<br />
</p>
<p><img border="0" alt="image001" src="http://img70.imageshack.us/img70/2981/image001ak0.jpg" width="241" height="83" /></p>
<p><img border="0" alt="image002" src="http://img70.imageshack.us/img70/8206/image002hu1.jpg" width="204" height="271" /></p>
<p>Para escolher formatos e pegar os codigos acessem este <a href="http://www.madtomatoe.com/google-translate-mini-flags-widget/" target="_blank" rel="noopener"><font color="#5371c5">LINK.</font></a></p>urn:lj:blogs.sapo.pt:atom1:fazerblog:5932ana2009-08-19T20:26:12Google Gadgets2009-08-19T19:26:56Z2009-08-19T19:26:56Z<p>Google Gadgets para sua página da web, Escolha entre as seguintes categorias: <span style="color: #003366"><a href="http://www.google.com/ig/directory?synd=open&source=gghp&cat=news" rel="noopener"><span style="color: #003366">Notícias</span></a> , <a href="http://www.google.com/ig/directory?synd=open&source=gghp&cat=tools" rel="noopener"><span style="color: #003366">Ferramentas</span></a>, <a href="http://www.google.com/ig/directory?synd=open&source=gghp&cat=communication" rel="noopener"><span style="color: #003366">Comunicação</span></a>, <a href="http://www.google.com/ig/directory?synd=open&source=gghp&cat=funandgames" rel="noopener"><span style="color: #003366">Diversão e jogos</span></a> , <a href="http://www.google.com/ig/directory?synd=open&source=gghp&cat=finance" rel="noopener"><span style="color: #003366">Finanças</span></a>, <a href="http://www.google.com/ig/directory?synd=open&source=gghp&cat=sports" rel="noopener"><span style="color: #003366">Esportes</span></a>, <a href="http://www.google.com/ig/directory?synd=open&source=gghp&cat=lifestyle" rel="noopener"><span style="color: #003366">Estilo de vida</span></a>, <a href="http://www.google.com/ig/directory?synd=open&source=gghp&cat=technology" rel="noopener"><span style="color: #003366">Tecnologia</span></a> e <a href="http://www.google.com/ig/directory?synd=open&source=gghp&cat=new" rel="noopener"><span style="color: #003366">Coisas novas</span></a> </span></p>
<p> </p>
<p>Saiba mais <a href="http://www.google.com/ig/directory?synd=open&source=gghp&cat=all" target="_blank" rel="noopener"><font color="#5371c5">aqui.</font></a><br />
</p>
<p><img border="0" alt="image001" src="http://img73.imageshack.us/img73/5944/image001tv7.jpg" width="240" height="240" /></p>urn:lj:blogs.sapo.pt:atom1:fazerblog:5757ana2009-08-19T20:24:08Analizar suas páginas2009-08-19T19:24:46Z2009-08-19T19:24:46Z<p> </p>
<p><span style="font-family: Arial">Quer saber quanto tempo é gasto para carregar sua página de Blog/Web? Acesse agora mesmo este endereço: </span><a href="http://www.linkvendor.com/seo-tools/speedtester.html" rel="noopener"><span style="font-family: Arial"><font color="#5371c5">http://www.linkvendor.com/seo-tools/speedtester.html</font></span></a><span style="font-family: Arial"> , Digite a URL de seu blog e será mostrado o tempo de carregamento em várias formas de conexões, numero de javascript, quantidade de imagens e outros serviços como: Analise de Meta tag, PageRank, Multi PageRank, Bookmarks</span></p>
<p><span style="font-family: Arial"><img border="0" alt="image001" src="http://img84.imageshack.us/img84/5494/image001mf8.jpg" width="268" height="214" /></span></p>urn:lj:blogs.sapo.pt:atom1:fazerblog:5465ana2009-08-04T20:14:07O que é um blog? 2009-08-04T19:14:34Z2009-08-04T19:14:58Z<p style="text-align: center"><b><a name="1"></a></b></p>
<p style="text-align: justify"><font size="2">«Um blog é uma página web actualizada frequentemente, composta por pequenos parágrafos apresentados de forma cronológica. É como uma página de notícias ou um jornal que segue uma linha de tempo com um facto após o outro. O conteúdo e tema dos blogs abrange uma infinidade de assuntos que vão desde diários, piadas, links, notícias, poesia, ideias, fotografias, enfim, tudo que a imaginação do autor permitir.</font></p>
<p style="text-align: justify"><font size="2">Usar um blog é como mandar uma mensagem instantânea para toda a web: você escreve sempre que tiver vontade e todos que visitam seu blog têm acesso ao que você escreveu.</font></p>
<p style="text-align: justify"><font size="2">Vários blogs são pessoais, exprimem ideias ou sentimentos do autor. Outros são resultado da colaboração de um grupo de pessoas que se reúnem para actualizar um mesmo blog. Alguns blogs são voltados para diversão, outros para trabalho e há até mesmo os que misturam tudo.</font></p>
<p> </p>
<p><b><font size="2">A melhor forma de entender o funcionamento de um blog é visitando um</font></b><font size="2">.»</font></p>
<p><b><font size="2">(texto retirado do Blogger Brasil)</font></b></p>urn:lj:blogs.sapo.pt:atom1:fazerblog:5226ana2009-08-03T00:30:44Esta poderá ser a sua página inicial. 2009-08-02T23:31:47Z2009-08-02T23:31:47Z<h3 class="post-title entry-title">
<div class="post-footer">
<div style="text-align: center" class="post-footer-line post-footer-line-2"> </div>
</div>
</h3>
<h3 style="text-align: center" class="post-title entry-title"><img id="BLOGGER_PHOTO_ID_5173541831143113970" border="0" alt="" src="http://bp0.blogger.com/_MCx1mwu0Fr0/R8wc4oPoxPI/AAAAAAAAAvY/B2A-WRJ_ISI/s400/wwwhomepagestartupcom_p_800.png" /><br />
<br />
<span style="font-size: x-small">Esta poderá ser a sua página inicial, quando abre o <br />
seu navegador (browser) da web.<br />
Sou utilizador de á cerca de dois anos desta página <br />
inicial, cujas vantagens serão:<br />
<br />
Página toda customizável de acordo com as suas <br />
preferencias, desde tamanho, cores, colunas,etc;<br />
<br />
Pode acrescentar tab's, adicionando por exemplo: Blogs, <br />
Games, etc;<br />
Cada tab pode conter até 50 screenshots em miniatura,<br />
de modo a que possa reconhecer melhor o site ou blog.<br />
Tem caixa de pesquisa, baseada nos motores de busca:<br />
Google Search, MSN Search, Yahoo! Search, Ask.com Search,<br />
Wikipedia English, entre outros.<br />
<br />
Cadastre-se no site, com nome e email válido e tenha a <br />
sua página, em qualquer PC ou MAC.<br />
<br />
Que posso dizer mais? O melhor mesmo é experimentar.<br />
E dê a sua opinião.<br />
<br />
<br />
Link do <span style="font-weight: bold">Homepagestartup</span>: </span><a href="http://www.homepagestartup.com/" rel="noopener"><span style="font-size: x-small"><font color="#666666">www.homepagestartup.com</font></span></a><span style="font-size: x-small"><br />
<br />
Fonte: Recebido por email</span></h3>urn:lj:blogs.sapo.pt:atom1:fazerblog:5072ana2009-08-03T00:28:2939 Ferramentas para WEB que não requerem registo 2009-08-02T23:29:55Z2009-08-02T23:29:55Z<h3 class="post-title entry-title">
<div class="post-footer">
<div style="text-align: center" class="post-footer-line post-footer-line-2"> </div>
</div>
</h3>
<h3 style="text-align: center" class="post-title entry-title"><img id="BLOGGER_PHOTO_ID_5179774578801402066" border="0" alt="" src="http://bp3.blogger.com/_MCx1mwu0Fr0/R-JBiSoOYNI/AAAAAAAAA74/cGuF1FmImVg/s400/318660632_16eb419b1b_m.jpg" width="95" height="124" /><br />
<span class="fullpost"><br />
<span style="font-size: x-small"><br />
<strong>39 Ferramentas para WEB que não requerem registo</strong><br />
<br />
Temas:<br />
<br />
Online Conversion<br />
Generators<br />
Message Tools<br />
Video-Mail<br />
Easy Storage and Sharing Files<br />
Text Tools<br />
Quick Statistics of your Site<br />
Picture this...<br />
<br />
Se gosta também de "mexer", vai valer a pena dar um<br />
saltinho ao blog da Orli Yakuel.<br />
<br />
Foto da homepage: </span><a href="http://blog.go2web20.net/" rel="noopener"><span style="font-size: x-small"><font color="#666666">blog.go2web2.0 </font></span></a><span style="font-size: x-small"><br />
<br />
Link: </span><a href="http://blog.go2web20.net/2008/03/39-web-based-tools-that-dont-require.html" rel="noopener"><span style="font-size: x-small"><font color="#666666">39 web based tools that dont require</font></span></a><span style="font-size: x-small"><br />
</span><br />
<span style="font-size: xx-small">Fonte: </span><a href="http://luzfosca.stumbleupon.com/" rel="noopener"><span style="font-size: xx-small"><font color="#666666">StumbleUpon</font></span></a></span></h3>urn:lj:blogs.sapo.pt:atom1:fazerblog:4734ana2009-08-03T00:25:302700 Aplicações gratuitas para Web 2009-08-02T23:27:31Z2009-08-02T23:27:31Z<h3 class="post-title entry-title">
<div class="post-header-line-1"> </div>
<div class="post-footer-line post-footer-line-1">
<div class="post-footer-line post-footer-line-2"> </div>
<p style="text-align: center"><a href="http://wwwhatsnew.com/" rel="noopener"><img id="BLOGGER_PHOTO_ID_5181319280969278226" border="0" alt="" src="http://bp2.blogger.com/_MCx1mwu0Fr0/R-e-byoOYxI/AAAAAAAABCo/SAQ4c2p_xGk/s400/web2.0.jpg" width="194" height="178" /></a></p>
</div>
</h3>
<div class="post-body entry-content"><br />
<span class="fullpost"><br />
O que vos trago hoje é uma compilação feita pelo blog <span><strong>wwwhatsnew</strong></span><br />
de 2700 aplicações para Web gratuitas.<br />
Aproveite para treinar o seu espanhol.<br />
Estive a apreciar algumas aplicações e acho que vale a pena dar uma<br />
olhada, nesta lista enorme.(*)<br />
Dê a sua opinião e boas aplicações.<br />
<br />
<img border="0" alt="" src="http://imgcash6.imageshack.us/img90/3726/fotoxs0.png" /> Foto: <a href="http://www.cooltownstudios.com/images/web2.0.jpg" rel="noopener"><font color="#666666">cooltownstudios</font></a><br />
<font color="#666666"><img border="0" alt="" src="http://imgcash2.imageshack.us/img221/7232/homepagexe6.png" /></font> Homepage: <a href="http://wwwhatsnew.com/" rel="noopener"><font color="#666666">wwwhatsnew.</font></a></span></div>urn:lj:blogs.sapo.pt:atom1:fazerblog:4512ana2009-08-03T00:20:51Um novo motor de busca de downloads directos 2009-08-02T23:22:06Z2009-08-02T23:22:06Z<h3 class="post-title entry-title">
<div class="post-footer">
<div style="text-align: center" class="post-footer-line post-footer-line-2"> </div>
</div>
</h3>
<h3 style="text-align: center" class="post-title entry-title"><a href="http://bp2.blogger.com/_MCx1mwu0Fr0/SJIit5uHQ1I/AAAAAAAABts/GybRyu5D_6M/s1600-h/ScreenHunter_01+Jul.+31+21.36.jpg" rel="noopener"><img style="cursor: hand" id="BLOGGER_PHOTO_ID_5229280289314259794" border="0" alt="" src="http://bp2.blogger.com/_MCx1mwu0Fr0/SJIit5uHQ1I/AAAAAAAABts/GybRyu5D_6M/s400/ScreenHunter_01+Jul.+31+21.36.jpg" /></a><br />
<br />
<br />
<span style="font-size: x-small">O </span><span style="font-weight: bold"><a href="http://www.berilium.es/" rel="noopener"><span style="font-size: x-small"><font color="#666666">Berilium</font></span></a></span><span style="font-size: x-small"> é um motor de busca criado com recurso ao Google Custom Search Engine que permite pesquisar downloads directos alojados em sites como o Rapidshare, MegaUpload, MegaRotic, GigaSize, MegaShares, FileFactory, Badongo, SendSpace, YouSendIt, FileFront entre outros e ainda pesquisar ficheiros por extensão e vídeos alojados no Google Video, YouTube, MetaCafe, Break.com, entre outros.</span><br />
<br />
<span style="font-size: xx-small">via: </span><a href="http://www.webtuga.com/berilium-um-motor-de-busca-de-downloads-directos/" rel="noopener"><span style="font-size: xx-small"><font color="#666666">Webtuga</font></span></a></h3>urn:lj:blogs.sapo.pt:atom1:fazerblog:4233ana2009-08-03T00:19:07Photo Cube 2009-08-02T23:20:21Z2009-08-02T23:20:21Z<h3 class="post-title entry-title"> </h3>
<div class="post-footer">
<div class="post-header-line-1"> </div>
<div class="post-footer-line post-footer-line-1">
<div class="post-footer-line post-footer-line-2"> </div>
<p style="text-align: center"><embed style="width: 344px; height: 263px" height="263" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="344" src="http://imagescube.com/view.swf" flashvars="key=fff80cd6875ebd0ac3375b36777e7040&glow=16777215&by_x=-1&by_y=-1&bg_clr=4473924&host=http://imagescube.com" quality="high"></embed><br />
<br />
Faça upload das suas imagens ou fotos (máx.6). Coloque no seu site ou blog este cubo rotativo( costumizável).<br />
Homepage: <a href="http://www.imagescube.com/" rel="noopener"><font color="#666666">Photo Cube</font></a></p>
</div>
</div>urn:lj:blogs.sapo.pt:atom1:fazerblog:3564ana2009-07-24T22:24:32COMO INSTALAR O LAYOUT2009-07-24T21:24:57Z2009-07-24T21:24:57Z<h2 class="title" style="text-align: center;">COMO INSTALAR O LAYOUT:</h2>
<div class="widget-content">Para instalar o layout no blogger é simples, apenas siga esses passos:<br />
<br />
1 - Primeiro, modifique ou instale (se for a primeira vez) o template Minima, a primeira das opções oficiais no blogger.<br />
<br />
2 - Depois de instalado o Minima, vá em layout, uma das opções para arranjar seu blog.<br />
<br />
3 - Layout/Adicionar Elementos de Página.<br />
<br />
4 - Adicionar Gadget<br />
<br />
5 - Escolha o Gadget Html/Java Script<br />
<br />
6 - Cole no espaço apropriado o código do modelo que escolheu<br />
<br />
7 - Click na opção Salvar<br />
<br />
8 - Visualize seu blog, estará com o novo template, apenas aguarde um pouco até que a imagem carregue por completo.</div>urn:lj:blogs.sapo.pt:atom1:fazerblog:3217ana2009-07-24T22:21:47barras2009-07-24T21:24:31Z2009-07-24T21:24:31Z<p style="text-align: center;"><img width="296" height="163" src="http://i239.photobucket.com/albums/ff161/alessandrabm/pensandonavida.gif" alt="pensandonavida.gif barrinhas image by alessandrabm" /></p>
<textarea name="textarea"><a href="http://photobucket.com/images/barrinhas" target="_blank"><img src="http://i239.photobucket.com/albums/ff161/alessandrabm/pensandonavida.gif" border="0" alt="barrinhas Pictures, Images and Photos" /></a></textarea>
<p style="text-align: center;"><img src="http://i107.photobucket.com/albums/m298/leninovas/BARRINHAS/Barra_497-1.gif" alt="Barra_497-1.gif barrinhas image by leninovas" /></p>
<textarea name="textarea"><a href="http://photobucket.com/images/barrinhas" target="_blank"><img src="http://i107.photobucket.com/albums/m298/leninovas/BARRINHAS/Barra_497-1.gif" border="0" alt="barrinhas Pictures, Images and Photos" /></a></textarea>
<p style="text-align: center;"><img src="http://s240.photobucket.com/albums/ff167/adnavsneto/Barrinhas/th_2035PL.gif" alt="2035PL.gif image by adnavsneto" title="" /></p>
<textarea name="textarea"><a href="http://s240.photobucket.com/albums/ff167/adnavsneto/Barrinhas/?action=view¤t=2035PL.gif" target="_blank"><img src="http://i240.photobucket.com/albums/ff167/adnavsneto/Barrinhas/2035PL.gif" border="0" alt="Photobucket"></a></textarea>
<p style="text-align: center;"><img width="360" height="54" src="http://i243.photobucket.com/albums/ff303/monetex/Barrinhas/i180993513_30081.gif" alt="i180993513_30081.gif menina image by monetex" /></p>
<p style="text-align: center;"> </p>
<p style="text-align: center;"> </p>
<p style="text-align: center;"> </p>urn:lj:blogs.sapo.pt:atom1:fazerblog:3003ana2009-07-24T22:20:02WELCOME PARA SEU BLOG2009-07-24T21:20:52Z2009-07-24T21:20:52Z<p style="text-align: center;"><a target="_blank" href="http://photobucket.com/images/welcome%20cute" rel="noopener"><img width="97" height="116" border="0" src="http://i193.photobucket.com/albums/z129/Trisha_46_2007/Sayings/thwelcome16.gif" alt="Cute Welcome Pictures, Images and Photos" /></a> <a target="_blank" href="http://photobucket.com/images/welcome%20cute" rel="noopener"><img width="86" height="143" border="0" src="http://i396.photobucket.com/albums/pp49/SW33TTR3AT/856dddb9cd10d9a92e784e6f19477682.gif" alt="Welcome cute sign Pictures, Images and Photos" /></a> <a target="_blank" href="http://photobucket.com/images/welcome%20cute" rel="noopener"><img border="0" src="http://i280.photobucket.com/albums/kk172/TanyongAob/untitled.jpg" alt="welcome Pictures, Images and Photos" /></a> <a target="_blank" href="http://photobucket.com/images/welcome%20cute" rel="noopener"><img border="0" src="http://i187.photobucket.com/albums/x168/blonde_mom_57/cute%20animals/thwelkom1.gif" alt="welcome Pictures, Images and Photos" /></a> <a target="_blank" href="http://photobucket.com/images/welcome%20cute" rel="noopener"><img width="181" height="178" border="0" src="http://i689.photobucket.com/albums/vv255/akunza/welcome25fn8.gif" alt="welcome cute gurlz Pictures, Images and Photos" /></a></p>