tag:blogger.com,1999:blog-3247126124030345812024-03-13T04:15:41.692-07:00Dicas para blogs e sitesNoticias da Bahiahttp://www.blogger.com/profile/13653288905590497367noreply@blogger.comBlogger6125tag:blogger.com,1999:blog-324712612403034581.post-32482098507787509172013-01-04T19:10:00.000-08:002013-01-04T19:10:52.807-08:00Gadget Redes Sociais no blog <table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; margin-left: 1em; text-align: right;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-wGp7-fjQU9A/UOeZH3q6ZgI/AAAAAAAAB30/Aee9VgpHfOM/s1600/redesocial.png" imageanchor="1" style="clear: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" src="http://1.bp.blogspot.com/-wGp7-fjQU9A/UOeZH3q6ZgI/AAAAAAAAB30/Aee9VgpHfOM/s1600/redesocial.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"></td></tr>
</tbody></table>
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: x-small;">Um
gadget de Redes Sociais é a maneira mais fácil de fazer com que seus
leitores encontre você em outros meios de contato, ou até mesmo
acompanhar as maiores novidades que acontece em seu blog. Já pensou em
colocar as redes sociais que você participa em seu blog<span style="font-size: x-small;"><span style="background-color: white; color: #222222; display: inline ! important; float: none; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">?</span></span></span></span><span style="font-family: Arial,Helvetica,sans-serif;"> É fácil!</span><br />
<br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-family: Arial,Helvetica,sans-serif;">1 - Acesse o <a href="http://www.blogger.com/" target="_blank">painel do Blogger</a>;</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;">2 - Clique na guia "Layout" e em seguida "Adicionar um gadget".</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;">3 - Adicione o gadget "HTML/JavaScript" e insira o código informado abaixo:</span>
</span><br />
<div style="text-align: justify;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: x-small;"></span></span></div>
<div style="text-align: justify;">
<blockquote style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: #f0f0f0; background-position: initial initial; background-repeat: initial initial; border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(204, 204, 204) rgb(202, 218, 231); border-style: solid; border-width: 1px 1px 1px 3px; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: italic; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; margin: 15px 0px; orphans: 2; overflow: hidden; padding: 5px 20px 5px 9px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<span style="font-size: xx-small;"><span style="font-family: Arial, Helvetica, sans-serif;"><a href='<b><span style="color: magenta;">LINK DO PERFIL DO ORKUT OU COMUNIDADE</span></b>'
onclick='javascript:window.open(this.href,
&quot;hangoutBC&quot;, &quot;toolbar=0, location=0,
statusbar=1, menubar=0, scrollbars=no, width=1000,
height=700&quot;); return false;' style='text-decoration: none;'
title='Orkut'><img alt='Orkut' src='<span style="color: #6aa84f;">http://icons.iconarchive.com/icons/danleech/simple/48/orkut-icon.png'</span> style='border:0; width:45px; height:45px;'/></a> <a href='<b><span style="color: cyan;">LINK DO TWITTER'</span></b>
onclick='javascript:window.open(this.href,
&quot;hangoutBC&quot;, &quot;toolbar=0, location=0,
statusbar=1, menubar=0, scrollbars=no, width=1000,
height=700&quot;); return false;' style='text-decoration: none;'
title='Twitter'><img alt='Twitter' src='<span style="color: #6aa84f;">http://icons.iconarchive.com/icons/danleech/simple/48/twitter-icon.png</span>' style='border:0; width:45px; height:45px;'/></a> <a href='<b><span style="color: #3d85c6;">LINK DO FACEBOOK</span></b>'
onclick='javascript:window.open(this.href,
&quot;hangoutBC&quot;, &quot;toolbar=0, location=0,
statusbar=1, menubar=0, scrollbars=no, width=1000,
height=700&quot;); return false;' style='text-decoration: none;'
title='Facebook'><img alt='Facebook' src='<span style="color: #6aa84f;">http://icons.iconarchive.com/icons/danleech/simple/48/facebook-icon.png'</span> style='border:0; width:45px; height:45px;'/></a> <a href='<span style="color: red;"><b>LINK DO GOOGLE+</b></span>'
onclick='javascript:window.open(this.href,
&quot;hangoutBC&quot;, &quot;toolbar=0, location=0,
statusbar=1, menubar=0, scrollbars=no, width=1000,
height=700&quot;); return false;' style='text-decoration: none;'
title='Google +'><img alt='Google +' src='<span style="color: #6aa84f;">http://icons.iconarchive.com/icons/danleech/simple/48/google-plus-icon.png</span>' style='border:0; width:45px; height:45px;'/></a> </span></span></blockquote>
<span style="font-family: Arial,Helvetica,sans-serif;">A<span style="font-size: x-small;">dicione o link de sua rede social em:</span> </span><span style="font-size: xx-small;"><span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="color: magenta;">LINK DO PERFIL DO ORKUT OU COMUNIDADE<span style="color: black;">,</span> <span style="font-size: xx-small;"><span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="color: cyan;">LINK DO TWITTER, <span style="font-size: xx-small;"><span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="color: #3d85c6;">LINK DO FACEBOOK e <span style="font-size: xx-small;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: red;"><b>LINK DO GOOGLE+</b></span></span></span></span></b></span></span></span></b></span></span></span></b></span></span><br />
<br />
<span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="background-color: white; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Link destacado em <span style="color: #6aa84f;">Verde</span> - Caso você queira mudar a imagem. Existe vários sites de icon, eu conheço o http://www.iconarchive.com/</span></span></span><br />
<br />
<span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="background-color: white; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Prontinho! Agora todos podem te achar facilmente nas redes sociais! :) </span></span></span></div>
Noticias da Bahiahttp://www.blogger.com/profile/16192760322945620914noreply@blogger.com0tag:blogger.com,1999:blog-324712612403034581.post-80105702827431628432011-04-22T23:47:00.000-07:002011-04-22T23:49:47.428-07:00Para as pessoas saberem quantas vezes elas esteve no seu blogAlém da grande quantidade de tipos de contadores de visitas fornecidos por diversos sites, codigos para saberem quantos estão online, ainda é possível mostrar no seu blog quantas vezes cada pessoa entrou em seu blog, mas essa informação é apenas para quem visita o blog, por exemplo, vai aparecer no blog escrito: você já visitou esse blog 5 vezes, espero que tenha gostado! E a contagem continua automaticamente conforme a pessoa visualizar mais vezes seu blog.<br />
<br />
É muito facil colocar o codigo no seu blog, entre na página layout, adicionar gadget, html/javascript e coloque esse código:<br />
<br />
<br />
<strong><span style="color: blue;"><SCRIPT TYPE="text/javascript"><br />
antes = '<span style="color: red;">você já visitou esse blog</span>';<br />
depois ='<span style="color: red;">vezes, espero que tenha gostado!</span>';</SCRIPT> <SCRIPT SRC="http://www.salobro.com/scripts/visitas.js" TYPE="text/javascript"></SCRIPT></span></strong><br />
<br />
<br />
As frases que aparecem no código acima você pode mudar como quiser desde que não altere o restante do código as frazes que pode ser mudadas sao as entre parentese: (<strong><span style="color: red;">você já visitou esse blog</span></strong>) e (<strong><span style="color: red;">vezes, espero que tenha gostado!</span></strong>). Apenas tenha cuidado para não apagar as aspas, elas fazem parte do código e sem elas não vai funcionar.<br />
Esse script funciona com base no histórico de internet do seu navegador que está no computador de cada pessoa que visita o blog, então quando você ou alguém limpar o histórico a contagem recomeçará do zero, mas isso é individual, quero dizer a contagem é feita separadamente no computador de cada internauta, portanto somente no computador que alguem apagar o histórico a contagem recomeça do 0 novamente.<br />
Fonte da dica: <a href="http://messiasdojornal.salobro.com/">http://messiasdojornal.salobro.com/</a>Noticias da Bahiahttp://www.blogger.com/profile/13653288905590497367noreply@blogger.com1tag:blogger.com,1999:blog-324712612403034581.post-74395580796214804232011-04-15T17:00:00.000-07:002011-04-17T20:47:05.617-07:00Como adicionar Fan Box com os seguidores do Twitter no Blogger<div class="MsoNormal" style="text-align: justify;"> <table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; text-align: right;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-CFVkwis8dwk/TajboTmAfVI/AAAAAAAAGTI/ScQTfKZJTRU/s1600/twitter.bmp" imageanchor="1" style="clear: right; cssfloat: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" r6="true" src="http://4.bp.blogspot.com/-CFVkwis8dwk/TajboTmAfVI/AAAAAAAAGTI/ScQTfKZJTRU/s1600/twitter.bmp" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Adicionar legenda</td></tr>
</tbody></table> <div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;">É muito comum ver em muitos blogs uma “Caixa de Fãs” (Fan Box) do Facebook. Sim, essas caixetas que mostram o número de fãs que tem a página do blog no Facebook assim como as suas fotos de perfil.</span></div></div><div class="MsoNormal" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"></span></div><div class="MsoNormal" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"> <div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;">Mas você deve estar a pensar porque é que ele está a falar no Facebook quando o post é sobre o Twitter? A resposta é porque, neste post, vou ensinar a adicionar ao seu blog um Fan Box do Twitter, criada com bases da Fan Box do Facebook. Esta Fan Box (a do Twitter) mostra o número de seguidores e os seus os avatares dos 10 últimos seguidores conseguidos. Veja um exemplo abaixo:</span></div></div><div class="MsoNormal" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"> <span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"></span></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><a href="http://www.blogger.com/" name="more"></a><br />
<div class="MsoNormal" style="text-align: justify;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;">Isto é possível através do gadget criado por <a href="http://draft.blogger.com/"><span id="goog_354821173"></span>Moopz<span id="goog_354821174"></span></a> e que nos permitirá ter uma Fan Box de Twitter usando um script.</span></div><div class="MsoNormal" style="text-align: justify;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><div class="MsoNormal" style="text-align: justify;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;">Para adicioná-la ao seu blog só precisa adicionar um gadget HTML/JavaScript com o código abaixo ao seu blog:</span></div><blockquote><span class="Apple-style-span" style="line-height: 21px;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"><div class="textwidget"> <br style="margin: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script><div id="twitterfanbox"> <br style="margin: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><script type="text/javascript">fanbox_init("<b style="margin: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="color: red; margin: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">utilizador</span></b>");</script></div> <br style="margin: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></div> <br style="margin: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><style> <br style="margin: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />.FB_SERVER_IFRAME { <br style="margin: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><span style="margin: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="margin: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="color: lime;">width: 290px !important; /* Largura do gadget */ <br style="margin: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />height: 250px !important; /* Altura do gadget */</span> </strong></span>} <br style="margin: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></style></span></span></blockquote><div class="MsoNormal" style="text-align: justify;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"><span class="Apple-style-span" style="color: red;"><b>Obs.:</b></span> Substitua a <span class="Apple-style-span" style="color: red;"><b>palavra em vermelho </b></span>pelo seu nome de utilizador do Twitter sem o @. Se quiser personalizar a largura e a altura do gadget modifique a parte especificada a <span class="Apple-style-span" style="color: lime;"><b>cor verde</b></span>.</span><span class="Apple-style-span" style="color: #4c4c4c;"></span></div>Noticias da Bahiahttp://www.blogger.com/profile/13653288905590497367noreply@blogger.com1tag:blogger.com,1999:blog-324712612403034581.post-5388787577652355122011-04-14T21:07:00.000-07:002011-04-17T20:48:54.676-07:00Mapa do site para a plataforma Blogger / Blogspot.<div class="MsoNormal" style="margin: 0cm 0cm 0pt;">O mapa de um site e muito importante, para uma boa otimização. Ele ajuda na indexação de suas paginas nos mecanismos de busca, já que todos os seus links podem ser encontrados em apenas um lugar. <br />
<a href="http://www.blogger.com/" name="more"></a>Um dos problemas mais comuns, enfrentados para aqueles que utilizam o Blogger como plataforma, e sobre o Mapa do Site. Até em tão, o mapa do site no blogger, tinha que ser construído quase que manualmente, a cada nova postagem um novo link tinha que ser adicionado.</div><div class="MsoNormal" style="margin: 0cm 0cm 0pt;"></div><div class="MsoNormal" style="margin: 0cm 0cm 0pt;">Para resolver esses problemas, fiz umas pesquisas na Web, e descobri um jeito bem fácil de criar o mapa do seu site automático. Você não vai mais ter que adicionar, link por link, a cada nova postagem no seu Blog. É tudo automático.</div><div class="MsoNormal" style="margin: 0cm 0cm 0pt;"><br />
</div><div class="MsoNormal" style="margin: 0cm 0cm 0pt;">Vamos lá:</div><div class="MsoNormal" style="margin: 0cm 0cm 0pt;">Vá ao painel do seu Blog e clique <personname productid="em NOVA POSTAGEM." w:st="on">em NOVA POSTAGEM.</personname></div><div class="MsoNormal" style="margin: 0cm 0cm 0pt;">Depois clique <personname productid="em EDITAR HTML." w:st="on">em EDITAR HTML.<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-pUb7tANLteo/TafDuq-2iHI/AAAAAAAAGSo/-P1HIiIrU44/s1600/blogger.png" imageanchor="1" style="clear: left; cssfloat: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="161" r6="true" src="http://2.bp.blogspot.com/-pUb7tANLteo/TafDuq-2iHI/AAAAAAAAGSo/-P1HIiIrU44/s320/blogger.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"></td></tr>
</tbody></table><br />
<br />
</personname></div><div class="MsoNormal" style="margin: 0cm 0cm 0pt;"><shapetype coordsize="21600,21600" filled="f" id="_x0000_t75" o:preferrelative="t" o:spt="75" path="m@4@5l@4@11@9@11@9@5xe" stroked="f"><stroke joinstyle="miter"></stroke><formulas><f eqn="if lineDrawn pixelLineWidth 0"></f><f eqn="sum @0 1 0"></f><f eqn="sum 0 0 @1"></f><f eqn="prod @2 1 2"></f><f eqn="prod @3 21600 pixelWidth"></f><f eqn="prod @3 21600 pixelHeight"></f><f eqn="sum @0 0 1"></f><f eqn="prod @6 1 2"></f><f eqn="prod @7 21600 pixelWidth"></f><f eqn="sum @8 21600 0"></f><f eqn="prod @7 21600 pixelHeight"></f><f eqn="sum @10 21600 0"></f></formulas><path gradientshapeok="t" o:connecttype="rect" o:extrusionok="f"></path><lock aspectratio="t" v:ext="edit"></lock></shapetype><shape alt="" id="_x0000_i1025" style="height: 120.75pt; width: 240pt;" type="#_x0000_t75"><imagedata o:href="http://www.criarsites.com/wp-content/uploads/2010/03/postagem-editar-html.jpg" src="file:///C:\DOCUME~1\Messias\CONFIG~1\Temp\msohtml1\01\clip_image001.jpg"></imagedata></shape></div><div class="MsoNormal" style="margin: 0cm 0cm 0pt;">Atenção e muito importante que você não saia do modo editar HTML.</div><div class="MsoNormal" style="margin: 0cm 0cm 0pt;">Agora cole o seguinte código, trocando a parte em vermelho pelo seu site.</div><div class="MsoNormal" style="margin: 0cm 0cm 0pt;"><br />
<span style="font-family: "Times New Roman"; font-size: 12pt; mso-ansi-language: PT-BR; mso-bidi-language: AR-SA; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: PT-BR;"><shapetype coordsize="21600,21600" filled="f" o:preferrelative="t" o:spt="75" path="m@4@5l@4@11@9@11@9@5xe" stroked="f"></shapetype></span></div><br />
<div class="MsoNormal" style="margin: 0cm 0cm 0pt;"><br />
</div><div class="MsoNormal" style="margin: 0cm 0cm 0pt;"><span class="apple-style-span"><span style="background: white; color: blue; font-family: inherit;"><strong><script style="text/javascript" <span style="color: blue;">src="</span><span style="color: blue;"><span id="fullpost">http://www.salobro.com/scripts/mapablogger.js</span>"></script></span></strong></span></span></div><div class="MsoNormal" style="margin: 0cm 0cm 0pt;"><br />
</div><div class="MsoNormal" style="margin: 0cm 0cm 0pt;"><span class="apple-style-span"><b><span style="background: white; color: blue; font-family: inherit;"><script src="http://</span></b></span><span class="apple-style-span"><b><span style="background: white; color: red; font-family: inherit;">seublog</span></b></span><span class="apple-style-span"><b><span style="background: white; color: blue; font-family: inherit;"><span style="color: red;">.blogspot.com</span>/feeds/posts/default?max-results=1000&alt=json-in-script&callback=loadtoc"></script></span></b></span></div><div class="MsoNormal" style="margin: 0cm 0cm 0pt;"><br />
</div><div class="MsoNormal" style="margin: 0cm 0cm 0pt;"><span class="apple-style-span"><span style="background: white; font-family: inherit;">Clique em Opções de postagens e modifique a data para uma bem longe de agora ( Ex: 05/03/10)de </span><span style="background: white;">preferência</span></span><span class="apple-style-span"><span style="background: white; font-family: inherit;"> uma data do ano passado, para que a postagem do mapa não apareça em primeiro no Blog.</span></span></div><div class="MsoNormal" style="margin: 0cm 0cm 0pt;"><span class="apple-style-span"><span style="background: white; font-family: inherit;">Coloque o marcado com o nome de MAPA DO SITE.</span></span></div><div class="MsoNormal" style="margin: 0cm 0cm 0pt;"><span class="apple-style-span"><span style="background: white; font-family: inherit;">Clique em publicar postagens e pronto!!!O mapa do seu site já esta criado.</span></span></div><div class="MsoNormal" style="margin: 0cm 0cm 0pt;"><br />
</div><div class="MsoNormal" style="margin: 0cm 0cm 0pt;"><span class="apple-style-span"><span style="background: white; font-family: inherit;">OBS: O mapa do site pode demorar um pouco para </span><span style="background: white;">carregar</span></span><span class="apple-style-span"><span style="background: white; font-family: inherit;">, </span><span style="background: white;">dependendo da quantidade de arquivos existentes no seu Blog.</span></span><span class="apple-style-span"><span style="background: white; font-family: inherit;"> </span></span></div><div class="MsoNormal" style="margin: 0cm 0cm 0pt;"><br />
</div>Noticias da Bahiahttp://www.blogger.com/profile/13653288905590497367noreply@blogger.com2tag:blogger.com,1999:blog-324712612403034581.post-5935577394501085212011-03-19T21:09:00.000-07:002011-04-17T23:24:10.287-07:00Slides Com Postagens Recente no Blogger e Blogspot.<div class="post-body" id="post-3981867355295678707"><style>
#fullpost{display:inline;}
</style><span class="Apple-style-span"><span class="Apple-style-span"><span class="Apple-style-span" style="line-height: 21px;"><span style="color: black;"><span style="font-family: inherit;"><span class="Apple-style-span"><span class="Apple-style-span"><span class="Apple-style-span">C</span></span></span><span class="Apple-style-span">olocar um Slide com sua postagens recente, ela ajuda a melhorar as visitas internas de seu Blog, além de melhorar sua posições nos mecanismo de busca como GOOGLE, YAHOO, MSN,... e encaixa com qualquer template porque as cores e formas podem ser editadas.</span></span></span></span></span></span><br />
<div><span class="Apple-style-span"><span class="Apple-style-span" style="color: black; font-family: inherit;">O funcionamento da widget você verá em nossa pagina principal </span><a href="http://www.fazerblogger.com/" style="color: #993300; text-decoration: none;"><span class="Apple-style-span" style="color: black; font-family: inherit;">www.fazerblogger.com </span></a></span></div><div><span class="Apple-style-span"><i><span class="Apple-style-span"><br />
<span style="color: black; font-family: inherit;"></span></span></i></span></div><div><span class="Apple-style-span"><i><span class="Apple-style-span" style="color: black; font-family: inherit;"><strong>* O widget e de autoria de </strong></span></i><a href="http://www.dicasparablogs.com.br/" rel="nofollow" style="color: #554a42; text-decoration: none;"><i><span class="Apple-style-span" style="color: black; font-family: inherit;"><strong>Dicas Para Blogs</strong></span></i></a><i><span class="Apple-style-span" style="color: black; font-family: inherit;"><strong> mas eu fiz algumas alterações.</strong></span></i></span></div><div><span class="Apple-style-span"><span id="fullpost"><span class="Apple-style-span"><br />
<span style="color: black; font-family: inherit;"></span></span></span></span></div><div><span class="Apple-style-span"><span id="fullpost"><span class="Apple-style-span" style="color: black; font-family: inherit;">Para Instalar esse Widget é muito simples entre no </span><a href="http://www.blogger.com/" rel="nofollow" style="color: #993300; text-decoration: none;"><span class="Apple-style-span" style="color: black; font-family: inherit;">www.blogger.com</span></a><span class="Apple-style-span" style="color: black; font-family: inherit;"> Layout -> Adcionar Um GatGet -> HTML/ JavaScript e cole o Codigo Abaixo dentro da GatGet</span></span></span></div><div><blockquote><span class="Apple-style-span" style="font-size: x-small;"><span id="fullpost"><span class="Apple-style-span" style="color: #444444; font-family: inherit;"><i></i></span></span></span><br />
<div><blockquote><span class="Apple-style-span" style="font-size: x-small;"><span id="fullpost"><span style="background-color: #cccccc;"><span class="Apple-style-span" style="color: #444444; font-family: inherit;"><span class="apple-style-span"><span style="color: black; line-height: 115%;"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></span></span></span><span class="Apple-style-span" style="color: #444444; font-family: inherit;"><span class="apple-style-span" style="color: black; line-height: 115%;"></script></span></span><span class="Apple-style-span" style="color: #444444; font-family: inherit;"><span class="apple-style-span" style="color: black; line-height: 115%;"><script type="text/javascript"></span></span><span class="Apple-style-span" style="color: #444444; font-family: inherit;"><span class="apple-style-span" style="color: black; line-height: 115%;">$(document).ready(function(){</span></span></span><span class="Apple-style-span" style="color: #444444; font-family: inherit;"><span class="apple-style-span" style="background-color: #cccccc; color: black; line-height: 115%;">var first = 0;</span><span style="background-color: #cccccc; color: #444444; line-height: 115%;">var speed = 800;</span></span><span style="background-color: #cccccc;"><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">var pause = 6500;</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">function removeFirst(){</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">first = $('ul#slide li:first').html();</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">$('ul#slide li:first')</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">.animate({opacity: 0.5}, speed)</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">.fadeOut('slow', function() {$(this).remove();});</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">addLast(first);</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">}</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">function addLast(first){</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">last = '<li style="display:none">'+first+'</li>';</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">$('ul#slide').append(last)</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">$('ul#slide li:last')</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">.animate({opacity: 1}, speed)</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">.fadeIn('slow')</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">}</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">interval = setInterval(removeFirst, pause);</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">});</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;"></script></span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;"><style type="text/css"></span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">#slide{</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">height:160px;</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">width:510px;</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">overflow:hidden;</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">border: 2px solid #ccc;</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">margin: auto;</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">padding:5px;</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">}</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">#slide li{</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">margin: 10px 10px 10px 10px;</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">list-style:none;</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">}</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">#slide .news-title{</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">display:block;</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">text-align: center;</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">line-height: 15px;</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">}</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">#slide img{</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">float:left;</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">margin-right:10px;</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">padding:10px;</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">border:solid 1px #ccc;</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">}</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;"></style></span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;"><script language="JavaScript"></span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">imgr = new Array();</span></span><span style="line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;"><span class="Apple-style-span" style="color: #444444;">imgr[0] = "</span><span class="Apple-style-span" style="color: red;"><strong>http://www.transparenciamunicipal.com/wp-content/themes/channel/images/noimage.gif</strong></span><span class="Apple-style-span" style="color: #444444;">";</span></span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">showRandomImg = true;</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">tablewidth = 600;</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">cellspacing = 0;</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">borderColor = "";</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">bgTD = "#ffffff";</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">imgwidth = 115;</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">imgheight = 115;</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">fntsize = 15;</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">acolor = "#ff0000";</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">aBold = true;</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">icon = " ";</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">text = "no";</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">showPostDate = false;</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">summaryPost = 350;</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">summaryFontsize = 11;</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">summaryColor = "#0055e5";</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">icon2 = " ";</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">numposts = 10;</span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;">label = "";</span></span><span style="line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;"><span class="Apple-style-span" style="color: #444444;">home_page = "</span><span class="Apple-style-span" style="color: red;"><strong>dicasparafazerblogs.blogspot.com</strong></span><span class="Apple-style-span" style="color: #444444;">/";</span></span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;"></script></span></span><span style="color: #444444; line-height: 115%;"><span class="Apple-style-span" style="font-family: inherit;"><script src="http://www.salobro.com/scripts/slideparablogger.js" type="text/javascript"></script></span></span></span></span></span></blockquote></div></blockquote><span class="Apple-style-span" style="font-size: x-small;"><span id="fullpost"><i></i></span></span><br />
<div><span class="Apple-style-span"><span id="fullpost"><i><span class="Apple-style-span"><span class="Apple-style-span" style="font-style: normal;"><span class="Apple-style-span" style="color: black; font-family: inherit;">Altere o Nome em Vermelho Pelo o Endereço de Seu Blog. Pronto o Slide já esta Funcionando, Caso queria Fazer Algumas Alterações Segue algumas Dicas</span></span></span></i></span></span></div><div><span class="Apple-style-span"><span id="fullpost"><i><span class="Apple-style-span"><span class="Apple-style-span" style="font-style: normal;"><b><span class="Apple-style-span"><br />
<span style="color: black; font-family: inherit;"></span></span></b></span></span></i></span></span></div><div><span class="Apple-style-span"><span id="fullpost"><i><span class="Apple-style-span" style="font-style: normal;"><b><span class="Apple-style-span" style="color: black; font-family: inherit;">ALTERAR A VELOCIDADE DO SLIDE</span></b></span></i></span></span></div><div><span class="Apple-style-span"><span id="fullpost"><i><span class="Apple-style-span" style="font-style: normal;"><span class="Apple-style-span"><br />
<span style="color: black; font-family: inherit;"></span></span></span></i></span></span></div><div><span class="Apple-style-span"><span id="fullpost"><i><span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span" style="font-style: normal;"><span style="font-family: inherit;"><span style="color: black;"><b><span class="Apple-style-span">var first:</span></b><span class="Apple-style-span"> tempo para iniciar(deixe o valor 0)</span><b><span class="Apple-style-span">var speed:</span></b><span class="Apple-style-span"> velocidade da transição(mudança de slide)</span><b><span class="Apple-style-span">var pause:</span></b><span class="Apple-style-span"> tempo de pausa em cada slide</span></span></span></span></span></i></span></span></div><div><span class="Apple-style-span"><span id="fullpost"><i><span class="Apple-style-span" style="font-style: normal; line-height: 18px;"><span class="Apple-style-span" style="color: black; font-family: inherit;">(Caso queira alterar, mude os números a frente dos respectivos códigos)</span></span></i></span></span></div><div><span class="Apple-style-span"><span id="fullpost"><i><span class="Apple-style-span" style="font-style: normal; line-height: 18px;"><span class="Apple-style-span"><br />
<span style="color: black; font-family: inherit;"></span></span></span></i></span></span></div><div><span class="Apple-style-span"><span id="fullpost"><i><span class="Apple-style-span" style="font-style: normal; line-height: 18px;"><b><span class="Apple-style-span" style="color: black; font-family: inherit;">COLOCAR UMA IMAGEM PADRÃO CASO NÃO TENHA NO POST</span></b></span></i></span></span></div><div><span class="Apple-style-span"><span id="fullpost"><i><span class="Apple-style-span" style="font-style: normal; line-height: 18px;"><span class="Apple-style-span"><br />
<span style="color: black; font-family: inherit;"></span></span></span></i></span></span></div><div><span class="Apple-style-span"><span id="fullpost"><span style="font-family: inherit;"><span style="color: black;"><span class="Apple-style-span" style="line-height: 18px;">Colocamos uma imagem padrão que no caso é </span><span style="color: red;"><strong>http://www.transparenciamunicipal.com/wp-content/themes/channel/images/noimage.gif</strong></span><span class="Apple-style-span" style="line-height: 18px;">, mais pode ser alterado por o link de outra imagem de sua preferência. </span></span></span></span></span></div><div><span class="Apple-style-span"><span id="fullpost"><i><span class="Apple-style-span" style="font-style: normal; line-height: 18px;"><span class="Apple-style-span"><br />
<span style="color: black; font-family: inherit;"></span></span></span></i></span></span></div><div><span class="Apple-style-span"><span id="fullpost"><i><span class="Apple-style-span" style="font-style: normal; line-height: 18px;"><b><span class="Apple-style-span" style="color: black; font-family: inherit;">CONFIGURAÇÕES GERAIS</span></b></span></i></span></span></div><div><span class="Apple-style-span"><span id="fullpost"><i><span class="Apple-style-span" style="font-style: normal; line-height: 18px;"><span class="Apple-style-span"><br />
<span style="color: black; font-family: inherit;"></span></span></span></i></span></span></div><div><span class="Apple-style-span"><span id="fullpost"><i><span class="Apple-style-span" style="font-style: normal; line-height: 18px;"><span class="Apple-style-span" style="color: black; font-family: inherit;">imgwidth = 120;<br />
imgheight = 120;<br />
fntsize = 16;<br />
acolor = "#000";<br />
aBold = true;<br />
icon = " ";<br />
text = "no";<br />
showPostDate = false;<br />
summaryPost = 40;<br />
summaryFontsize = 12;<br />
summaryColor = "#ccc";<br />
icon2 = " ";<br />
numposts = 10;<br />
<br />
CASO QUEIRA ALTERAR SEGUE A TRADUÇÃO </span></span></i></span></span></div><div><span class="Apple-style-span"><span id="fullpost"><i><span class="Apple-style-span" style="font-style: normal; line-height: 18px;"><span class="Apple-style-span"><br />
<span style="font-family: inherit;"><span style="color: black;"><b>Imgwidth:</b> largura da miniatura<br />
<b>Imgheight:</b> altura da miniatura<br />
<b>Fntsize:</b> tamanho da letra do titulo<br />
<b>Acolor:</b> cor do titulo<br />
<b>summaryPost: </b>numero de letras do resumo(começo da postagem)<br />
<b>summaryFontsize: </b>tamanho da letra do resumo<br />
<b>summaryColor:</b> cor da letra do resumo<br />
<b>numposts:</b> numero de postagens mostradas</span></span></span></span></i></span></span></div><div><span class="Apple-style-span"><span id="fullpost"><i><span class="Apple-style-span" style="font-style: normal; line-height: 18px;"><span class="Apple-style-span"><br />
<span style="color: black; font-family: inherit;"></span></span></span></i></span></span></div><div><span style="font-family: inherit;"><span style="color: black;"><span class="Apple-style-span"><span id="fullpost"><i><span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span">FAÇA AS ALTERAÇÕES COMO MELHOR AJUSTAR AO SEU TEMPLATE! </span></span></i></span></span><span class="Apple-style-span"><span id="fullpost"><i><span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span">SUCESSO!</span></span></i></span></span></span></span></div></div></div>Noticias da Bahiahttp://www.blogger.com/profile/13653288905590497367noreply@blogger.com5tag:blogger.com,1999:blog-324712612403034581.post-25879423600509514392011-03-17T23:54:00.000-07:002011-04-17T23:57:08.851-07:00Mapa do Site: Dicas para criar sites e blogs.<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; margin-left: 1em; text-align: right;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-vH3ubPtaM7E/Tavgoz4zmeI/AAAAAAAAGUA/WBfNh8lXbc4/s1600/images.jpg" imageanchor="1" style="clear: right; cssfloat: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" r6="true" src="http://1.bp.blogspot.com/-vH3ubPtaM7E/Tavgoz4zmeI/AAAAAAAAGUA/WBfNh8lXbc4/s1600/images.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Mapa do site hospedado no blogspot. </td></tr>
</tbody></table>Aqui está o mapa do site, nele você encontra todas as nossas postagens em orde de data e atualizado automaticamente, se você tem um blog no blogger e quer colocar um mapa do site igual a este acesse o link: <a href="http://dicasparablogs.bahiaemfocos.com/2011/04/mapa-do-site-para-plataforma-blogger.html"><strong>Mapa do site para a plataforma Blogger / Blogspot.</strong></a> Que tem todas as dicas necessárias para criar o seu mapa. Muito legal este sistema, assim não é mais necessários criar manualmente link a link.<br />
<script src="http://www.salobro.com/scripts/mapablogger.js">
</script><br />
<br />
<script src="http://dicasparablogs.bahiaemfocos.com/feeds/posts/default?max-results=1000&alt=json-in-script&callback=loadtoc">
</script>Noticias da Bahiahttp://www.blogger.com/profile/13653288905590497367noreply@blogger.com0