tag:blogger.com,1999:blog-46508007925106145292024-02-12T03:45:26.916-03:00Blogger passo a passoPriscilahttp://www.blogger.com/profile/15084469149275311296noreply@blogger.comBlogger219125tag:blogger.com,1999:blog-4650800792510614529.post-79764274817104871932014-03-08T13:44:00.001-03:002014-03-08T13:44:09.575-03:00O que é Vampirestat ? <div dir="ltr" style="text-align: left;" trbidi="on">
<h4 style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; line-height: 1; margin-bottom: 16px; text-align: justify;">
<span style="color: #080808; font-family: 'Georgia Serif'; font-size: medium; text-align: center;">Em primeiro lugar se trata de um site real com sede nos Estados Unidos , o qual para aumentar seu fluxo de tráfego promove muitas visitas aos websites (blogs e sites) por meio de spambots (1). Parece uma gripe que se espalhou pelo universo virtual. Com certeza se você chegou até aqui é porque observa de forma recorrente a presença desta visita nas estatísticas do Painel de seu Blogger . Ignore estes acessos, pois o verdadeiro objetivo é despertar sua curiosidade para que venha a clicar em seu link e acesse o site. Você recebe um tráfego artificial e poderá devolver um tráfego verdadeiro e de qualidade, ou seja, nesta relação você estará em extrema desvantagem, portanto ignore e faz de conta que é esta lindíssima vampira da imagem .</span></h4>
<br />
<div style="text-align: justify;">
<span style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"><br /></span></div>
<span style="background-color: white; text-align: center;"><div style="text-align: justify;">
<span style="color: #080808; font-family: 'Georgia Serif'; font-size: xx-small; line-height: 20px;"><br /></span></div>
</span><span style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"><div style="text-align: justify;">
<span style="color: #080808; font-family: 'Georgia Serif'; text-align: center;"><span style="font-family: Georgia, 'Times New Roman', serif;">Estão no mesmo nível de visitas falsas aquelas advindas de <span style="line-height: 19.5px;">AdesenseWatchDog , UglyStat , VillaInStat e </span></span><span style="color: #222222; font-family: Georgia, 'Times New Roman', serif; line-height: 21px; text-align: left;">Zombiestat</span><span style="color: #222222; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; line-height: 21px; text-align: left;">, bem como n</span></span><span style="color: #080808; font-family: Georgia, 'Times New Roman', serif; text-align: center;"><span style="line-height: 19.5px;">enhum desses sites tem a ver com tráfego de qualidade. Observem, que embora o nome sugestivo, o </span></span><span style="color: #080808; font-family: Georgia, 'Times New Roman', serif; line-height: 19.5px; text-align: center;"><span style="color: red;">AdesenseWatchDog </span>não possui qualquer relação com o Google AdSense <span style="font-weight: bold;">.</span></span></div>
</span><br />
<div style="background-color: white; color: #080808; font-family: 'Georgia Serif'; font-size: small; line-height: 20px; text-align: justify;">
<span style="font-size: small;"><span style="font-family: Georgia, 'Times New Roman', serif; line-height: 19.5px;"><span style="font-weight: bold;"><br /></span></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #080808; font-family: Georgia, 'Times New Roman', serif; font-size: xx-small; line-height: 20px; text-align: center;"><br /></span><span style="background-color: white; color: #080808; font-family: 'Georgia Serif'; font-size: xx-small; line-height: 20px; text-align: center;"></span><span style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"></span></div>
<h3 style="background-color: white; clear: both; color: #080808; font-family: Oswald, Helvetica, sans-serif; font-size: 18px; font-weight: normal; line-height: 1; margin-bottom: 16px; text-align: justify;">
<u style="font-family: Georgia, 'Times New Roman', serif;"><b>Há como evitar a visita destes sites ?</b></u></h3>
<br />
<div style="text-align: justify;">
<span style="color: #080808; font-family: Georgia, 'Times New Roman', serif; line-height: 20px; text-align: center;"><b><u>Não</u></b>, pois como disse se trata de visitas, todavia o Google Analytics na contagem primária que visualizamos no Painel do Blogger poderá fazer como alguns contadores de visita, tipo FeedJit, que ignoram e não contabilizam acessos de </span><span style="color: #444444; font-family: arial, sans-serif; line-height: 16px;"> spambots</span><span style="color: #080808; font-family: 'Georgia Serif'; line-height: 16px;"><span style="font-family: Georgia, 'Times New Roman', serif;"> (1), ou seja, muitas visitas de um site real feitas por robôs . </span></span></div>
<span style="background-color: white; text-align: center;"><div style="text-align: justify;">
<span style="color: #080808; font-family: Georgia, 'Times New Roman', serif; line-height: 20px;"><br /></span></div>
<span style="color: #080808; font-family: Georgia, 'Times New Roman', serif; line-height: 20px;"><div style="text-align: justify;">
Existe um filtro no Google Analytics que no <b>Relatório Completo</b> não contabiliza os dados deste tipo de acesso. </div>
</span></span><span style="background-color: white; text-align: center;"><div style="text-align: justify;">
<span style="color: #080808; font-family: Georgia, 'Times New Roman', serif; line-height: 20px;"><br /></span></div>
<span style="color: #080808; font-family: Georgia, 'Times New Roman', serif; line-height: 20px;"><div style="text-align: justify;">
O próprio nome <span style="color: red;"><b>vampirestat</b> </span> e similares indicam que são "vampiros e falsos" virtuais. Então, ignorem esses acessos e vamos esperar que o Google Analytics crie um filtro e também não mostre <span style="color: red;"><b>vampirestat</b> </span> e outros congêneres na contagem primária .</div>
</span></span></div>
Priscilahttp://www.blogger.com/profile/15084469149275311296noreply@blogger.com1tag:blogger.com,1999:blog-4650800792510614529.post-13509362201765968672013-07-05T07:23:00.001-03:002013-07-05T07:23:36.697-03:00Data Hosting Afiliados - Comece a ganhar dinheiro com seu blog com este Programa de Afiliados<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: left;">
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: justify;">O programa de afiliados</span><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: justify;"><span style="color: #0b5394;"> </span></span><a href="http://www.datahosting.com.br/afiliados/ok.php?id=6349_6" style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: justify; text-decoration: none;" target="_blank"><span style="color: #0b5394;">DATAHOSTING</span><span style="color: #e92100;"> </span></a><span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: justify;">é um dos que pagam as melhores comissões da internet, portanto, vale a pena! Com uma boa divulgação, é possível trabalhar em casa ou ganhar uma boa renda extra (ou principal) com este Programa de Afiliados e ganhar uma boa grana.</span></div>
<div style="text-align: left;">
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: justify;"><br /></span></div>
<div style="text-align: left;">
<span style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: justify;">Qualquer interessado poderá se tornar um afiliado, é rápido, fácil e GRÁTIS. Com o Programa de Afiliados Datahosting o afiliado poderá ganhar comissões de 15%, 50%, 100% e até mesmo comissões sobre as vendas das pessoas indicadas (sub-afiliados - vendas indiretas), o que faz do DATAHOSTING um dos melhores programas de afiliados do Brasil. </span></div>
<div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"><br /></span></div>
<span style="background-color: white; text-align: justify;"><div style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: justify;">
Para saber mais e se tornar um afiliado DATAHOSTING, clique no banner abaixo. Aproveite que é grátis e cadastre-se já. É rapidinho e aprovam a afiliação instantaneamente.</div>
<div style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-small;"><span style="line-height: 18px;"><a href="http://www.datahosting.com.br/afiliados/ok.php?id=7810_6_1_7"><img border="0" src="http://www.datahosting.com.br/afiliados/banners/banner468x60-afiliados-1.gif" /></a></span></span></div>
</span></div>
<div style="background-color: white; color: #444444; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">
<div style="text-align: justify;">
</div>
</div>
</div>
Priscilahttp://www.blogger.com/profile/15084469149275311296noreply@blogger.com0tag:blogger.com,1999:blog-4650800792510614529.post-32595683841997322532013-07-03T06:21:00.002-03:002013-07-03T06:38:37.980-03:00Como enviar as postagens do blog automaticamente para o facebook<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="post-body entry-content" id="post-body-4214845659126096408" style="background-color: white; position: relative; width: 570px;">
<div style="font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 1.4; text-align: justify;">
<span style="line-height: 1.4;">Como enviar posts automaticamente para o facebook? </span></div>
<div style="font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 1.4; text-align: justify;">
<span style="line-height: 1.4;">Neste artigo vou mostrar a vocês uma maneira bem facil de enviar os posts de seu blog para o facebook, automaticamente.</span></div>
<br />
<div class="separator" style="clear: both; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 1.4; text-align: center;">
<a href="http://3.bp.blogspot.com/-QQRXuSpQ_dM/T3W1vYW0gAI/AAAAAAAAAtE/a7vNSq-vPSY/s1600/rss-graffiti-logo-horizontal.png" imageanchor="1" style="color: #6aa84f; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" src="http://3.bp.blogspot.com/-QQRXuSpQ_dM/T3W1vYW0gAI/AAAAAAAAAtE/a7vNSq-vPSY/s1600/rss-graffiti-logo-horizontal.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(236, 236, 236); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" /></a></div>
<br />
<div style="text-align: justify;">
<span style="font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;"><br /></span></div>
<span style="font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 1.4;"></span><br />
<div style="text-align: justify;">
<span style="font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 1.4;"><span style="line-height: 1.4;">Nem sequer precisamos de instalar nada. Basta usar uma aplicação do Facebook e esta pronto!!</span></span></div>
<span style="font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 1.4;">
</span><br />
<div style="text-align: justify;">
<br /></div>
<span style="font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 1.4;"></span><br />
<div style="text-align: justify;">
<span style="font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 1.4;"><span style="line-height: 1.4;">1.Entre na conta do seu facebook, para onde pretende que as postagens (seus artigos) sejam encaminhados. Depois acesse:</span><span style="color: #3d85c6; line-height: 1.4;"> <a href="https://apps.facebook.com/rssgraffiti/?ref=ts" style="text-decoration: none;">RSS Graffiti</a></span></span></div>
<span style="font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 1.4;">
</span><br />
<div style="text-align: justify;">
<br /></div>
<span style="font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 1.4;"></span><br />
<div style="text-align: justify;">
<span style="font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 1.4;"><span style="line-height: 1.4;">2.Seleccione a página na qual queremos publicar os posts ( a pagina de fãs do facebook), se ainda não tens uma página de fãs, </span><span style="color: #3d85c6; line-height: 1.4;"><a href="http://www.facebook.com/pages/create.php" style="text-decoration: none;">click aqui</a> </span><span style="line-height: 1.4;">)</span></span></div>
<span style="font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 1.4;">
</span><br />
<div style="text-align: justify;">
<br /></div>
<span style="font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 1.4;"></span><br />
<div style="text-align: justify;">
<span style="font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 1.4;"><span style="line-height: 1.4;"> 3.Clicar em “+ Add feed”:</span></span></div>
<span style="font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 1.4;">
</span><br />
<div class="separator" style="clear: both; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 1.4; text-align: center;">
</div>
<div class="separator" style="clear: both; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 1.4; text-align: center;">
<a href="http://3.bp.blogspot.com/-QA769l_pBAk/T3W15rkWn7I/AAAAAAAAAtM/e9zfvC3-icw/s1600/screenshot.139-300x120.jpg" imageanchor="1" style="color: #6aa84f; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" src="http://3.bp.blogspot.com/-QA769l_pBAk/T3W15rkWn7I/AAAAAAAAAtM/e9zfvC3-icw/s1600/screenshot.139-300x120.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(236, 236, 236); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" /></a></div>
<div class="separator" style="clear: both; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 1.4; text-align: center;">
<br /></div>
<span style="font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 1.4;">4.Copiar o nosso RSS feed e colar em “Source URL”</span><br />
<span style="font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 1.4;">5.Configurar os outros detalhes</span><br />
<span style="font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 1.4;">6.Guardar em “Save”</span><br />
<span style="font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 1.4;">7.Não esquecer de colocar o envio em “ON”:</span></div>
<div class="post-body entry-content" id="post-body-4214845659126096408" style="background-color: white; position: relative; width: 570px;">
<span style="font-family: Verdana, Geneva, sans-serif; font-size: x-small;"><span style="line-height: 18px;"><br /></span></span>
<div class="separator" style="clear: both; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 1.4; text-align: center;">
<a href="http://4.bp.blogspot.com/-gQG1K6R_BYc/T3W25e4ewBI/AAAAAAAAAtU/X9g7c6sSRJQ/s1600/screenshot.140.jpg" imageanchor="1" style="color: #6aa84f; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" src="http://4.bp.blogspot.com/-gQG1K6R_BYc/T3W25e4ewBI/AAAAAAAAAtU/X9g7c6sSRJQ/s1600/screenshot.140.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(236, 236, 236); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: white; font-family: Verdana, Geneva, sans-serif; font-size: x-small;"><span style="line-height: 18px;">enviar postagens do blogger automaticamente para </span></span></div>
<div class="separator" style="clear: both; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 1.4; text-align: center;">
</div>
<h3 class="r" style="font-family: arial, sans-serif; font-size: medium; font-weight: normal; margin: 0px; overflow: hidden; padding: 0px; text-align: left; text-overflow: ellipsis; white-space: nowrap;">
<span style="color: white;">Como <span style="font-weight: bold;">enviar</span> os <span style="font-weight: bold;">posts do blog automaticamente</span> para o <span style="font-weight: bold;">Facebook</span> <b>...</b></span></h3>
<div class="separator" style="clear: both; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 1.4; text-align: center;">
</div>
<h3 class="r" style="font-family: arial, sans-serif; font-size: medium; font-weight: normal; margin: 0px; overflow: hidden; padding: 0px; text-align: left; text-overflow: ellipsis; white-space: nowrap;">
<span style="color: white;"><span style="font-weight: bold;">Facebook</span>: como publicar atualizações de seu <span style="font-weight: bold;">blog automaticamente</span></span></h3>
<div>
<h3 class="r" style="font-family: arial, sans-serif; font-size: medium; font-weight: normal; margin: 0px; overflow: hidden; padding: 0px; text-align: left; text-overflow: ellipsis; white-space: nowrap;">
<span style="color: white;">Como mostrar as <span style="font-weight: bold;">postagens</span> do seu <span style="font-weight: bold;">blog</span> no <span style="font-weight: bold;">Facebook</span></span></h3>
</div>
<div>
<h3 class="r" style="font-family: arial, sans-serif; font-size: medium; font-weight: normal; margin: 0px; overflow: hidden; padding: 0px; text-align: left; text-overflow: ellipsis; white-space: nowrap;">
<span style="color: white;">prenda a inserir os <span style="font-weight: bold;">posts</span> do seu <span style="font-weight: bold;">blog automaticamente</span> no <span style="font-weight: bold;">Facebook</span></span></h3>
</div>
</div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" style="background-color: white; border: 1px solid rgb(204, 204, 204); font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 16px; padding: 3px; text-align: center;" target="popupwindow">
<div>
<br /></div>
</form>
</div>
Priscilahttp://www.blogger.com/profile/15084469149275311296noreply@blogger.com0tag:blogger.com,1999:blog-4650800792510614529.post-18994410703344385542013-06-08T14:45:00.001-03:002013-06-08T14:45:11.441-03:00Como personalizar a barra de rolagem<div dir="ltr" style="text-align: left;" trbidi="on">
<span class="notranslate" style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;"><a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=pt-PT&prev=/search%3Fq%3Dciudad%2Bblogger%26biw%3D1024%26bih%3D679&rurl=translate.google.com.br&sl=es&u=http://jscrollpane.kelvinluck.com/&usg=ALkJrhjlES47vphghjLiXhy5hzYvbI-I2g" rel="nofollow" style="color: #1288c4;" target="blank">JScrollPane</a> é um script jQuery que <strong>permite</strong> que você <strong>mude a barra de rolagem do blog,</strong> ou seja,<strong>a barra de rolagem do navegador.</strong></span><span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;"> </span><br style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;" /><br style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;" /><span class="notranslate" style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">Você pode ver um exemplo de <a href="http://translate.googleusercontent.com/translate_c?depth=1&hl=pt-PT&prev=/search%3Fq%3Dciudad%2Bblogger%26biw%3D1024%26bih%3D679&rurl=translate.google.com.br&sl=es&u=http://ciudadblogger-13.blogspot.com/&usg=ALkJrhh4vvcbeOi65ZVt2XhcKHaQM5r5iQ" rel="nofollow" style="color: #1288c4;" target="blank">teste deste blog</a> , você vai ver que a barra de rolagem tem uma forma e cor diferente.</span><span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;"> </span><br style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;" /><br style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;" /><span class="notranslate" style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">Para <strong>alterar a barra de rolagem para seu blog</strong> entre primeiro <b>Modelo | Editar HTML</b> e antes de <b></ head></b> cole o seguinte código:</span><br />
<span class="notranslate" style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;"><br /></span>
<span class="notranslate" style="background-color: white; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;"><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;"><span style="color: #6e6e6e; font-style: italic;">src = "/ / ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js '<script type='text/javascript'/></span></span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;"><style></span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">. JspContainer {overflow: hidden, position: relative;}. JspPane {position: absolute;}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">. JspVerticalBar {position: absolute, top: 0; direita: 0, width: 16px, height: 100%; background: # ccc;}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">. JspHorizontalBar {position: absolute, bottom: 0, left: 0, width: 100% altura: 16px; background: # ccc;}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">. JspVerticalBar * JspHorizontalBar *. {Margin: 0, padding: 0;}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">. JspCap {display: none;}.. JspHorizontalBar JspCap {float: left;}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">. JspTrack {</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">background: # dae, <span style="color: green;">/ * Cor barra fundo * /</span></span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">position: relative;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">. JspDrag {</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">background: # BBD; <span style="color: green;">/ * Cor do botão de rolagem * /</span></span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">position: relative;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">top: 0;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">left: 0;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">cursor: pointer;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">. JspHorizontalBar. JspTrack,</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">. JspHorizontalBar. JspDrag {</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">float: left;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">altura: 100%;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">. JspArrow {</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">background: # 50506d <span style="color: green;">/ * Cor dos limites * /</span></span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">text-indent:-20000px;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">display: block;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">cursor: pointer;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">. JspArrow.jspDisabled {</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">cursor: default;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">background: # 80808d <span style="color: green;">/ * Cor de limites quando o botão de alcança-los * /</span></span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">. JspVerticalBar. JspArrow {</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">height: 16px;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">. JspHorizontalBar. JspArrow {</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">width: 16px;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">float: left;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">altura: 100%;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">.. JspVerticalBar JspArrow: foco. {Outline: none;} JspCorner {background: # eeeef4; float: left; height: 100%;}. * Html JspCorner {margin: 0-3px 0 0;}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">html, body {</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">altura: 100%;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">margin: 0;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">padding: 0;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;"># Blog-container {</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">altura: 100%;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">margin: 0;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">padding: 0;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">overflow: auto;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;"></ Style></span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;"><script></span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">/ / <! [CDATA [</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">/ *!</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">Copyright (c) 2013 Brandon Aaron (http://brandonaaron.net)</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">* Licenciado sob a licença MIT (LICENSE.txt).</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">* Versão: 3.1.3</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">* /</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">(Function (fábrica) {</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">if (typeof definir === 'função' && define.amd) {</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">define (['jquery'], de fábrica);</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">} Else if (typeof exportações === 'objeto') {</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">module.exports = fábrica;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">Else {}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">/ / Globals Navegador</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">fábrica (jQuery);</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">} (Function ($) {</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">TOFIX var = ['roda', 'mousewheel', 'DOMMouseScroll', 'MozMousePixelScroll'];</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">toBind var = 'onwheel' no documento | | document.documentMode> = 9?</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">['Roda']: ['mousewheel', 'DomMouseScroll', 'MozMousePixelScroll'];</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">var lowestDelta, lowestDeltaXY;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">if ($. event.fixHooks) {</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">for (var i = toFix.length, i ;) {</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">$ Event.fixHooks [TOFIX - [i]] = $ Event.mouseHooks..;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">$. Event.special.mousewheel = {</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">setup: function () {</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">if (this.addEventListener) {</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">for (var i = toBind.length, i ;) {</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">this.addEventListener (toBind [- i], manipulador, false);</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">Else {}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">this.onmousewheel = manipulador;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">desmontagem: function () {</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">if (this.removeEventListener) {</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">for (var i = toBind.length, i ;) {</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">this.removeEventListener (toBind [- i], manipulador, false);</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">Else {}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">this.onmousewheel = null;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">};</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">$. Fn.extend ({</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">mousewheel: function (fn) {</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">voltar fn?</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">this.bind ("mousewheel", fn): this.trigger ("mousewheel");</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">unmousewheel: function (fn) {</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">retorno this.unbind ("mousewheel", fn);</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">});</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">handler function (event) {</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">orgEvent var = evento | | window.event,</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">args = []. slice.call (argumentos, 1),</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">delta = 0</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">deltaX = 0</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">deltaY = 0</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">absDelta = 0</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">absDeltaXY = 0</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">fn;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">. evento = $ event.fix (orgEvent);</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">event.type = "mousewheel";</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">if (orgEvent.wheelDelta) {delta = orgEvent.wheelDelta;}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">if (orgEvent.detail) orgEvent.detail * {ô = 1;}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">if (orgEvent.deltaY) {</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">orgEvent.deltaY deltaY * = -1;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">delta = deltaY;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">if (orgEvent.deltaX) {</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">deltaX = orgEvent.deltaX;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">* DeltaX delta = -1;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">if (orgEvent.wheelDeltaY == indefinido!) {deltaY = orgEvent.wheelDeltaY;}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">if (orgEvent.wheelDeltaX == indefinido!) {deltaX orgEvent.wheelDeltaX * = -1;}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">absDelta = Math.abs (delta);</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">if (lowestDelta | | absDelta <lowestDelta!) {lowestDelta = absDelta;}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">absDeltaXY = Math.max (Math.abs (deltaY), Math.abs (deltaX));</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">se | {lowestDeltaXY = absDeltaXY;} (lowestDeltaXY | absDeltaXY <lowestDeltaXY!)</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">fn = delta> 0?</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">'Chão', 'ceil';</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">delta = Math [fn] (delta / lowestDelta);</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">deltaX = Math [fn] (deltaX / lowestDeltaXY);</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">deltaY = Math [fn] (deltaY / lowestDeltaXY);</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">args.unshift (evento, delta, deltaX, deltaY);</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">. retorno (.. $ event.dispatch | | $ event.handle) aplicam-se (este, args);</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">}));</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">/ *</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">* JScrollPane - v2.0.0beta5 - 2010-09-18</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">* Http :/ / jscrollpane.kelvinluck.com /</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">* Copyright (c) 2010 Kelvin Sorte</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">* Dupla licenciado sob as licenças MIT e GPL.</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">* /</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">(Função (b, a, c) {b.fn.jScrollPane = function (f) {function d (C, L) {var</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">"+ C.css (" paddingRight ") +" "+ C.css (" paddingBottom ") +"</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">um (Ah) {var</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">class = "jspPane" /> '). wrap (b (' <div class = "jspContainer"</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">style = "width: 1px; position: relative;"</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">BC () {if (v) {aj.append (b ('<div class="jspVerticalBar" />'). Append (b ('<div class="jspCap jspCapTop" />'), b ('< div class = "jspTrack" /> '). append (b (' <div class="jspDrag" /> '). append (b (' <div class="jspDragTop" /> '), b (' <div class = "jspDragBottom" /> '))), b (' <div class = "jspCap jspCapBottom"</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">class = "jspArrow jspArrowUp" /> ') bind ("mousedown.jsp" az (0, -1)) bind ("click.jsp", x);.. ac = b (' <a class = "jspArrow jspArrowDown "</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">selectstart.jsp ", function () {return false}); ap.addClass (" jspActive ") var</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">mouseleave.jsp "ar) return false}) ou ()}} function</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">z () {if (aB) {aj.append (b ('<div class="jspHorizontalBar" />'). append (b ('<div class="jspCap jspCapLeft" />'), b ('< div class = "jspTrack" /> '). append (b (' <div class="jspDrag" /> '). append (b (' <div class="jspDragLeft" /> '), b (' <div class = "jspDragRight" /> '))), b (' <div class = "jspCap jspCapRight"</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">class = "jspArrow jspArrowLeft" /> ') bind ("mousedown.jsp" az (-1,0)) bind ("click.jsp", x);.. x = b (' <a class = "jspArrow jspArrowRight. "/> ') bind (" mousedown.jsp "az (1.0)) bind (". click.jsp ", x);</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">selectstart.jsp ", function () {return false}); h.addClass (" jspActive ") var</span><span style="color: #333333;"><span style="background-color: #d2d2d2; line-height: 16.890625px; text-align: left;"></span></span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">mouseleave.jsp ", ar) return false}); l = aj.innerWidth () e ()} else {}} function</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">E () {if (aB && v) {var</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">class = "jspCorner"</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">ai (aG, AI, AF, s) {var</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">az (FA, s, aG) {função return () {G (FA, s, isso, aG); this.blur () return false}} function G (ah, aF, AK, AJ) {aK = b (AK). addClass ("jspActive") var</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">aG = b (this), s = setInterval (function () {var</span><span style="color: #333333;"><span style="background-color: #d2d2d2; line-height: 16.890625px; text-align: left;"></span></span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">aG = b (this), s = setInterval (function () {var</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">false}})}} function w () {F && F.unbind ("mousedown.jsp"), o && al.unbind ("mousedown.jsp")} function r () {b ("html"). desvincular ("dragstart. mouseup.jsp mousemove.jsp jsp mouseleave.jsp selectstart.jsp ") && ap ap.removeClass (" jspActive função ") && h h.removeClass (" jspActive ")}</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">aa (FA) {if (aF == c) {aF = ap.position (). top} aj.scrollTop (0), H = aF, var</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">ab (FA) {if (aF == c) {aF = POSICAO H (). left} aj.scrollTop (0), X = aF, var</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">r (aF, s) {if (au.showArrows) {at [aF "addClass":? "removeClass"] ("jspDisabled");</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">x [? s "addClass": "removeClass"] ("jspDisabled")}} function J (s, aF) {var aG = s / (WV), S (aG * i, AF)} function K (FA, s) {var aG = aF / (Q-ah), G (aG * j, s)} function Y (aN, Al, AF) {var</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">y () {return-V.POSITION (). esquerda w} function () {return-V.POSITION (). top} function anúncio () {aj.unbind (Z). bind (Z, function (aI, aJ , ah, aF) {var aG = X, s = H, T (X + aH * au.mouseWheelSpeed, false), S (H-f * au.mouseWheelSpeed, false) retorno aG && s == X == H} )} function {return false} função n () {} function aj.unbind (Z) x ()</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">D () {V.unbind ("focusin.jsp")} function P () {var</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">AH = X, aG = H, aI = aF 2:16; switch (aJ.keyCode) {case 40:? S (H + aI, false) break; caso 38: S (H-aI, false); pausa , caso 34, caso 32: J (aw () + Math.max (32, v) -16) break; caso 33: J (aw ()-v 16) break; caso 35: J (WV) break; caso 36: J (0) break; caso 39: T (X + aI, false) break; caso</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">false}}) if (au.hideFocus) {C.css ("esboço", "none") if ("hideFocus" em j [0]) {C.attr ("hideFocus", true)}} else {C.css ("esboço", "") if ("hideFocus" em j [0]) {C.attr ("hideFocus", false)}}} function O () {C.attr ("tabindex" , "-1"). removeAttr ("tabindex"). desvincular ("keydown.jsp")} function B () {if (location.hash && location.hash.length> 1) {var</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">f () {b ("a.jspHijack"). desvincular ("click.jsp-sequestro"). removeClass ("jspHijack")} function m () {f () b ("a [href ^ = #] "). addClass (" jspHijack. ") bind (" click.jsp-sequestro ", function () {var</span><span style="color: #333333;"><span style="background-color: #d2d2d2; line-height: 16.890625px; text-align: left;"></span></span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">aF = ay () + s, ah = aF / (Q-ah), T (* j ah, aG)}, scrollByY: function (s, aG) {var aF = aw () + s, ah = aF / (WV), S (* i ah, aG)}, anime-se: function (aF, ai, s, ah) {var</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">y ()}, getContentPositionY: function () {return w ()}, getIsScrollableH: function () {return} aB, getIsScrollableV: function () {return av}, getContentPane: function () {return</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">e; this.each (function () {var g = b (this), h = g.data ("jsp") if (h) {h.reinitialise (f)} else {h = new d (g, ? f); g.data ("JSP", h)} E = E e.add (g): g}) de regresso</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">/ /]]></span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;"></ Script></span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;"><script></span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">$ (Document). Ready (function () {</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="line-height: 16.890625px; text-align: left;"><span style="color: #333333;">$ ('Scroll-painel.') JScrollPane </span>({showArrows: true}).;</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;">});</span><span style="background-color: #d2d2d2; color: #333333; line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span class="notranslate" style="color: #333333; line-height: 16.890625px; text-align: left;"></ Script></span></span><br />
<span class="notranslate" style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;"><span class="notranslate" style="line-height: 16.890625px; text-align: left;"><br /></span></span>
<span class="notranslate" style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;"><span class="notranslate" style="line-height: 16.890625px; text-align: left;"><br /></span></span>
<div class="post-body entry-content" id="post-body-7484835879941267681" itemprop="articleBody" style="line-height: 1.6em; margin: 0px 0px 0.75em; padding-right: 15px; width: 588px;">
<span class="notranslate">Em seguida, procure pelo código:</span><br /><blockquote style="-webkit-transition: all 0.4s linear; background-color: #f7f7f7; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(224, 224, 224); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(224, 224, 224); border-top-style: solid; border-top-width: 1px; line-height: 1.3em; margin: 10px 25px 15px; padding: 10px 20px 10px 15px; transition: all 0.4s linear;">
<span class="notranslate"><body></span></blockquote>
<span class="notranslate">Ou por esta linha:</span><br /><blockquote style="-webkit-transition: all 0.4s linear; background-color: #f7f7f7; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(224, 224, 224); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(224, 224, 224); border-top-style: solid; border-top-width: 1px; line-height: 1.3em; margin: 10px 25px 15px; padding: 10px 20px 10px 15px; transition: all 0.4s linear;">
<span class="notranslate"><body expr:class='"loading" + data:blog.mobileClass'></span></blockquote>
<span class="notranslate">Em qualquer um destes dois acrescente o seguinte:</span><br /><blockquote style="-webkit-transition: all 0.4s linear; background-color: #f7f7f7; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(224, 224, 224); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(224, 224, 224); border-top-style: solid; border-top-width: 1px; line-height: 1.3em; margin: 10px 25px 15px; padding: 10px 20px 10px 15px; transition: all 0.4s linear;">
<span class="notranslate"><div class='scroll-pane' id='blog-container'></span></blockquote>
<span class="notranslate">Finalmente, olhando para o <b></ body></b> e acima dele cole o seguinte:</span><br /><blockquote style="-webkit-transition: all 0.4s linear; background-color: #f7f7f7; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(224, 224, 224); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(224, 224, 224); border-top-style: solid; border-top-width: 1px; line-height: 1.3em; margin: 10px 25px 15px; padding: 10px 20px 10px 15px; transition: all 0.4s linear;">
<span class="notranslate"></ Div></span></blockquote>
<div style="text-align: justify;">
<span class="notranslate">Salve as alterações e pronto.</span> <span class="notranslate">No verde, você vai ver onde você muda as cores da barra de rolagem e suas diferentes áreas, tais como CSS pode adicionar outros estilos, como desejado, somo sombras, cantos arredondados, etc.</span><br /><br /></div>
</div>
<div class="post-footer" style="background-color: #eeeeee; background-image: url(http://lh4.googleusercontent.com/-qu7cEAB5MT8/TtK7D2gW-ZI/AAAAAAAAGgY/lLq0UXyS_F0/s600/z-postfooter.png); background-position: 0% 0%; background-repeat: no-repeat no-repeat; line-height: 1.6; margin: 30px 0px 0.75em;">
</div>
<span class="notranslate" style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;"><span class="notranslate" style="line-height: 16.890625px; text-align: left;"><br /></span></span></div>
Priscilahttp://www.blogger.com/profile/15084469149275311296noreply@blogger.com1tag:blogger.com,1999:blog-4650800792510614529.post-39124344141010499702013-05-25T09:01:00.000-03:002013-05-25T09:01:41.147-03:00Como colocar comentários do facebook no blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="background-color: #f6f6f6; clear: right; color: #444444; float: right; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin-bottom: 1em; margin-left: 1em; margin-top: 0in;">
</div>
<div style="background-color: #f6f6f6; color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in; text-align: justify;">
Nesse tutorial vamos adicionar no blogger um sistema que permite ter dois estilos de comentários no blogger o do face book e do próprio blogspot de uma forma bem organizada, se você quer dar a possibilidade de seus visitantes terem mais opções na hora de comentar nas suas postagens. </div>
<div style="background-color: #f6f6f6; color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in;">
</div>
<div style="background-color: #f6f6f6; color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in; text-align: justify;">
Para que os sistema funcione você vai precisar criar um aplicativo no facebook e pegar o numero "ID" para adicionar no código. 2</div>
<div style="background-color: #f6f6f6; color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in;">
Veja aqui : <a href="http://blogger-passo-a-passo.blogspot.com.br/2013/05/como-criar-um-aplicativo-no-facebook.html" target="_blank">Como criar um aplicativo no facebook</a></div>
<div style="background-color: #f6f6f6; color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-4QzsGwhdOpk/UUd0pk5zroI/AAAAAAAACBk/eiMh70kXTLQ/s1600/blog%252Bfb.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-4QzsGwhdOpk/UUd0pk5zroI/AAAAAAAACBk/eiMh70kXTLQ/s1600/blog%252Bfb.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="background-color: #f6f6f6; color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in;">
Com o aplicativo pronto, agora vá em editar HTML expandir modelos de widgets</div>
<div style="background-color: #f6f6f6; color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in;">
<br /></div>
<div style="background-color: #f6f6f6; color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in;">
Passo 1: Copie o código abaixo e cole acima de <span style="color: #cc0000;">]]></b:skin></span></div>
<div style="background-color: #f6f6f6; color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in;">
<span style="color: #cc0000;"><br /></span></div>
<div style="margin: 0in;">
<div style="background-color: #f6f6f6; margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;">.comments-page {background-color: #f2f2f2;}</span></span></div>
<div style="background-color: #f6f6f6; margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;">#blogger-comments-page {padding: 0px 5px;display: none;}</span></span></div>
<div style="background-color: #f6f6f6; margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;">.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}</span></span></div>
<div style="background-color: #f6f6f6; margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;">.comments-tab-icon { height: 14px;width: auto;margin-right: 3px;}</span></span></div>
<div style="background-color: #f6f6f6; margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;">.comments-tab:hover { background-color: #eeeeee;}</span></span></div>
<div style="background-color: #f6f6f6; margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;">.inactive-select-tab { background-color: #d1d1d1;}</span></span></div>
<div style="background-color: #f6f6f6; margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;"><br /></span></span></div>
<div style="background-color: #f6f6f6; margin: 0in;">
<span style="color: #444444; font-family: Calibri; font-size: 15px; line-height: 19.5px;">Passo: 2 Copie</span><span style="color: #444444; font-family: Calibri; font-size: 15px; line-height: 19.5px;"> </span><span style="color: #444444; font-family: Calibri; font-size: 15px; line-height: 19.5px;">o código abaixo e cole abaixo</span><span style="color: #444444; font-family: Calibri; font-size: 15px; line-height: 19.5px;"> </span><span style="color: #444444; font-family: Calibri; font-size: 15px; line-height: 19.5px;">de </span><span style="color: #cc0000; font-family: Calibri; font-size: 15px; line-height: 19.5px;"></head></span><span style="color: #444444; font-family: Calibri; font-size: 15px; line-height: 19.5px;"> E adicione</span><span style="color: #444444; font-family: Calibri; font-size: 15px; line-height: 19.5px;"> </span><span style="color: #444444; font-family: Calibri; font-size: 15px; line-height: 19.5px;">seu</span><span style="color: #444444; font-family: Calibri; font-size: 15px; line-height: 19.5px;"> </span><span style="color: #cc0000; font-family: Calibri; font-size: 15px; line-height: 19.5px;">ID</span><span style="color: #444444; font-family: Calibri; font-size: 15px; line-height: 19.5px;"> do</span><span style="color: #444444; font-family: Calibri; font-size: 15px; line-height: 19.5px;"> </span><span style="color: #444444; font-family: Calibri; font-size: 15px; line-height: 19.5px;">aplicativo facebook.</span></div>
<div style="background-color: #f6f6f6; margin: 0in;">
<br /></div>
<div style="margin: 0in;">
<div style="background-color: #f6f6f6; margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;"><script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/></span></span></div>
<div style="background-color: #f6f6f6; margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;"><script src='http://code.jquery.com/jquery-latest.js'/></span></span></div>
<div style="background-color: #f6f6f6; margin: 0in;">
<span style="font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;"><span style="color: #0b5394;"><meta content='</span><span style="color: red;">Adicione-o-código-aqui</span><span style="color: #0b5394;">' property='fb:admins'/></span></span></span></div>
<div style="background-color: #f6f6f6; margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;"><script type='text/javascript'></span></span></div>
<div style="background-color: #f6f6f6; margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;">function commentToggle(selectTab) {</span></span></div>
<div style="background-color: #f6f6f6; margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;">$(".comments-tab").addClass("inactive-select-tab");</span></span></div>
<div style="background-color: #f6f6f6; margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;">$(selectTab).removeClass("inactive-select-tab");</span></span></div>
<div style="background-color: #f6f6f6; margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;">$(".comments-page").hide();</span></span></div>
<div style="background-color: #f6f6f6; margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;">$(selectTab + "-page").show();</span></span></div>
<div style="background-color: #f6f6f6; margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;">}</span></span></div>
<div style="background-color: #f6f6f6; margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;"></script></span></span></div>
<div style="background-color: #f6f6f6; margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;"><br /></span></span></div>
<div style="background-color: #f6f6f6; margin: 0in;">
<div style="color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in;">
<div style="font-size: 11pt; margin: 0in;">
No lugar do "<span style="color: red; font-size: 11pt;">Adicione-o-código-aqui"</span><span style="font-size: 11pt;"> coloque</span><span style="font-size: 11pt;"> o numero do</span><span style="font-size: 11pt;"> </span><span style="font-size: 11pt;"> seu </span><span style="font-size: 11pt;">aplicativo.</span></div>
<div style="font-size: 11pt; margin: 0in;">
<span style="font-size: 11pt;"><br /></span></div>
</div>
<div style="color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in;">
</div>
<div style="color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in;">
Passo 3: Copie o código abaixo e cole abaixo de <span style="color: #cc0000;"><div class='comments' id='comments'> </span></div>
<div style="font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in;">
<span style="color: #cc0000;"><br /></span></div>
<div style="margin: 0in;">
<div style="margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;"><div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comentários no Facebook'></span></span></div>
<div style="margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;"><img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/></span></span></div>
<div style="margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;"><fb:comments-count expr:href='data:post.url'/> Comentários</span></span></div>
<div style="margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;"></div></span></span></div>
<div style="margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;"><div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comentários no Blogger'></span></span></div>
<div style="margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;"><img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comentários</span></span></div>
<div style="margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;"></div></span></span></div>
<div style="margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;"><div class='clear'/></span></span></div>
<div style="margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;"></div></span></span></div>
<div style="margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;"><div class='comments-page' id='fb-comments-page'></span></span></div>
<div style="margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;"><b:if cond='data:blog.pageType == "item"'></span></span></div>
<div style="margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;"><div id='fb-root'/></span></span></div>
<div style="margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;"><fb:comments expr:href='data:post.url' num_posts='3' width='450'/></span></span></div>
<div style="margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;"></b:if></span></span></div>
<div style="margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;"></div></span></span></div>
<div style="margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;"><div class='comments comments-page' id='blogger-comments-page'></span></span></div>
<div style="color: #cc0000; font-family: Calibri; font-size: 11pt; line-height: 19.5px;">
<br /></div>
</div>
</div>
<div style="margin: 0in;">
<div class="post-body entry-content" id="post-body-4929571501463588335" style="border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 2px; font-family: 'Open Sans', 'Trebuchet MS', Helvetica, sans-serif; font-size: 13px; line-height: 1.5em; margin: 1em 0px 0.75em; padding-top: 10px;">
<div style="font-family: Calibri; font-size: 11pt; margin: 0in;">
<div style="font-size: 11pt; margin: 0in;">
<span style="background-color: white;">Observação<span style="color: #444444;">: num_posts='3'</span></span><span style="background-color: #f6f6f6; color: #444444;"> referisse a o numero de comentários visíveis na pagina altere como quiser o numero 4,5,7... de um </span><b style="background-color: #f6f6f6; color: #444444;">CTRL+F</b><span style="background-color: #f6f6f6; color: #444444;"> para facilitar as buscas. Se quiser aumentar ou diminuir a largura troque o número em frente a width, no caso está 450.</span></div>
<br /><span style="background-color: white;">Obs</span><span style="background-color: #f6f6f6; color: #444444;">: se o sistema de comentários ficar desalinhado, coloque o primeiro código dentro do código abaixo e cole dentro de um gadget java script,em qualquer local.</span></div>
<div style="background-color: #f6f6f6; color: #444444; font-family: Calibri; font-size: 11pt; margin: 0in;">
<br /></div>
<div style="background-color: #f6f6f6; color: #444444; font-family: Calibri; font-size: 11pt; margin: 0in;">
<span style="color: #0b5394;"><style></span></div>
<div style="background-color: #f6f6f6; color: #444444; font-family: Calibri; font-size: 11pt; margin: 0in;">
<span style="color: #0b5394;">Primeiro código aqui dentro !</span></div>
<div style="background-color: #f6f6f6; color: #444444; font-family: Calibri; font-size: 11pt; margin: 0in;">
<span style="color: #0b5394;"></style></span><br /><span style="color: #0b5394;"> </span><br /><div style="font-size: 11pt; margin: 0in;">
Agora vá em <b>configurações</b>, <b>postagens</b>, e <b>comentários</b>, <b>local do comentário</b>, escolha a opção<b> pagina inteira e salve</b>. </div>
<div style="font-size: 11pt; margin: 0in;">
<br /></div>
<div style="font-size: 11pt; margin: 0in;">
<br /></div>
</div>
<div style="background-color: #f6f6f6; clear: both; color: #444444;">
</div>
</div>
</div>
<div style="background-color: #f6f6f6; margin: 0in;">
<span style="color: #0b5394; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;"><br /></span></span></div>
</div>
<div style="background-color: #f6f6f6; margin: 0in;">
<span style="color: #cc0000; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;"><br /></span></span></div>
<div style="background-color: #f6f6f6; margin: 0in;">
<span style="color: #cc0000; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;"><br /></span></span></div>
<div style="background-color: #f6f6f6; margin: 0in;">
<span style="color: #cc0000; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;"><br /></span></span></div>
<div style="background-color: #f6f6f6; margin: 0in;">
<span style="color: #cc0000; font-family: Calibri;"><span style="font-size: 15px; line-height: 19.5px;"><br /></span></span></div>
</div>
</div>
Priscilahttp://www.blogger.com/profile/15084469149275311296noreply@blogger.com1tag:blogger.com,1999:blog-4650800792510614529.post-28453709456622038962013-05-22T11:23:00.002-03:002013-05-22T11:23:16.560-03:00Como criar um aplicativo no facebook?<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in; text-align: justify;">
<span style="background-color: white;"> Se você tem um blog ou web site e quer colocar sistemas de comentários do face book , essa dica é fundamental. </span></div>
<span style="background-color: white;"><div style="text-align: justify;">
<span style="color: #444444; font-family: 'Open Sans', 'Trebuchet MS', Helvetica, sans-serif; font-size: 13px; line-height: 19.5px;"><br /></span></div>
<a href="" name="more" style="color: #bd5d48; font-family: 'Open Sans', 'Trebuchet MS', Helvetica, sans-serif; font-size: 13px; line-height: 19.5px;"></a></span><div style="color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in;">
</div>
<div style="color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in; text-align: justify;">
<span style="background-color: white;">Lembrando você tem que estar em uma pagina de usuário pessoal e não um fan Page para criar o aplicativo id .</span></div>
<div style="color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in; text-align: justify;">
<span style="background-color: white;"><br /></span></div>
<div style="color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in; text-align: justify;">
<span style="background-color: white;"> </span></div>
<div style="color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in; text-align: justify;">
<span style="background-color: white;">Siga os passos das imagens abaixo .</span></div>
<div style="color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in; text-align: justify;">
<span style="background-color: white;"><br /></span></div>
<div style="color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in; text-align: justify;">
<span style="background-color: white;">Primeiro vá <span style="color: #3d85c6;"><a href="https://developers.facebook.com/apps" style="color: #bd5d48; text-decoration: none;" target="_blank">developers.facebook.com/apps</a></span> </span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in; text-align: justify;">
<span style="background-color: white;"><br /></span></div>
<div style="color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in;">
</div>
<div style="color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in; text-align: justify;">
<span style="background-color: white;">Depois clique em criar novo aplicativo </span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-P56jtXex73w/UZzTWCdXr8I/AAAAAAAAF7w/QgljAityxgo/s1600/imagem.bmp.jpg" imageanchor="1"><img border="0" height="194" src="http://1.bp.blogspot.com/-P56jtXex73w/UZzTWCdXr8I/AAAAAAAAF7w/QgljAityxgo/s1600/imagem.bmp.jpg" width="640" /></a></div>
<div>
<br /></div>
<div>
<div style="background-color: #f6f6f6; color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in;">
Depões escolha dois nomes que queira e aceitar<span style="color: #3366ff;"> Yes</span> e continuar </div>
<div style="background-color: #f6f6f6; color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in;">
<br /></div>
<div style="background-color: #f6f6f6; color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in;">
</div>
<div style="background-color: #f6f6f6; color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in;">
Ira abrir uma janela perguntando se quer hospedar seu site com eles clique em não </div>
<div style="background-color: #f6f6f6; color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in;">
<br /></div>
<div style="background-color: #f6f6f6; color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in;">
</div>
<div style="background-color: #f6f6f6; color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in;">
Copie o código app <span style="color: #cc0000;">id</span></div>
<div style="background-color: #f6f6f6; color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in;">
<br /></div>
<div class="separator" style="background-color: #f6f6f6; clear: both; color: #444444; font-family: 'Open Sans', 'Trebuchet MS', Helvetica, sans-serif; font-size: 13px; line-height: 19.5px; text-align: center;">
<a href="http://2.bp.blogspot.com/-9EDXLFIRVlM/ULJ04vUfFOI/AAAAAAAAAlg/EBIiaR3x_js/s1600/imagem+4.jpg" imageanchor="1" style="color: #bd5d48; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="205" src="http://2.bp.blogspot.com/-9EDXLFIRVlM/ULJ04vUfFOI/AAAAAAAAAlg/EBIiaR3x_js/s1600/imagem+4.jpg" style="border: 0px; max-width: 100%; width: auto;" width="320" /></a></div>
<div style="background-color: #f6f6f6; color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in;">
<span style="color: #cc0000;"></span></div>
<div style="background-color: #f6f6f6; color: #444444; font-family: Calibri; font-size: 11pt; line-height: 19.5px; margin: 0in;">
<br /><div style="font-size: 11pt; margin: 0in;">
Na imagem acima onde esta escrito selecione o modo como seu aplicativo se integra com o facebook, selecione a primeira opção.</div>
<div style="font-size: 11pt; margin: 0in;">
E clique em web site with facebook login adicione seu blog url completo e salve alterações .</div>
<br />Pronto agora você já tem o código para usar se quiser colocar sistemas de comentários do facebook no blog .</div>
</div>
</div>
Priscilahttp://www.blogger.com/profile/15084469149275311296noreply@blogger.com0tag:blogger.com,1999:blog-4650800792510614529.post-46854234548628229712013-05-18T13:22:00.000-03:002013-05-18T13:22:01.020-03:00Como colocar dois blocos de anúncios do Adsense Lado a lado<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="text-align: justify;">
<b style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; line-height: 22px;"><span style="color: #0b5394;">1. </span></b><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; line-height: 22px;">Primeiramente você deve adicionar seu códigos Adsense ao código abaixo, porém antes você tem que convertê-los.</span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; line-height: 22px;"><br /></span></div>
<span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; line-height: 22px;"><div style="text-align: justify;">
Acesse: <a href="http://www.blogcrowds.com/resources/parse_html.php" style="color: #436590; text-decoration: none;">Parse HTML for Blogger XML Templates</a> cole seu código Adsense, clique em "Parse" e em seguida substitua onde indicado em vermelho no código abaixo:</div>
</span><blockquote class="tr_bq" style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; line-height: 22px;">
<span style="color: #666666;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span><br /><span style="color: #666666;">&lt;div align=&quot;center&quot;&gt;&lt;!-- Inicio --&gt; &lt;b:if cond=&#39;data:blog.pagetype == &amp;quot;item&amp;quot;&#39;&gt; &lt;br /&gt; &lt;table border=&#39;0&#39; cellpadding=&#39;0&#39; cellspacing=&#39;0&#39; unselectable=&#39;on&#39;&gt;&lt;tbody&gt; &lt;tr&gt; &lt;td valign=&#39;top&#39;&gt; &lt;!-- Inicio --&gt;</span><b><span style="color: red;">Seu codigo adsense covertido aqui</span></b><span style="color: #666666;">&lt;!-- Final --&gt; &lt;/td&gt; &lt;td valign=&#39;top&#39;&gt; &lt;!-- Codigo Artigos Relacionados Inicio --&gt;</span><b><span style="color: red;">Seu codigo adsense covertido aqui</span></b><span style="color: #666666;">&lt;!-- Final --&gt;&lt;br /&gt; &lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt; &lt;!-- final --&gt;&lt;/b:if&gt; &lt;!-- Rodape dos artigos Final --&gt;&lt;/div&gt;</span><br /><span style="color: #666666;"></b:if></span></blockquote>
<br />
<b style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; line-height: 22px;"><span style="color: #0b5394;">2.</span></b><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; line-height: 22px;"> </span><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; line-height: 22px;">Agora você deve escolher o local onde você deseja que os anúncios apareçam, vou dar umas dicas dos melhores lugares.</span><br />
<div class="post-body entry-content" id="post-body-2188995180661820859" style="background-color: white; position: relative; width: 600px;">
<div style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; line-height: 22px;">
<br /></div>
<div style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; line-height: 22px;">
<b><span style="font-size: medium;"><span style="color: #073763;">Para adicionar os anúncios dentro de todas suas postagens abaixo do título de cada uma:</span></span></b></div>
<div style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; line-height: 22px;">
<br /></div>
<div style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; line-height: 22px;">
Vá até "Modelo", "Editar HTML" selecione "Expandir modelos de widgets" e procure por <span style="font-family: inherit;"><b style="text-align: -webkit-auto;"><div class=’post-header-line-1&#8242;/> </b></span></div>
<div style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; line-height: 22px;">
<span style="font-family: inherit;"><span style="text-align: -webkit-auto;"><br /></span></span></div>
<div>
<span style="font-family: inherit; font-size: 16px; line-height: 22px;"><span style="text-align: -webkit-auto;">Se não achar procure por: </span><span style="text-align: -webkit-auto;"><b><div class='post-header-line-1'/></b></span><b style="text-align: -webkit-auto;"> </b></span><br /><span style="font-family: inherit; font-size: 16px; line-height: 22px;"><span style="text-align: -webkit-auto;"><br /></span></span><span style="font-family: inherit; font-size: 16px; line-height: 22px;"><span style="text-align: -webkit-auto;">Logo abaixo de um destes cole o código que você deixou esperando anteriormente.</span></span><br /><span style="font-family: inherit; font-size: 16px; line-height: 22px;"><span style="text-align: -webkit-auto;"><br /></span></span><span style="color: #073763;"><br /></span><div style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; line-height: 22px; text-align: -webkit-auto;">
<b><span style="font-size: medium;"><span style="color: #073763;">Para adicionar os anúncios no final de todas suas postagens antes dos comentários:</span></span></b></div>
<span style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; line-height: 22px; text-align: -webkit-auto;"><br /></span><span style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; line-height: 22px; text-align: -webkit-auto;">Vá até "Design", "Editar HTML" e "Expandir modelos de widgets" e procure por <b><div class=’post-footer’></b> </span><br /><span style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; line-height: 22px; text-align: -webkit-auto;"><br /></span><span style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; line-height: 22px; text-align: -webkit-auto;">Se não encontrar procure por: <b><div class=’post-footer-line post-footer-line-1&#8242;> </b></span><br /><span style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; line-height: 22px; text-align: -webkit-auto;"><br /><div style="text-align: justify;">
<span style="text-align: -webkit-auto;">E imediatamente abaixo de uma destas linhas cole o código que você deixou esperando anteriormente.</span> </div>
</span><div style="text-align: justify;">
<span style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; line-height: 22px;"><br /></span></div>
<span style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; line-height: 22px; text-align: -webkit-auto;"><div style="text-align: justify;">
<span style="text-align: -webkit-auto;"><b><span style="color: #0b5394;">3. </span></b>Clique em Salvar Modelo e veja o resultado.</span> </div>
</span><div style="text-align: justify;">
<span style="color: #073763;"><br /></span></div>
<span style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; line-height: 22px; text-align: -webkit-auto;"><div style="text-align: justify;">
<b style="text-align: -webkit-auto;"><span style="font-size: medium;"><span style="color: #073763;">Concluindo:</span></span></b></div>
</span><span style="text-align: -webkit-auto;"><div style="text-align: justify;">
<span style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; line-height: 22px;"><br /></span></div>
</span><span style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; line-height: 22px; text-align: -webkit-auto;"><div style="text-align: justify;">
<span style="text-align: -webkit-auto;">Espero que com esta dica você possa alcançar melhores resultados no Adsense e também melhorar aparência e usabilidade de seu Blog, deixe comentários sobre qualquer dúvida e também se ocorreu tudo certo.</span></div>
</span></div>
<div style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; line-height: 22px;">
<span style="text-align: -webkit-auto;"><br /></span></div>
<div style="clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; line-height: 22px;">
</div>
</div>
<div class="post-footer" style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; line-height: 1.6; margin: 0.5em 0px;">
</div>
</div>
Priscilahttp://www.blogger.com/profile/15084469149275311296noreply@blogger.com0tag:blogger.com,1999:blog-4650800792510614529.post-65376886709503171312013-04-17T16:11:00.003-03:002013-04-17T16:11:47.615-03:00Nova edição HTML no Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">
O Blogger nos surpreendeu com uma nova e moderna edição de HTML profissional. Esta <strong>nova interface no Editar HTML</strong> inclui uma visualização sem abrir uma nova guia, numeração e códigos de cores para nos permitir identificar cada uma das partes do modelo; menu de gadgets para acessá-los rapidamente; expandimiento de gadgets individualmente; os códigos de organizar adequadamente adicionado, e seu próprio motor de busca.</div>
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">
Sim, tudo isso mudou no novo projeto que foi uma surpresa para todos nós. Então, o que é cada coisa?</div>
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">
As cores dos códigos é algo que tem confundido muitos, porque alguns pensam que têm uma função específica, mas não é, é apenas para ajudar a diferenciar cada setor da força de trabalho e não ver apenas um monte de letras pretas. Na verdade, a maioria dos editores profissionais com tanta freqüência.</div>
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">
Onde se expande os gadgets na nova edição de HTML?</div>
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">
Cada área é mais organizada individualmente, para expandir os gadgets de todas as áreas que precisam apenas dar clique na seta correspondente e expandir essa área, por exemplo, os estilos CSS agora agrupados entre <b><b:skin></b> ver <b>... </ b: skin></b></div>
<div>
<b><br /></b></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-kMV-G5bW0QQ/UW7vAB5FT7I/AAAAAAAAFhA/chuv0qo0iHM/s1600/Captura+de+tela+inteira+1742013+152032.bmp.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="411" src="http://2.bp.blogspot.com/-kMV-G5bW0QQ/UW7vAB5FT7I/AAAAAAAAFhA/chuv0qo0iHM/s640/Captura+de+tela+inteira+1742013+152032.bmp.jpg" width="640" /></a></div>
<b><br /></b></div>
<div>
<b style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">Ir para o</b><span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;"> menu </span><b style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">widget</b><span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;"> permite-nos ir diretamente para o gadget que você selecionou salvar-nos algum tempo.</span></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-uhI4A7iKQWI/UW7vgwOK_1I/AAAAAAAAFhQ/HMrhl2Gvwh0/s1600/Captura+de+tela+inteira+1742013+152158.bmp.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="446" src="http://2.bp.blogspot.com/-uhI4A7iKQWI/UW7vgwOK_1I/AAAAAAAAFhQ/HMrhl2Gvwh0/s640/Captura+de+tela+inteira+1742013+152158.bmp.jpg" width="640" /></a></div>
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;"><br /></span></div>
<div>
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">Este novo design inclui o seu próprio motor de busca que aparece com CTRL + F, e esta talvez seja a mudança que muitos não gostam, alguns dizem que às vezes pode ser lento para encontrar códigos.</span><br />
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;"><br /></span></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-nSjZh3vFAiI/UW7vTsoNrjI/AAAAAAAAFhI/bilILbi7p60/s1600/Captura+de+tela+inteira+1742013+154034.bmp.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="380" src="http://4.bp.blogspot.com/-nSjZh3vFAiI/UW7vTsoNrjI/AAAAAAAAFhI/bilILbi7p60/s640/Captura+de+tela+inteira+1742013+154034.bmp.jpg" width="640" /></a></div>
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;"><br /></span></div>
<div>
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;"><br /></span></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">O botão <b>Editar</b> permite-lhe regressar ao editor <b>modelo</b> quando formos na mesma <b>visualização</b> exibe agora dentro do mesmo editor.</span><span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;"> </span><span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">Eu, pessoalmente, prefiro que seja aberto em uma aba separada para maior visibilidade do modelo espaço e as mudanças que estão sendo implementadas.</span></div>
<div>
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;"><br /></span></div>
<div>
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">
Botão <b>Formatar Template</b> organiza o código que você adicionou, de modo que as mudanças que fizemos permaneçam em um ambiente limpo e organizado.</div>
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">
Sem dúvida, a maioria das mudanças são muito boas, mudanças feitas na esperança de nos ajudar a trabalhar melhor quando se muda o modelo de blog. O que você acha?</div>
</div>
</div>
Priscilahttp://www.blogger.com/profile/15084469149275311296noreply@blogger.com2tag:blogger.com,1999:blog-4650800792510614529.post-50063290446900588102013-04-09T09:53:00.001-03:002013-04-09T09:53:47.398-03:00Estrelas de avaliação no blog para o autor<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">
<span style="background-color: white;"><strong>A</strong> maioria dos <strong>sistemas</strong> de pontuação que conhecemos são para que os usuários avaliem uma postagem, mas neste caso não queremos a classificação do usuário, mas do próprio autor. Por exemplo, alguns blogs fazem recomendações de filmes, livros, jogos, etc,</span><span style="background-color: white;"> e querem colocar a taxa de "qualidade" do que estão falando, é quando podemos usar um sistema de </span><strong style="background-color: white;">classificação</strong><span style="background-color: white;"> como este, para o autor colocar uma qualificação na postagem do filme, livro, ou o que queira qualificar.</span></div>
<br style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;" />
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;">O resultado será assim:</span><br />
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-9aTIlL1Z3kE/UWQKeHD9CbI/AAAAAAAAFcA/Ec45p94LWBU/s1600/Captura+de+tela+inteira+942013+091909.bmp.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-9aTIlL1Z3kE/UWQKeHD9CbI/AAAAAAAAFcA/Ec45p94LWBU/s1600/Captura+de+tela+inteira+942013+091909.bmp.jpg" /></a></div>
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;"><br /></span>
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;"><br /></span>
<br />
<div style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">
<span style="background-color: white;">Neste sistema de classificação, vamos depender apenas de sprites CSS, que tem a capacidade de exibir notas parciais, ou seja, podemos dar uma a cinco estrelas, ou uma estrela e meia, duas e meia, e assim por diante.</span></div>
<br style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;" /><span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;">A primeira coisa que vamos fazer é ir em <b>Template | Editar HTML</b> e colar <b>antes de]]> </ b: skin> </b>colar:</span><br />
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;"><br /></span>
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;"><br /></span>
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">/* Estrelas de avaliação</span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">----------------------------------------------- */</span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">.val-fieldset {</span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">width:100px;</span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">border:none;</span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">font-weight:bold;</span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">font-size:12px;</span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">}</span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">.valoracion {</span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">width: 100px;</span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">height: 21px;</span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">display: block;</span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">0 0 no-repeat;</span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">}</span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">.val-0 {background-position: -100px -0;}</span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">.val-5 {background-position: -81px -21px;}</span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">.val-10 {background-position: -81px 0;}</span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">.val-15 {background-position: -61px -21px;}</span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">.val-20 {background-position: -60px 0;}</span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">.val-25 {background-position: -40px -21px;}</span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">.val-30 {background-position: -40px 0;}</span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">.val-35 {background-position: -21px -21px;}</span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">.val-40 {background-position: -21px 0;}</span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">.val-45 {background-position: 0 -21px;}</span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">.val-50 {background-position: 0 0;}</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span>
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span>
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">E na sua postagem onde queira mostrar a qualificação cole o seguinte:</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span>
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span>
<span style="background-color: white;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><fieldset class="val-fieldset"><legend>Classificação:</legend><span class="valoracion val- </span><span style="color: red; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><b>40</b></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> "></span></fieldset></span></span><br />
<span style="background-color: #e6ecf9; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span>
<span style="background-color: #e6ecf9; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span>
<span style="background-color: #e6ecf9; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span>
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">O que está em vermelho é a qualificação que você dará</span><span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">, neste caso são 4 estrelas.</span><span style="background-color: white;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;"> O</span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">s valores são múltiplos de 5, onde 0 é nenhuma estrela, 5 meia estrela, 10 uma estrela, 15 uma estrela e meia, 20 duas estrelas, etc.</span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;"> até</span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;"> o 50, que são cinco estrelas.</span></span><br />
<span style="background-color: #e6ecf9; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span></div>
Priscilahttp://www.blogger.com/profile/15084469149275311296noreply@blogger.com0tag:blogger.com,1999:blog-4650800792510614529.post-17592167997648289702013-03-26T11:05:00.000-03:002013-03-26T11:05:01.788-03:00Menu horizontal com sub-abas e buscador integrado<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">
O menu seguinte é feito apenas com <strong>CSS, ele</strong> é um <strong>menu horizontal com sub-abas,</strong> e do lado direito tem uma <strong>busca arredondada.</strong></div>
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">
Esse menu é útil para aqueles que não necessitam de menus complexos ou preferem não usar um que requeira scripts e / ou imagens demais, e também a instalação e personalização é bastante simples, e ainda por cima é bastante funcional, e que ter o motor de busca integrado pode ter dois elementos na mesma área.</div>
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">
Você pode vê-lo aqui: <a href="http://translate.googleusercontent.com/translate_c?depth=1&ei=2pJRUYyjKZLW8gS0zYCYAg&hl=pt-PT&langpair=es%7Cpt&rurl=translate.google.com.br&u=http://emoticons-blogger.blogspot.com/&usg=ALkJrhgRH7C1-JtiguUl-Wka_XYbw7w_SQ" rel="nofollow" style="color: #1288c4;" target="blank">teste neste blog</a> , basta você digitar a palavra de pesquisa e pressionar ENTER.</div>
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">
<b style="background-color: #f7f8f9; text-align: left;">ATENÇÃO:</b><span style="background-color: #f7f8f9; text-align: left;"> </span><span style="background-color: #f7f8f9; color: #424242; font-style: italic; text-align: left;">Se você estiver usando um modelo feito através do Designer de modelo do Blogger primeiro precisa seguir os passos <a href="http://translate.googleusercontent.com/translate_c?depth=1&ei=2pJRUYyjKZLW8gS0zYCYAg&hl=pt-PT&langpair=es%7Cpt&rurl=translate.google.com.br&u=http://ciudadblogger.com/2011/03/como-usar-cualquier-menu-en-las.html&usg=ALkJrhh5PPRgsTCJ4syey4HTK-KYAFqHSg" style="color: #1288c4;">deste post</a> .</span></div>
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">
<span style="background-color: #f7f8f9; color: #424242; font-style: italic; text-align: left;"><br /></span></div>
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">
<span style="background-color: #f7f8f9; color: #424242; font-style: italic; text-align: left;"><br /></span></div>
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">
<span style="text-align: left;">Para colocar este menu horizontal com submenus em seu blog vá em <b>Editar HTML</b> no seu modelo, e <b>antes de]]> </ b: skin></b> cole os estilos:</span><span style="text-align: left;"> </span></div>
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">
<span style="text-align: left;"><br /></span></div>
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">
<span style="text-align: left;"><br /></span></div>
<div style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">
<span style="background-color: white;"><span style="line-height: 16.890625px; text-align: left;">/ * Menu horizontal pesquisa</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">----------------------------------------------- * /</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">MenuWrapper # {</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">width: 100%; <span style="color: green;">/ * largura do menu * /</span></span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">height: 35px;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">padding-left-: 14px;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">background: # 333333; <span style="color: green;">/ * cor de fundo * /</span></span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">border-radius: 20px; <span style="color: green;">/ * bordas arredondadas * /</span></span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">}</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">. {Menu</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">largura: 100%;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">float: left;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">font-family: "Lucida Sans Unicode", "Trebuchet MS Unicode", "Lucida Grande", sans-serif;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">font-size: 13px; <span style="color: green;">/ * Tamanho da fonte * /</span></span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">font-weight: bold;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">}</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">. Menu ul {</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">float: left;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">height: 0px;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">list-style: none;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">margin: 0;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">padding: 0;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">border-radius: 20px 20px 0px 0px; <span style="color: green;">/ submenu * bordas arredondadas * /</span></span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">}</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">. Menu li {</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">float: left;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">padding: 0px;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">}</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">. Menu li a {</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">background: # 333333</span><span style="line-height: 16.890625px; text-align: left;"> </span><span style="line-height: 16.890625px; text-align: left;">inferior direito no-repeat;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">color: # cccccc; <span style="color: green;">/ cor da fonte * /</span></span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">display: block;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">font-weight: normal;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">line-height: 35px;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">margin: 0px;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">padding: 0px 25px; <span style="color: green;">/ * espaço entre cada guia * /</span></span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">text-align: center;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">text-decoration: none;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">}</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">. Menu li a: hover, menu ul li:. Pairar a {</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">background: # 2580a2; <span style="color: green;">/ * Cor. ao passar * /</span></span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">color: # FFFFFF; <span style="color: green;">/ Cor do texto * quando passando * /</span></span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">text-decoration: none;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">}</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">. Menu li ul {</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">background: # 333333; <span style="color: green;">submenu Cor / * fundo * /</span></span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">display: none;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">height: auto;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">padding: 0px;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">margin: 0px;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">position: absolute;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">width: 200px; <span style="color: green;">/ * Largura submenu * /</span></span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">z-index: 100;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">border-top: 1px solid # fff; <span style="color: green;">/ * borda superior do submenu * /</span></span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">}</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">. Menu li: hover ul {</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">display: block;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">}</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">. Menu li li {</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">display: block;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">float: none;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">margin: 0px;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">padding: 0px;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">width: 200px;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">}</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">. Menu li: hover li a {</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">background: none;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">border-radius: 20px 0px 20px 0px; <span style="color: green;">/ Edge * sub-abas de * /</span></span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">}</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">. Menu ul li a {</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">display: block;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">height: 35px;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">font-size: 12px;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">font-style: normal;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">margin: 0px;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">padding: 10px 0px 0px 15px;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">text-align: left;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">}</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">. Menu ul li a:. Hover, menu li ul li: hover {um</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">background: # 2580a2; <span style="color: green;">/ * Cor das sub-abas ao passar * /</span></span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">color: # ffffff;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">text-decoration: none;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">}</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;"># Pesquisa {</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">width: 228px <span style="color: green;">/ * largura do navegador * /</span></span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">height: 22px;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">float: right;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">text-align: center;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">margin-top: 6px;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">margin-right: 6px;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;"><span style="color: green;">/ * Pesquisa de imagem de fundo * /</span></span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">background: url (http://4.bp.blogspot.com/_qgZA1ny_dAs/Szuhn02zO6I/AAAAAAAADdI/u2etpRWlwF8/s1600/search-bar.png) no-repeat;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">}</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;"># Pesquisa caixa-{</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">margin-top: 3px;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">margem: 0px;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">background: transparent;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">text-align: center;</span><span style="line-height: 16.890625px; text-align: left;"> </span><br style="line-height: 16.890625px; text-align: left;" /><span style="line-height: 16.890625px; text-align: left;">}</span></span></div>
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">
<span style="text-align: left;"><br /></span></div>
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; line-height: 20.796875px; text-align: justify;">
<span style="text-align: left;"><br /></span></div>
<div style="background-color: white; text-align: justify;">
<span style="line-height: 20.796875px; text-align: left;"><span style="color: #333333; font-family: Arial, Georgia, serif;">Em seguida, vá para a seção de design, e adicione um elemento de página HTML / Javascript e cole:</span></span></div>
<div style="background-color: white; text-align: justify;">
<span style="line-height: 20.796875px; text-align: left;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: x-small;"><br /></span></span></div>
<div style="background-color: white; text-align: justify;">
<span style="line-height: 20.796875px; text-align: left;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: x-small;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white; line-height: 20.796875px; text-align: left;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: x-small;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><div id='menuWrapper'></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><div class='menu'></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><ul></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><li><a href=" <span style="color: red;">URL do link</span> "> </span><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><span style="color: red;">Aba </span><span style="color: red;">1</span><span style="color: #333333;"> </a></li></span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><li><a href="#"> </span><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><span style="color: red;">Aba</span><span style="color: red;"> 2</span><span style="color: #333333;"> </a></span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><ul></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><span style="color: #333333;"><li><a href=" </span><span style="color: red;">URL do link</span><span style="color: #333333;"> "></span><span style="color: red;"> Aba</span><span style="color: red;"> 2.1</span><span style="color: #333333;"> </a></li></span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><li><a href=" <span style="color: red;">URL do link</span> "> </span><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><span style="color: red;">Aba</span><span style="color: red;"> 2.2</span><span style="color: #333333;"> </a></li></span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><li><a href=" <span style="color: red;">URL do link</span> "> </span><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><span style="color: red;">Aba</span><span style="color: red;"> 2.3</span><span style="color: #333333;"> </a></li></span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><li><a href=" <span style="color: red;">URL do link</span> "> </span><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><span style="color: red;">Aba</span><span style="color: red;"> 2.4</span><span style="color: #333333;"> </a></li></span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"></ul></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"></li></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><li><a href="#"> <span style="color: red;">Aba</span></span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><span style="color: red;"> 3</span> </a></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><ul></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><li><a href=" <span style="color: red;">URL do link</span> "> </span><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><span style="color: red;">Aba</span><span style="color: red;"> 3.1</span><span style="color: #333333;"> </a></li></span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><li><a href=" <span style="color: red;">URL do link</span> "> </span><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><span style="color: red;">Aba </span><span style="color: red;">3.2</span><span style="color: #333333;"> </a></li></span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><li><a href=" <span style="color: red;">URL do link</span> "> </span><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><span style="color: red;">Aba</span><span style="color: red;"> 3.3</span><span style="color: #333333;"> </a></li></span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><li><a href=" <span style="color: red;">URL do link</span> "> </span><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><span style="color: red;">Aba</span><span style="color: red;"> 3.4</span><span style="color: #333333;"> </a></li></span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"></ul></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"></li></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><li><a href="#"> </span><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><span style="color: red;">Aba </span><span style="color: red;">4</span><span style="color: #333333;"> </a></span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><ul></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><li><a href=" <span style="color: red;">URL do link</span> "> <span style="color: red;">Aba 4.1</span> </a></li></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><li><a href=" <span style="color: red;">URL do link</span> "> <span style="color: red;">Aba 4.2</span> </a></li></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><li><a href=" <span style="color: red;">URL do link</span> "> <span style="color: red;">Aba 4.3</span> </a></li></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><li><a href=" <span style="color: red;">URL do link</span> "> <span style="color: red;">Aba 4.4</span> </a></li></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"></ul></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"></li></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><span style="color: blue;"></ul></span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><form action='/search' id='search' method='get' name='searchForm' style='display:inline;'></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><input id='search-box' name='q' onblur='if (this.value == &quot;&quot;) this.value = &quot;Buscar...&quot;;' onfocus='if (this.value == &quot;Buscar...&quot;) this.value = &quot;&quot;;' size='28' type='text' value='Buscar...'/></form></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"></div></div></span></span></div>
<div style="background-color: white; text-align: justify;">
<span style="line-height: 20.796875px; text-align: left;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: x-small;"><br /></span></span></div>
<div style="background-color: white; text-align: justify;">
<span style="line-height: 20.796875px; text-align: left;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: x-small;"><br /></span></span></div>
<div style="text-align: justify;">
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;">
Coloque as URLs dos links onde se indica asim como o nome de suas abas.</div>
<div style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;">
<span style="background-color: white;">No primeiro código pode-se ver as áreas que podem ser personalizadas tais como a cor, etc.</span></div>
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;">
A aparência redondada do menu tambem é CSS, assim quando se usa um navegador antigo não se verá essas bordas.</div>
<br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: left;" /><span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: left;">Se quiseres adicionar outra aba adicione antes do último <span style="color: blue;"></ul></span> em cor azul uma linha como esta:</span><span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: left;"> </span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: left;"><br /></span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><li><a href=" </span><span style="color: red; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;">URL do link</span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> "> </span><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><span style="color: red;">Aba</span></span><span style="color: red; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> 5</span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </a></li></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><br /></span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: left;">Se quiseres que esta tenha submenus então o código que deverás colocar é este:</span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: left;"> </span></span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: left;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><li><a href="#"> Aba<span style="color: red;"> 5</span> </a></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><ul></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><li><a href=" <span style="color: red;">URL do link</span> "> <span style="color: red;">Aba 5.1</span> </a></li></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><li><a href=" <span style="color: red;">URL do link</span> "> <span style="color: red;">Aba 5.2</span> </a></li></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><li><a href=" <span style="color: red;">URL do link</span> "> <span style="color: red;">Aba 5.3</span> </a></li></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"><li><a href=" <span style="color: red;">URL do link</span> "> <span style="color: red;">Aba 5.4</span> </a></li></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"></ul></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px; text-align: left;"></li></span></span></div>
<div style="background-color: white; text-align: justify;">
<span style="line-height: 20.796875px; text-align: left;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: x-small;"><br /></span></span></div>
<div style="background-color: white; text-align: justify;">
<span style="line-height: 20.796875px; text-align: left;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: x-small;"><br /></span></span></div>
<div style="background-color: white; text-align: justify;">
<span style="line-height: 20.796875px; text-align: left;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: x-small;"><br /></span></span></div>
<div style="background-color: white; text-align: justify;">
<span style="line-height: 20.796875px; text-align: left;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: x-small;"><br /></span></span></div>
<div style="background-color: white; text-align: justify;">
<span style="line-height: 20.796875px; text-align: left;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: x-small;"><br /></span></span></div>
</div>
Priscilahttp://www.blogger.com/profile/15084469149275311296noreply@blogger.com1tag:blogger.com,1999:blog-4650800792510614529.post-45725377747771093682013-03-25T11:22:00.000-03:002013-03-25T11:22:27.047-03:00Como usar qualquer menu nas planilhas de Design do Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<img src="http://1.bp.blogspot.com/-06TL109fhjA/TX2R70oaPzI/AAAAAAAAFbI/3v1WgYhfAwQ/s800/menu-subpesta%25C3%25B1as.png" /><br />
<br />
<br />
Desde que apareceram as planilhas de Design do Blogger os menus com submenus não funcionam. A razão é que essas planilhas tem estilos predefinidos nesta área e desabilitam qualquer outro menu que se agregue. Para que se tenha esse submenu, é necessário seguir os seguintes passos:<br />
<br />
Primeiro, entramos em Design / Editar HTML e clicamos em SIM expandir e busque esta linha:<br />
<br />
<span style="background-color: white;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><b:section </span><span class="Apple-style-span" style="color: red; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">class='tabs'</span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> id='crosscol' maxwidgets='1' showaddelement='yes'></span></span><br />
<span style="background-color: white;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span></span>
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">Apague </span><span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;">o que está em vermelho.</span><span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;"> </span><br />
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;">É possível que se tenha muitas partes como a que está em vermelho, apague todas que encontrar. </span><br style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;" /><span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;">Depois busque esta parte na planilha: </span><br />
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;"><br /></span>
<span style="background-color: white;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">/* Tabs</span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span></span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">----------------------------------------------- */</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span>
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span>
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;">E elimine tu</span><span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;">do que houver dentro dele.</span><span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;"> </span><span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;">Por exemplo, na planilha Awesome Inc. eliminariamos tudo que está na <span style="color: green;">cor verde</span></span><span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;"> :</span><br />
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;"><br /></span>
<span style="background-color: white;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">/* Tabs</span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">----------------------------------------------- */</span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">.tabs-outer {</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">overflow: hidden;</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">position: relative;</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll 0 0;</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">}</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">#layout .tabs-outer {</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">overflow: visible;</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">}</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">.tabs-cap-top, .tabs-cap-bottom {</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">position: absolute;</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">width: 100%;</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">border-top: 1px solid $(tabs.border.color);</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">}</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">.tabs-cap-bottom {</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">bottom: 0;</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">}</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">.tabs-inner .widget li a {</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">display: inline-block;</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">margin: 0;</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">padding: .6em 1.5em;</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">font: $(tabs.font);</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">color: $(tabs.text.color);</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">border-top: 1px solid $(tabs.border.color);</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">border-bottom: 1px solid $(tabs.border.color);</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">border-$startSide: 1px solid $(tabs.border.color);</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">}</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">.tabs-inner .widget li:last-child a {</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">border-$endSide: 1px solid $(tabs.border.color);</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">}</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">background: $(tabs.selected.background.color) $(tabs.background.gradient) repeat-x scroll 0 -100px;</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">color: $(tabs.selected.text.color);</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><span style="color: green; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: green;">}</span></span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">/* Headings</span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">----------------------------------------------- */</span></span><br />
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;"><br /></span>
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;"><br /></span>
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;">Depois de apagado, cole em seu lugar o seguinte:</span><br />
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;"><br /></span>
<span style="background-color: white;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">#crosscol ul {z-index: 200; padding:0 !important;}</span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">#crosscol li:hover {position:relative;}</span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">#crosscol ul li {padding:0 !important;}</span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> </span><br style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">.tabs-outer {z-index:1;}</span></span><br />
<span style="background-color: white;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span></span>
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span>
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;">Uma vez feito isto, podemos adicionar qualquer menu nos nossos blogs com submenus sem problemas.</span><br />
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;"><br /></span>
<br />
<br />
<br />
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">
<br /></div>
<br style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;" /><br style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;" /><div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">
<br /></div>
<br style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;" /><br /></div>
Priscilahttp://www.blogger.com/profile/15084469149275311296noreply@blogger.com1tag:blogger.com,1999:blog-4650800792510614529.post-26768020737332017512013-03-20T11:02:00.001-03:002013-03-20T11:02:04.309-03:00Twitcker - Mostrando seus últimos tweets em seu blog<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Twitcker é um serviço ticker, gerando tickers de seus tweets <span style="box-sizing: border-box; margin: 0px; padding: 0px;">do Twitter que você pode incluir em seu site ou blog.</span><span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;"> <span style="font-weight: normal;">O que ele faz é mostrar todos os tweets mais recentes que publicamos, e pode-se definir a velocidade com que eles passam, a forma como eles são exibidos, cores, links, etc.</span></span></div>
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;"><span style="font-weight: normal;"><br /></span></span>
<div>
<div style="background-color: white; text-align: justify;">
<div style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-5j00DfGgQS8/UUm5j09rInI/AAAAAAAAFbU/lzFf2BU28bI/s1600/tweet.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-5j00DfGgQS8/UUm5j09rInI/AAAAAAAAFbU/lzFf2BU28bI/s1600/tweet.bmp" /></a></div>
<br /></div>
</div>
<span style="box-sizing: border-box; margin: 0px; padding: 0px;"><br style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;" /></span>
<div style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px; text-align: justify;">
<div style="background-color: white; color: #333333;">
<span style="box-sizing: border-box; margin: 0px; padding: 0px;">Para obter este gadget de últimos tweets entre em <a href="http://translate.googleusercontent.com/translate_c?depth=1&ei=qapJUbvGL5Ks8QTMmoEI&hl=pt-PT&langpair=es%7Cpt&rurl=translate.google.com.br&u=http://twitcker.com/&usg=ALkJrhhRhcQPDSDUu4x1YieQxBryq-9gkw" style="color: #1288c4;" target="blank">Twitcker</a> e clique no botão <b>Entre com o Twitter.</b></span></div>
<div style="background-color: white; color: #333333;">
<span style="box-sizing: border-box; margin: 0px; padding: 0px;"><b><br /></b></span></div>
<div style="background-color: white; color: #333333;">
<span style="box-sizing: border-box; margin: 0px; padding: 0px;"></span></div>
<div>
<span style="box-sizing: border-box; margin: 0px; padding: 0px;"><span style="background-color: #e6ecf9;">Autorize o aplicativo para criar um script simples para você.</span></span></div>
<div>
<span style="box-sizing: border-box; margin: 0px; padding: 0px;">Uma vez que você fizer isso você verá o seu nome de usuário e um link abaixo para configurar barra de tweets.</span></div>
<br />
<div style="background-color: white; color: #333333;">
<span style="box-sizing: border-box; margin: 0px; padding: 0px;"><b><br /></b></span></div>
<div style="background-color: white; color: #333333;">
<span style="box-sizing: border-box; margin: 0px; padding: 0px;"><b><br /></b></span></div>
<div class="separator" style="background-color: white; clear: both; color: #333333; text-align: center;">
<a href="http://1.bp.blogspot.com/-gFfa7ArPIXA/UUm9zxmdohI/AAAAAAAAFbs/XFF1v46NPIE/s1600/Captura+de+tela+inteira+2032013+103451.bmp.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="291" src="http://1.bp.blogspot.com/-gFfa7ArPIXA/UUm9zxmdohI/AAAAAAAAFbs/XFF1v46NPIE/s640/Captura+de+tela+inteira+2032013+103451.bmp.jpg" width="640" /></a></div>
<div style="background-color: white; color: #333333;">
<span style="box-sizing: border-box; margin: 0px; padding: 0px;"><b><br /></b></span></div>
<div class="separator" style="background-color: white; clear: both; color: #333333; text-align: center;">
</div>
<div style="background-color: white; color: #333333;">
<span style="box-sizing: border-box; margin: 0px; padding: 0px;"><b><br /></b></span></div>
<div style="background-color: white; color: #333333;">
<span style="box-sizing: border-box; margin: 0px; padding: 0px;"><b><br /></b></span></div>
<div style="color: #333333;">
<span style="box-sizing: border-box; margin: 0px; padding: 0px;">Lá você verá uma série de opções para tweets, como controlar a velocidade com que eles passam, a cor da barra, se apresentado como marquise ou máquina de escrever, etc.</span></div>
<div style="color: #333333;">
<span style="box-sizing: border-box; margin: 0px; padding: 0px;"><br /></span></div>
<div style="color: #333333;">
<span style="box-sizing: border-box; margin: 0px; padding: 0px;"><br /></span></div>
<div style="color: #333333;">
<span style="box-sizing: border-box; margin: 0px; padding: 0px;"><img src="http://1.bp.blogspot.com/-BrTJ0Rfvt9Q/UTWJnXnTDHI/AAAAAAAAI-E/NTNr4BISa7o/s000/Twitcker3.png" /></span></div>
<div style="color: #333333;">
<span style="box-sizing: border-box; margin: 0px; padding: 0px;"><br /></span></div>
<div style="color: #333333;">
<span style="box-sizing: border-box; margin: 0px; padding: 0px;"><br /></span></div>
<span style="box-sizing: border-box; margin: 0px; padding: 0px;"><span style="background-color: white; color: #333333;">Uma vez terminado clique em </span><b style="background-color: white; color: #333333;">Criar</b><span style="background-color: white; color: #333333;"> personalizar e terá o código, copie-o e depois vai para </span><b style="background-color: white; color: #333333;">Design | Adicionar um gadget | HTML / Javascript</b><span style="background-color: white; color: #333333;"> e cole o código que copiou. </span><br /><br /></span></div>
</div>
</div>
Priscilahttp://www.blogger.com/profile/15084469149275311296noreply@blogger.com0tag:blogger.com,1999:blog-4650800792510614529.post-11470533933031880192013-02-24T09:59:00.003-03:002013-02-24T09:59:55.592-03:00Mostrar maior número de comentários ao "Carregar mais"<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div class="post-body entry-content" id="post-body-1124520428182681278" itemprop="articleBody" style="line-height: 1.6em; margin: 0px 0px 0.75em; padding-right: 15px; width: 588px;">
<div style="text-align: justify;">
No <strong>sistema de</strong> entradas dos<strong> comentários</strong> carregados na mesma página, quando temos mais de 200 comentários sobre uma postagem, aparece um botão <strong><em>"Carregar Mais ..."</em> para exibir mais comentários.</strong></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
A desvantagem é que os comentários carregam de 50 a 50.</div>
<div style="text-align: justify;">
Felizmente, você pode modificar esse valor, podendo escolher quantos comentários aparecem em cada carregamento.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Nós apenas temos que entrar no <b>Editar HTML template,</b> marcar <b>Expandir modelos de widgets</b> e encontrar esta linha:</div>
<blockquote style="-webkit-transition: all 0.4s linear; background-color: #f7f7f7; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(224, 224, 224); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(224, 224, 224); border-top-style: solid; border-top-width: 1px; line-height: 1.3em; margin: 10px 25px 15px; padding: 10px 20px 10px 15px;">
<span style="background-color: #d2d2d2; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=</span><span style="background-color: #d2d2d2; color: red; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">50</span><span style="background-color: #d2d2d2; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"> ';</span></blockquote>
<div style="text-align: justify;">
Onde o 50 em vermelho é o número de entradas a serem exibidos em todos os carregamentos, de modo que você pode mudá-lo para outro valor, por exemplo, 200.</div>
<div style="text-align: justify;">
<span style="background-color: white;">Dessa forma, quando você quiser ver o resto dos comentários, será de 200 em 200 (supondo que você tenha colocado em 200) em vez de 50 para 50, com apenas alguns cliques e você vai economizar algum tempo.</span></div>
</div>
</div>
Priscilahttp://www.blogger.com/profile/15084469149275311296noreply@blogger.com1tag:blogger.com,1999:blog-4650800792510614529.post-44510944142159671972013-02-10T10:35:00.002-02:002013-02-10T10:35:53.870-02:00Como colocar corações flutuando no blog<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Temos aqui dois tipos de corações, no primeiro código corações de tamanho médio e no segundo corações de tamanho menor, em ambos os casos os corações subirão pela página movimentando-se de um lado para o outro.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Para colocar estes corações no seu blog basta ir em Modelo > Editar HTML pressionar Ctrl + F e digitar </body> . Cole o código que você preferir antes de </body> :</div>
<div style="text-align: justify;">
<br /></div>
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span>
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><!-- Corações no blog --></span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><div style="display:none;"></span><br />
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/0/7/29/parts.js"></script><p style="text-align: center;margin:0;padding:0;"><a href="http://giffy.me/baby/"><img style="border:0;" src="http://blogparts.giffy.me/0133/parts.gif" /></a></p><p style="text-align:center;font-size:12px;margin:10px 0 0 0;padding:0;">[PR] <a href="http://typing.twi1.me/">無料でタイピング練習☆</a></p></span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></div></span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><!-- Fim de Corações no blog --></span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span>
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span>
<span style="color: #333333; font-family: Arial, Georgia, serif;"><span style="line-height: 16.890625px;">Veja o exemplo <a href="http://teste183764.blogspot.com.br/" target="_blank">aqui</a>.</span></span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span>
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span>
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span>
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><!-- Corações no blog --></span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><div style="display:none;"></span><br />
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><script type="text/javascript" src="http://blogparts.giffy.me/0082/parts.js"></script><p style="text-align: center;margin:0;padding:0;"><a href="http://giffy.me/baby/"><img style="border:0;" src="http://blogparts.giffy.me/0082/parts.gif"/></a></p><p style="text-align:center;font-size:12px;margin:10px 0 0 0;padding:0;">[PR] <a href="http://typing.twi1.me/">求む!タイピング初心者</a></p></span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></div></span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><!-- Fim de Corações no blog --></span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span>
<br />
<span style="color: #333333; font-family: Arial, Georgia, serif; line-height: 16.890625px;">Veja o exemplo <a href="http://teste859966.blogspot.com.br/" target="_blank">aqui</a></span><span style="color: #333333; font-family: Arial, Georgia, serif; line-height: 16.890625px;">.</span></div>
Priscilahttp://www.blogger.com/profile/15084469149275311296noreply@blogger.com3tag:blogger.com,1999:blog-4650800792510614529.post-35239325263866463122012-08-05T09:31:00.001-03:002012-08-05T09:31:11.272-03:00Personalizando a navbar do blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Ha pouco tempo, poucos queriam manter a navbar, essa barra que fica acima do blog. A única cor disponível era a azul, que não combinava com todos os modelos de blog. Hoje a navbar está disponível em mais cores e podemos fazer com que ela se torne mais dinâmica. Ou se preferir ocultá-la mostraremos como fazê-lo.</div>
<br />
<h2 style="text-align: center;">
<span style="color: #3d85c6;">Ocultar Navbar</span></h2>
<div>
<span style="background-color: #6fa8dc;"><br />
</span></div>
<div>
Não é mais necessário colocar códigos na planilha para ocultar a navbar. Agora basta irmos em <b>Layout </b>> clicar em <b>Editar</b> na <b>Navbar</b> (barra de navegação) e selecionar <b>Desativado</b>.</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Cr1b2-12bS0/UBGPZTMwEwI/AAAAAAAAFUU/EJA-dYVvG4Y/s1600/Captura+de+tela+inteira+2672012+152301.bmp.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-Cr1b2-12bS0/UBGPZTMwEwI/AAAAAAAAFUU/EJA-dYVvG4Y/s1600/Captura+de+tela+inteira+2672012+152301.bmp.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #3d85c6; font-family: Georgia, 'Times New Roman', serif; font-size: x-large;">Navbar Flutuante</span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Se pelo contrário, você gosta de visualizar a navbar, então você pode deixá-la flutuante para que continue vendo-a quando abaixar o scroll da página. Para isto, vá em Editar Html e antes de ]]>< /b:skin> cole o seguinte:</div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px; text-align: left;"><br />
</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="background-color: white; text-align: left;"> </span></div>
<div style="text-align: justify;">
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px; text-align: left;">#navbar-iframe {</span></div>
<div style="text-align: justify;">
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px; text-align: left;">top:0;</span></div>
<div style="text-align: justify;">
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px; text-align: left;">position:fixed;</span></div>
<div style="text-align: justify;">
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px; text-align: left;">}</span> </div>
<div style="text-align: justify;">
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px; text-align: left;"><br />
</span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Georgia, serif; font-size: x-small;"><span style="line-height: 16px;"><b><span style="color: #333333;">Demonstração: </span><span style="color: red;"><a href="http://navbar111.blogspot.com.br/" target="_blank">Navbar Flutuante</a></span></b></span></span></div>
<div style="text-align: left;">
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: x-small;"><span style="line-height: 16px;"><br />
</span></span></div>
<div style="text-align: justify;">
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px; text-align: left;">Se quiser que a navbar fique flutuante porém na parte debaixo, troque top:0; por bottom:0;</span></div>
<div style="text-align: justify;">
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px; text-align: left;"><br />
</span></div>
<div style="text-align: justify;">
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px; text-align: left;">Com qualquer uma das duas opções a navbar continuará visível mesmo que se suba ou abaixe a página.</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px; text-align: left;"><br /></span><br />
<span style="background-color: #3d85c6; color: #3d85c6; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px; text-align: left;"><br /></span><br />
<span style="background-color: white; color: #3d85c6; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px; text-align: left;"><br /></span></div>
<div style="text-align: justify;">
<div style="text-align: center;">
<span style="background-color: white; color: #3d85c6; font-family: Arial, Georgia, serif; font-size: large; line-height: 16px; text-align: left;">Mostrar a navbar ao se passar o cursor</span></div>
<div style="text-align: center;">
<span style="color: #0b5394; font-family: Arial, Georgia, serif; font-size: large; line-height: 16px; text-align: left;"><br /></span></div>
<div style="text-align: center;">
<span style="color: #0b5394; font-family: Arial, Georgia, serif; font-size: large; line-height: 16px; text-align: left;"><br /></span></div>
</div>
<div style="text-align: justify;">
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px; text-align: left;">Uma boa opção para ocultar a navbar e fazer com que apareça somente quando passarmos o cursor sobre ela.</span></div>
<div style="text-align: justify;">
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px; text-align: left;">Para este efeito, basta adicionar antes de ]]>< /b:skin> o seguinte: </span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: x-small;"><span style="line-height: 16px;"><br />
</span></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: x-small;"><span style="line-height: 16px;"><br />
</span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">#navbar-iframe {</span></div>
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">opacity:.0;</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">filter:alpha(Opacity=0,FinishedOpacity=0);</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">-moz-transition: all 1s;</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">-webkit-transition: all 1s;</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">-o-transition: all 1s;</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">}</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">#navbar-iframe:hover {</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">opacity:1.0;</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">filter:alpha(Opacity=100,FinishedOpacity=100);</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">-moz-transition: all 1s;</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">-webkit-transition: all 1s;</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">-o-transition: all 1s;</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">}</span> <br />
<div class="separator" style="clear: both; text-align: left;">
<b><br />
</b></div>
<div class="separator" style="clear: both; text-align: left;">
<b>Demonstração: <span style="color: red;"><a href="http://navbar222.blogspot.com.br/" target="_blank"><span id="goog_1807103666"></span>Navbar oculta que aparece ao se passar o cursor</a><span id="goog_1807103667"></span></span></b></div>
<div class="separator" style="clear: both; text-align: left;">
<b><br />
</b></div>
<div class="separator" style="clear: both; text-align: left;">
<b><br />
</b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
</div>
Priscilahttp://www.blogger.com/profile/15084469149275311296noreply@blogger.com5tag:blogger.com,1999:blog-4650800792510614529.post-59488440538953847412012-05-27T19:28:00.000-03:002012-05-27T19:29:48.878-03:00Dicas para blogueiros com pouco tempo<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="background-color: white; color: #383434; font-family: Arial; font-size: 14px; line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
Um blog leva tempo, pelo menos, se alguém quiser fazê-lo bem sucedido. <span style="line-height: 1.4em;">Mas muitos blogueiros não têm tanto tempo. Compromissos profissionais e pessoais muitas vezes deixam pouco tempo livre.</span></div>
<div style="background-color: white; color: #383434; font-family: Arial; font-size: 14px; line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
Então, hoje eu quero te dar algumas dicas sobre como você como um blogueiro com tempo limitado ainda pode ser bem sucedido. </div>
<div style="background-color: white; color: #383434; font-family: Arial; font-size: 14px; line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: -webkit-auto;">
<span id="more-644"></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-Ca0t4I8SsuU/T8KqMks-FvI/AAAAAAAAFOE/jOx5d3AXc98/s1600/GRD_138_relogio-blogger-sem-borda-e-com-ponteiro_350.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://3.bp.blogspot.com/-Ca0t4I8SsuU/T8KqMks-FvI/AAAAAAAAFOE/jOx5d3AXc98/s320/GRD_138_relogio-blogger-sem-borda-e-com-ponteiro_350.jpg" width="320" /></a></div>
<h1 class="\"headline\"" style="background-color: white; font-family: Tahoma; font-size: 20px; font-weight: normal; line-height: 1.2em; margin: 25px 0px 0px; padding: 0px 0px 10px 10px; text-align: justify;">
Nada vem do nada</h1>
<div style="background-color: white; color: #383434; font-family: Arial; font-size: 14px; line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
Primeiro você deve saber que blogs por si só não são bem sucedidos.</div>
<div style="background-color: white; color: #383434; font-family: Arial; font-size: 14px; line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
No início de um blog você vai ter que investir muito mais do que você terá como retorno. Os blogs são um exemplo típico de como você pode ganhar dinheiro com o tempo.</div>
<div style="background-color: white; color: #383434; font-family: Arial; font-size: 14px; line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
Se você já estabeleceu o seu primeiro blog em um nicho e um número de visitantes atraentes têm (dependendo de qual, pode ser um foco muito bom para a indústria e até mesmo em níveis mais baixos) chances de ser bem pago.</div>
<div style="background-color: white; color: #383434; font-family: Arial; font-size: 14px; line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
<br /></div>
<h2 class="\"headline\"" style="background-color: white; font-family: Tahoma; font-size: 20px; font-weight: normal; line-height: 1.2em; margin: 25px 0px 0px; padding: 0px 0px 10px 10px; text-align: left;">
Dicas para blogueiros com pouco tempo</h2>
<ul style="background-color: white; color: #383434; font-family: Arial; font-size: 14px; text-align: -webkit-auto;">
<li style="line-height: 1.4em; margin-bottom: 15px;"><div style="text-align: left;">
<b style="line-height: 1.4em;">Você realmente tem tão pouco tempo?</b></div>
<div style="line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
Muitas vezes é a voz dentro de você, que você deve superar.</div>
<div style="line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
Então, por favor, considere cuidadosamente se você não gasta tempo com coisas inúteis. Possivelmente sim, então tente reservar pelo menos uma ou duas horas por semana para o seu blog.</div>
</li>
<li style="line-height: 1.4em; margin-bottom: 15px;"><div style="text-align: justify;">
<b style="line-height: 1.4em;">Passo a passo</b></div>
<div style="line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
Muito importante, não apenas para blogs, é impor pequenas tarefas e metas. Isso torna a implementação mais fácil. </div>
</li>
<li style="line-height: 1.4em;"><div style="text-align: justify;">
<b style="line-height: 1.4em;">Plano realista desde o início</b></div>
<div style="line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
A motivação para começar um blog é geralmente muito elevada.</div>
<div style="line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
Contudo, o nível particularmente elevado de motivação pode ser passageiro após a fase inicial. </div>
<div style="line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
Então, volte a amar os blogs e mantenha em um ritmo realista. Mais tarde será mais fácil de manter esse ritmo no blog.</div>
<div style="line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
<br /></div>
</li>
<li style="line-height: 1.4em;"><div style="text-align: justify;">
<b style="line-height: 1.4em;">Manter idéias prontas</b></div>
<div style="line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
Sentado em frente de uma folha de papel em branco ou um post de blog em branco é muito difícil. Por isso, é importante que você colete regularmente idéias de blogs e escreva uma sobre coisas novas.</div>
<div style="line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
<br /></div>
</li>
<li style="line-height: 1.4em;"><div style="text-align: justify;">
<b style="line-height: 1.4em;">Continuar a escrever artigos</b></div>
<div style="line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
Retomar artigo ou artigo da série são muitas vezes mais fácil e rápido para escrever, já que você está familiarizado com o assunto.</div>
<div style="line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
Como fazer, por exemplo, os links da semana, toda sexta-feira. </div>
<div style="line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
<br /></div>
</li>
<li style="line-height: 1.4em;"><div style="text-align: justify;">
<b style="line-height: 1.4em;">Itens divididos</b></div>
<div style="line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
Às vezes é mais inteligente se você dividir um artigo muito longo.</div>
<div style="line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
Por exemplo, em vez de apresentar 30 plugins do Blogger em um artigo, eu poderia dividir em 3 postagens, cada uma com 10 plugins.</div>
<div style="line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
<br /></div>
</li>
<li style="line-height: 1.4em;"><div style="text-align: justify;">
<b style="line-height: 1.4em;">Evite distrações</b></div>
<div style="line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
Sem distrações você é simplesmente mais eficaz . Da televisão, Twitter, e também do leitor de feeds. Assim, você escreve muito melhor sem que seja distraído a cada 5 minutos<span style="line-height: 1.4em;">.</span></div>
<div style="line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
<br /></div>
</li>
<li style="line-height: 1.4em;"><div style="text-align: justify;">
<b style="line-height: 1.4em;">Têm blogs divertido</b></div>
<div style="line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
Se você gosta de blogs não tem os visto como uma tarefa que leva tempo para escrever. Tente se divertir e você não terá problemas com a falta de tempo.</div>
<div style="line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
<br /></div>
</li>
<li style="line-height: 1.4em;"><div style="text-align: justify;">
<b style="line-height: 1.4em;">Visão = motivação </b></div>
<div style="line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
Sem visão de metas de longo prazo, é difícil manter a motivação. </div>
<div style="line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
Motivar-se com histórias de sucesso de outros blogueiros e também desenvolver uma ou outra visão pessoal.</div>
<div style="line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
<br /></div>
</li>
</ul>
<h3 class="\"headline\"" style="background-color: white; font-family: Tahoma; font-size: 20px; font-weight: normal; line-height: 1.2em; margin: 25px 0px 0px; padding: 0px 0px 10px 10px; text-align: justify;">
Suas dicas para blogueiros com pouco tempo.</h3>
<div style="background-color: white; color: #383434; font-family: Arial; font-size: 14px; line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #383434; font-family: Arial; font-size: 14px; line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
Entendo que é difícil para alguém depois de um dia longo e difícil de trabalho despertar-se novamente e escrever um ou mais artigos no blog.</div>
<div style="background-color: white; color: #383434; font-family: Arial; font-size: 14px; line-height: 1.4em; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: justify;">
Portanto, estamos interessados em sua opinião e suas experiências. Àqueles que trabalham e tem pouco tempo para manter o seu <span style="line-height: 1.4em;">blog, que conselho você poderia dar a eles?</span></div>
<div style="text-align: justify;">
<br /></div>
</div>Priscilahttp://www.blogger.com/profile/15084469149275311296noreply@blogger.com3tag:blogger.com,1999:blog-4650800792510614529.post-35468799667710768212012-05-18T21:11:00.000-03:002012-05-18T21:11:17.091-03:00Como converter blog/postagens para pdf<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-gX26ZysB8PY/T7bk3sBjEeI/AAAAAAAAFNA/zxjIN8eWShA/s1600/pdf.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-gX26ZysB8PY/T7bk3sBjEeI/AAAAAAAAFNA/zxjIN8eWShA/s1600/pdf.jpg" /></a></div>
<ul style="border: 0px; font: inherit; line-height: 22px; list-style: none; margin: 0px 1.5em 1.5em 0px; outline: none medium; padding: 0px 0px 0px 1.5em; vertical-align: baseline;">
<li style="background-attachment: scroll; background-position: 0px 4px; border: 0px; font: inherit; line-height: 1.4em; margin: 0.3em 0px; outline: none medium; padding: 0px 0px 0.8em 20px; text-align: justify; vertical-align: baseline;"><span style="border: 0px; font: inherit; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;"><span style="background-color: white; border: 0px; font: inherit; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;">Este tutorial irá mostrar-lhe como converter blog / postagem para PDF.</span><span style="background-color: white; font-family: 'Droid Serif', arial, serif; font-size: 14px;"> </span><span style="background-color: white;"><span style="border: 0px; font: inherit; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;">Com a ajuda deste post você vai ser capaz de converter facilmente o blog para PDF.</span><span style="font-family: 'Droid Serif', arial, serif; font-size: 14px;"> </span></span></span></li>
<li style="background-attachment: scroll; background-color: transparent; background-position: 0px 4px; border: 0px; font: inherit; line-height: 1.4em; margin: 0.3em 0px; outline: none medium; padding: 0px 0px 0.8em 20px; vertical-align: baseline;"><span style="line-height: 1.4em;">Visite</span><span style="line-height: 1.4em;"> </span><a href="http://translate.googleusercontent.com/translate_c?hl=pt-BR&langpair=en%7Cpt&rurl=translate.google.com.br&twu=1&u=http://pdfmyurl.com/&usg=ALkJrhh8tlnifG3tdm2BQ-61L6iV3VIWcw" rel="nofollow" style="border: 0px; color: #4c1130; font: inherit; margin: 0px; outline: none medium; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"><b style="outline: none medium;">http://pdfmyurl.com</b></a></li>
<li style="background-attachment: scroll; background-color: transparent; background-position: 0px 4px; border: 0px; font: inherit; line-height: 1.4em; margin: 0.3em 0px; outline: none medium; padding: 0px 0px 0.8em 20px; vertical-align: baseline;"><span style="border: 0px; font-family: inherit; font-size: 14px; font-style: inherit; font-weight: inherit; font: inherit; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;">Cole o url do post que você deseja converter em PDF.</span></li>
<li style="background-attachment: scroll; background-position: 0px 4px; border: 0px; font: inherit; line-height: 1.4em; margin: 0.3em 0px; outline: none medium; padding: 0px 0px 0.8em 20px; vertical-align: baseline;"><span style="background-color: white; border: 0px; font: inherit; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;">Em seguida, clique no botão <b style="outline: none medium;">P.</b></span></li>
<li style="background-attachment: scroll; background-color: transparent; background-position: 0px 4px; border: 0px; font: inherit; line-height: 1.4em; margin: 0.3em 0px; outline: none medium; padding: 0px 0px 0.8em 20px; vertical-align: baseline;"><span style="border: 0px; font-family: inherit; font-size: 14px; font-style: inherit; font-weight: inherit; font: inherit; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;">Só isso!</span> E v<span style="border: 0px; font-family: inherit; font-size: 14px; font-style: inherit; font-weight: inherit; font: inherit; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;">ocê vai ter o seu <b style="outline: none medium;">PDF.</b></span></li>
</ul>
</div>Priscilahttp://www.blogger.com/profile/15084469149275311296noreply@blogger.com1tag:blogger.com,1999:blog-4650800792510614529.post-86329566739389355992012-05-01T19:04:00.000-03:002012-05-01T19:05:07.214-03:006 maneiras para fazer com que compartilhem mais seus posts<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="text-align: justify;">
<a href="http://1.bp.blogspot.com/-o7LRV7B5U2g/T6Bdr6-yEXI/AAAAAAAAFKs/3oLHnBk8aaI/s1600/social-bookmarking-sharing-keyboard-key.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="http://1.bp.blogspot.com/-o7LRV7B5U2g/T6Bdr6-yEXI/AAAAAAAAFKs/3oLHnBk8aaI/s1600/social-bookmarking-sharing-keyboard-key.jpg" /></a><span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;">Como um membro ativo de várias redes sociais, você está sempre buscando formas eficazes para obter um tráfego consistente e direcionamento para suas postagens.</span><span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; text-align: -webkit-auto;"> </span><span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;">O marketing viral é o caminho a percorrer se quiser medir o sucesso de suas postagens.</span><span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; text-align: -webkit-auto;"> </span><span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;">Mas conseguir que as pessoas compartilhem suas mensagens muitas vezes pode se tornar uma tarefa complicada.</span><span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; text-align: -webkit-auto;"> </span><span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;">Para ter mais conhecimento e aprender truques, continue a ler abaixo.:</span><span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; text-align: -webkit-auto;"> </span></div>
<span style="color: #0b5394;"><a href="http://www.blogger.com/blogger.g?blogID=4650800792510614529" name="more" style="background-color: white; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;"></a></span><br />
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #0b5394;"><a href="http://www.blogger.com/blogger.g?blogID=4650800792510614529" name="more" style="background-color: white; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;"></a></span></div>
<span style="color: #0b5394;">
<div style="text-align: justify;">
<span style="font-family: Philosopher, arial, serif; line-height: 19px;"><br /></span></div>
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;"><div style="text-align: justify;">
<span style="outline-color: initial; outline-style: none; outline-width: medium;"><b style="outline-color: initial; outline-style: none; outline-width: medium;">1.</b></span> <span style="outline-color: initial; outline-style: none; outline-width: medium;"><b style="outline-color: initial; outline-style: none; outline-width: medium;">Compartilhar e pedir</b></span> </div>
</span></span><br />
<div style="text-align: justify;">
<span style="font-family: Philosopher, arial, serif; line-height: 19px;"><br /></span></div>
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;"></span><br />
<div style="text-align: justify;">
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;"><span style="outline-color: initial; outline-style: none; outline-width: medium;">A dica aqui é para p</span><span style="outline-color: initial; outline-style: none; outline-width: medium;">ublicar conteúdo que se conecta com o cotidiano das pessoas.</span> <span style="outline-color: initial; outline-style: none; outline-width: medium;">Criar uma ligação perguntando e se comunicando cada vez que você fizer login no seu site de rede social.</span> <span style="outline-color: initial; outline-style: none; outline-width: medium;">Toda vez que você criar um post, peça que seus seguidores o leiam e digam o que acharam dele.</span> <span style="outline-color: initial; outline-style: none; outline-width: medium;">Crie uma conversa que permita opiniões e idéias.</span> </span></div>
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;">
</span><br />
<br />
<div style="text-align: justify;">
<span style="font-family: Philosopher, arial, serif; line-height: 19px;"><span style="color: #0b5394;"><br /></span></span></div>
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;"></span><br />
<div style="text-align: justify;">
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;"><span style="color: #0b5394;"><span style="outline-color: initial; outline-style: none; outline-width: medium;"><b style="outline-color: initial; outline-style: none; outline-width: medium;">2.</b></span> <span style="outline-color: initial; outline-style: none; outline-width: medium;"><b style="outline-color: initial; outline-style: none; outline-width: medium;">Torná-lo divertido</b></span> </span></span></div>
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;">
</span><br />
<div style="text-align: justify;">
<span style="font-family: Philosopher, arial, serif; line-height: 19px;"><br /></span></div>
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;"></span><br />
<div style="text-align: justify;">
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;"><span style="outline-color: initial; outline-style: none; outline-width: medium;">Seja criativo.</span> <span style="outline-color: initial; outline-style: none; outline-width: medium;">Pense em idéias inovadoras que envolvam humor em seus posts.</span> <span style="outline-color: initial; outline-style: none; outline-width: medium;">Envolva os seus seguidores através de incentivos.</span> <span style="outline-color: initial; outline-style: none; outline-width: medium;">Por exemplo criar e construir quizzes, concursos ou campanhas.</span> <span style="outline-color: initial; outline-style: none; outline-width: medium;">Obter impulso, tanto quanto possível, através destas campanhas e mais, d</span><span style="outline-color: initial; outline-style: none; outline-width: medium;">ê brindes e prêmios, se possível.</span> </span></div>
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;">
</span><span style="font-family: Philosopher, arial, serif;"><div style="text-align: justify;">
<span style="font-weight: bold; line-height: 19px;"><br /></span></div>
</span><br />
<div style="text-align: justify;">
<span style="font-family: Philosopher, arial, serif; line-height: 19px;"><span style="color: #0b5394;"><br /></span></span></div>
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;"></span><br />
<div style="text-align: justify;">
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;"><span style="color: #0b5394;"><span style="outline-color: initial; outline-style: none; outline-width: medium;"><b style="outline-color: initial; outline-style: none; outline-width: medium;">3.</b></span> <span style="outline-color: initial; outline-style: none; outline-width: medium;"><b style="outline-color: initial; outline-style: none; outline-width: medium;">Atraia a atenção por títulos cativantes</b></span> </span></span></div>
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;">
</span><br />
<div style="text-align: justify;">
<span style="font-family: Philosopher, arial, serif; line-height: 19px;"><br /></span></div>
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;"></span><br />
<div style="text-align: justify;">
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;"><span style="outline-color: initial; outline-style: none; outline-width: medium;">Pense sobre a última reportagem que você leu on-line ou no jornal ou um título de revista que você se lembra. </span><span style="outline-color: initial; outline-style: none; outline-width: medium;">Isso é porque ele tinha título atrativo.</span> <span style="outline-color: initial; outline-style: none; outline-width: medium;">Suas mensagens devem ter um título que chame a atenção imediata de seu fã ou seguidor.</span> <span style="outline-color: initial; outline-style: none; outline-width: medium;">Seja inteligente, mas também marcante quando você escrever os posts.</span> <span style="outline-color: initial; outline-style: none; outline-width: medium;">Não use imagens de estilo antigo, mas seja criativo o suficiente para usar imagens atraentes em sua introdução.</span> <span style="outline-color: initial; outline-style: none; outline-width: medium;">Pense em si mesmo abrindo um resultado de pesquisa particular.</span></span></div>
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;">
</span><br />
<br />
<div style="text-align: justify;">
<span style="font-family: Philosopher, arial, serif; line-height: 19px;"><br /></span></div>
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;"></span><br />
<div style="text-align: justify;">
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;"><span style="color: #0b5394;"><span style="outline-color: initial; outline-style: none; outline-width: medium;"><b style="outline-color: initial; outline-style: none; outline-width: medium;">4.</b></span> <span style="outline-color: initial; outline-style: none; outline-width: medium;"><b style="outline-color: initial; outline-style: none; outline-width: medium;">Seja provocante</b></span> </span></span></div>
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;">
</span><br />
<div style="text-align: justify;">
<span style="font-family: Philosopher, arial, serif; line-height: 19px;"><br /></span></div>
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;"></span><br />
<div style="text-align: justify;">
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;"><span style="outline-color: initial; outline-style: none; outline-width: medium;">Não compartilhar o conteúdo que os leitores devem ter lido centenas de vezes até agora.</span><span style="outline-color: initial; outline-style: none; outline-width: medium;">Internet é inundado com conceitos e idéias comuns e conteúdo relacionado a eles.</span> <span style="outline-color: initial; outline-style: none; outline-width: medium;">Ela está repleta de conteúdo específico da indústria - escrito em um tom de marketing.</span> <span style="outline-color: initial; outline-style: none; outline-width: medium;">Escolha temas que vai agarrar a atenção de seu leitor.</span> <span style="outline-color: initial; outline-style: none; outline-width: medium;">Escolha o conteúdo que você como leitor vai achar interessante.</span> </span></div>
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;">
</span><br />
<div style="text-align: justify;">
<span style="font-family: Philosopher, arial, serif; line-height: 19px;"><span style="color: #0b5394;"><br /></span></span></div>
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;"></span><br />
<div style="text-align: justify;">
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;"><span style="color: #0b5394;"><span style="outline-color: initial; outline-style: none; outline-width: medium;"><b style="outline-color: initial; outline-style: none; outline-width: medium;">5.</b></span> <span style="outline-color: initial; outline-style: none; outline-width: medium;"><b style="outline-color: initial; outline-style: none; outline-width: medium;">Mensagens postadas em outros blogs</b></span> </span></span></div>
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;">
</span><br />
<div style="text-align: justify;">
<span style="font-family: Philosopher, arial, serif; line-height: 19px;"><br /></span></div>
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;"></span><br />
<div style="text-align: justify;">
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;"><span style="outline-color: initial; outline-style: none; outline-width: medium;">Ao comentar em postagens dos outros você vai definitivamente ser notado.</span> <span style="outline-color: initial; outline-style: none; outline-width: medium;">Tente comentar em um blog de alto perfil.</span> <span style="outline-color: initial; outline-style: none; outline-width: medium;">Escolha blogs que você localizou na primeira página do motor de busca Google.</span> </span></div>
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;">
</span><br />
<br />
<div style="text-align: justify;">
<span style="font-family: Philosopher, arial, serif; line-height: 19px;"><span style="color: #0b5394;"><br /></span></span></div>
<b></b><br />
<div style="text-align: justify;">
<b><b><span style="color: #0b5394;"><span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;"><span style="outline-color: initial; outline-style: none; outline-width: medium;">6.</span></span><span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; text-align: -webkit-auto;"> </span> D<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; text-align: -webkit-auto;">eixe simples e fácil a assinatura do seu conteúdo</span> </span></b></b></div>
<b>
</b><br />
<div style="text-align: justify;">
<span style="font-family: Philosopher, arial, serif; line-height: 19px;"><br /></span></div>
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;"></span><br />
<div style="text-align: justify;">
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;"><span style="outline-color: initial; outline-style: none; outline-width: medium;">Sempre que você postar, seus assinantes receberão um alerta cada vez que fizer uma atualização em seus posts.</span> </span></div>
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;">
</span><br />
<div style="text-align: justify;">
<span style="font-family: Philosopher, arial, serif; line-height: 19px;"><br /></span></div>
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;"></span><br />
<div style="text-align: justify;">
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;"><span style="outline-color: initial; outline-style: none; outline-width: medium;">Quanto mais as suas mensagens são compartilhadas, mais marketing viral você vai conseguir.</span> <span style="outline-color: initial; outline-style: none; outline-width: medium;">Comece a usar essas estratégias eficazes para levar as pessoas a partilhar os seus posts.</span> <span style="outline-color: initial; outline-style: none; outline-width: medium;">Motive os seus telespectadores, mas lembre-se que o sucesso de suas estratégias dependerá do seu público-alvo e vai variar entre fluxo de pessoas.</span> </span></div>
<span style="background-color: white; font-family: Philosopher, arial, serif; font-size: 16px; line-height: 19px; outline-color: initial; outline-style: none; outline-width: medium; text-align: -webkit-auto;">
</span></div>Priscilahttp://www.blogger.com/profile/15084469149275311296noreply@blogger.com9tag:blogger.com,1999:blog-4650800792510614529.post-49692288104088110612012-04-15T09:35:00.001-03:002012-04-15T09:42:43.223-03:00Como colocar adsense no meio das postagens<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Já vimos como <a href="http://blogger-passo-a-passo.blogspot.com.br/2010/12/como-se-inscrevercolocar-adsense-no.html" target="_blank">se inscrever no adsense,</a> n<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20px; text-align: justify;">o caso os anúncios das postagens ficam localizados sob o título, no início da postagem ou no final da mesma. Mas através de um script podemos manipular onde o anúncio irá aparecer.</span></div>
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20px; text-align: justify;">Para isso é preciso primeiro gerar o código do adsense, faça até o 2° passo como explicado <a href="http://blogger-passo-a-passo.blogspot.com.br/2011/02/como-colocar-anuncios-do-adsense-abaixo.html" target="_blank">nesta postagem.</a></span><br />
<div style="text-align: justify;">
Em seguida, vá em Design > Editar Html pressione Ctrl + F e procure por:</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="background-color: #d2d2d2; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;"><data:post.body/></span>
</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Substitua por :</b></div>
<br />
<div style="text-align: justify;">
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;"><div expr:id='"aim1" + data:post.id'></div></span></div>
<div style="text-align: justify;">
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;"><br /></span></div>
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;"></span><br />
<div style="text-align: justify;">
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;"><div style="clear:both; margin:10px 0"></span></div>
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">
</span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;"></span><br />
<div style="text-align: justify;">
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;"><span class="Apple-style-span" style="color: red;">Coloque aqui seu código do Adsense</span></span></div>
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">
</span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;"><div style="text-align: justify;">
</div></div>
<div style="text-align: justify;">
<br /></div>
</span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;"><div style="text-align: justify;">
<div expr:id='"aim2" + data:post.id'></div>
</span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;"><div style="text-align: justify;">
<data:post.body/></div>
</span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;"><div style="text-align: justify;">
</div></div>
</span><br />
<div style="text-align: justify;">
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;"><br /></span></div>
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;"></span><br />
<div style="text-align: justify;">
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;"><script type="text/javascript"></span></div>
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">
</span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;"></span><br />
<div style="text-align: justify;">
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">var obj0=document.getElementById("aim1<data:post.id/>");</span></div>
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">
</span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;"><div style="text-align: justify;">
var obj1=document.getElementById("aim2<data:post.id/>");</div>
</span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;"><div style="text-align: justify;">
var s=obj1.innerHTML;</div>
</span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;"><div style="text-align: justify;">
var r=s.search(/\x3C!-- adsense --\x3E/igm);</div>
</span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;"><div style="text-align: justify;">
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}</div>
</span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;"><div style="text-align: justify;">
</script></div>
</span><br />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="background-color: white;"><br /></span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20px;">Coloque seu código Adsense no lugar indicado, e agora toda vez que quiser colocar o anúncio do Adsense na postagem basta colocar esta tag dentro da postagem:</span><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20px;"> </span></span>
</div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="background-color: #d2d2d2; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;"><!-- adsense --></span>
</div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20px;">E pronto, onde você colocar a tag é onde o anúncio aparecerá, por exemplo:</span></span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20px;"><br /></span></span></div>
<br />
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; text-align: justify;">
<span style="font-family: Georgia, 'Times New Roman', serif;">A preocupação dos executivos brasileiros com as redes sociais é maior do que a média global, mostra uma pesquisa realizada em 50 países. </span><span style="font-family: Georgia, 'Times New Roman', serif;">Cerca de 1.900 executivos de marketing e comunicação foram ouvidos no segundo semestre do ano passado para um estudo da Forbes Insights, em parceria com a consultoria Weber Shandwick. </span><span style="font-family: Georgia, 'Times New Roman', serif;">Os dados foram apresentados na Social Media Week, evento que terminou ontem no MIS (Museu da Imagem e do Som de São Paulo).</span></div>
<div style="background-color: white;">
<div style="color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; text-align: justify;">
<span style="background-color: #d2d2d2; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;"><!-- adsense --></span><br />
<span style="background-color: white; font-family: Georgia, 'Times New Roman', serif;">No Brasil, 41% dos profissionais creem que esses ambientes representam mais riscos do que ganhos. O percentual de preocupação no país é quase o dobro da média mundial (23%).</span></div>
<span style="color: #555555; font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 18px;">
</span></div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; text-align: justify;">
<span style="font-family: Georgia, 'Times New Roman', serif;">Os brasileiros também relacionam mais a atuação nas redes à reputação da marca (47% ante 33%) e têm uma dedicação maior ao monitoramento dessas atividades (43% ante 30%) e ao conteúdo exclusivo para estes canais (36% contra 28%). </span></div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; text-align: justify;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; text-align: justify;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
<div style="background-color: white; color: #555555; font-size: 14px; line-height: 18px; text-align: justify;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><b>O resultado será algo parecido com isso:</b></span></div>
<div style="background-color: white; color: #555555; font-size: 14px; line-height: 18px; text-align: justify;">
<span style="font-family: Georgia, 'Times New Roman', serif;"><br /></span></div>
<br />
<br />
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; text-align: justify;">
<span style="font-family: Georgia, 'Times New Roman', serif;">A preocupação dos executivos brasileiros com as redes sociais é maior do que a média global, mostra uma pesquisa realizada em 50 países. </span><span style="font-family: Georgia, 'Times New Roman', serif;">Cerca de 1.900 executivos de marketing e comunicação foram ouvidos no segundo semestre do ano passado para um estudo da Forbes Insights, em parceria com a consultoria Weber Shandwick. </span><span style="font-family: Georgia, 'Times New Roman', serif;">Os dados foram apresentados na Social Media Week, evento que terminou ontem no MIS (Museu da Imagem e do Som de São Paulo).</span></div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<div style="background-color: white;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-cbN8sVRfM94/T4mJNy5P7VI/AAAAAAAAFEY/nBHXvJ79-Lg/s1600/Captura+de+tela+inteira+1242012+112130.bmp.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="55" src="http://2.bp.blogspot.com/-cbN8sVRfM94/T4mJNy5P7VI/AAAAAAAAFEY/nBHXvJ79-Lg/s320/Captura+de+tela+inteira+1242012+112130.bmp.jpg" width="320" /></a></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #555555; font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 18px;">No Brasil, 41% dos profissionais creem que esses ambientes representam mais riscos do que ganhos. O percentual de preocupação no país é quase o dobro da média mundial (23%).</span></div>
<span style="color: #555555; font-family: Georgia, 'Times New Roman', serif; font-size: 14px; line-height: 18px;">
</span></div>
<div style="background-color: white; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; text-align: justify;">
<span style="font-family: Georgia, 'Times New Roman', serif;">Os brasileiros também relacionam mais a atuação nas redes à reputação da marca (47% ante 33%) e têm uma dedicação maior ao monitoramento dessas atividades (43% ante 30%) e ao conteúdo exclusivo para estes canais (36% contra 28%).</span></div>
<div style="text-align: justify;">
<br /></div>
</div>Priscilahttp://www.blogger.com/profile/15084469149275311296noreply@blogger.com2tag:blogger.com,1999:blog-4650800792510614529.post-26276735458026289832012-04-14T08:58:00.001-03:002012-04-14T09:01:09.576-03:00Como mostrar Adsense para feeds<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20px; text-align: justify;">
Se você já se inscreveu para<a href="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/rEHob"> <b>receber as postagens Blogger passo a passo</b> </a>você verá os anúncios em cada postagem recebida.</div>
<div style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20px; text-align: justify;">
<span style="background-color: white;">Há duas maneiras de configurar, uma é na própria página do <strong>Adsense</strong> e a outra no <strong>Blogger,</strong> em ambos os casos você deve ter uma conta Adsense e <a href="http://www.blogger.com/goog_960385166">um feed no </a><strong><a href="http://blogger-passo-a-passo.blogspot.com.br/2010/10/como-criar-um-feed-feedburner.html">Feedburner</a>.</strong></span></div>
<div style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20px; text-align: justify;">
<br /></div>
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20px;"><span class="Apple-style-span" style="font-size: medium;"><b>Configuração do Adsense</b></span></span><span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20px;"> </span><br />
<br />
<ol style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20px;">
<li style="margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Faça login na sua conta do AdSense para <a href="https://www.google.com/adsense/adsense-products" style="color: #1288c4;">Adsense Setup</a></li>
<li style="margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Clique em <b>Meus anúncios</b> ><strong> Feeds > Anúncios de feed.</strong></li>
</ol>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-_fDoYaKBKmw/T4ldC1vUn_I/AAAAAAAAFEA/jD6Wa7hs-z8/s1600/Captura+de+tela+inteira+1242012+081253.bmp.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="338" src="http://1.bp.blogspot.com/-_fDoYaKBKmw/T4ldC1vUn_I/AAAAAAAAFEA/jD6Wa7hs-z8/s640/Captura+de+tela+inteira+1242012+081253.bmp.jpg" width="640" /></a></div>
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: x-small;"><span style="line-height: 20px;"><b><br /></b></span></span></div>
<div>
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: x-small;"><span style="line-height: 20px;"><b><br /></b></span></span></div>
<div>
<ol style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20px;">
<li style="background-color: white; margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Em seguida, configure o tipo de anúncios que são exibidos.</li>
<li style="background-color: white; margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Veja abaixo a lista de feeds que você tem no Feedburner (um por blog).</li>
<li style="background-color: white; margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Salve as alterações e pronto.</li>
</ol>
<br />
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20px;"><span class="Apple-style-span" style="font-size: medium;"><b>Configuração do Blogger</b></span></span><span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20px;"> </span><br />
<br />
<ol style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20px;">
<li style="margin-bottom: 0.25em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Faça login na sua conta do Blogger e clique em Gerar receita<i><b>.</b></i></li>
</ol>
</div>
<div>
2. <span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20px;">Em seguida, clique em AdSense para Feeds</span></div>
<div>
<span style="background-color: #e6ecf9; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20px;"><br /></span></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-DFcsZbMF964/T4lirVQrv0I/AAAAAAAAFEI/xkLpSOwMboM/s1600/Captura+de+tela+inteira+1242012+083509.bmp.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="345" src="http://4.bp.blogspot.com/-DFcsZbMF964/T4lirVQrv0I/AAAAAAAAFEI/xkLpSOwMboM/s400/Captura+de+tela+inteira+1242012+083509.bmp.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: x-small;"><span style="line-height: 20px;"><br /></span></span></div>
</div>
<div>
<span style="background-color: white; color: #333333;">3. </span><span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20px;">Salve as alterações e pronto.</span>
<br />
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20px;"><br /></span><br />
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20px; text-align: justify;">
Você pode encontrar mais informações sobre o Adsense para feeds na <a href="http://groups.google.com/a/googleproductforums.com/forum/#!forum/adsense-pt" target="_blank">página de Ajuda do AdSense.</a></div>
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20px; text-align: justify;">
<br /></div>
</div>
<div>
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: x-small;"><span style="line-height: 20px;"><b><br /></b></span></span></div>
</div>Priscilahttp://www.blogger.com/profile/15084469149275311296noreply@blogger.com1tag:blogger.com,1999:blog-4650800792510614529.post-29275512574951327012012-04-07T10:14:00.001-03:002012-04-07T10:18:23.263-03:00Como destacar frases no blog<div dir="ltr" style="text-align: left;" trbidi="on">
Com este código você poderá fazer citações ou simplesmente dar destaque a frases que você queira.<br />
<br />
Para fazer isso, vamos em Design > Editar Html, pressionamos Ctrl + F e procuramos por :<br />
<br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">blockquote {</span><br />
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">..............</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">..............</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">..............</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">}</span>
<br />
<br />
E substiuímos por:<br />
<br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">blockquote {</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">background: #A9F5D0 url(http://2.bp.blogspot.com/_qgZA1ny_dAs/Sw66TNQV5hI/AAAAAAAADK4/lALxQAkmQF0/s200/blockquote.png) top left no-repeat;</span><br />
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">margin: 10px 15px 3px 3px;</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">padding: 5px 15px 10px 32px;</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">border-top: 1px solid #DDD;</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">border-right: 1px solid #666;</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">border-left: 1px solid #DDD;</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">border-bottom: 1px solid #666;</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">font-style: italic;</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">}</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;"><br /></span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">Salve. Quando for fazer a postagem, basta clicar antes da frase que se deseja destacar e clicar no botão de citação </span><img alt="comillas" src="http://3.bp.blogspot.com/_qgZA1ny_dAs/Sw65LWL1m_I/AAAAAAAADKw/gWJkhDzm9iw/s200/comillas.PNG" />.<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;"> </span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;"><br /></span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">O resultado será esse:</span><br />
<blockquote class="tr_bq">
Se A é o sucesso, então A é igual a X mais Y mais Z. O trabalho é X; Y é o lazer; e Z é manter a boca fechada.</blockquote>
<br />
Se preferir outro estilo como esse:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-B_RniZkf4ik/T4Azm_fQ1YI/AAAAAAAAFCs/X0Nd05sptFw/s1600/zz.bmp.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="120" src="http://4.bp.blogspot.com/-B_RniZkf4ik/T4Azm_fQ1YI/AAAAAAAAFCs/X0Nd05sptFw/s320/zz.bmp.jpg" width="320" /></a></div>
<br />
Use este código:<br />
<br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">blockquote {</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">margin: 10px 15px 3px 3px;</span><br />
<span style="background-color: white; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">padding: 5px 15px 10px 15px;</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">border-left: 5px solid #FF8000;</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">font-style: italic;</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">}</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: x-small;"><span style="line-height: 16px;"><br /></span></span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">Caso não encontre o código:</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;"> </span><span style="background-color: #e6ecf9; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">blockquote {</span><br />
<span style="color: #333333; font-family: Arial, Georgia, serif; font-size: x-small;"><span style="line-height: 16px;"><br /></span></span><br />
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">Procure por:</span><br />
<span style="background-color: #e6ecf9; color: #333333; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16px;">.post blockquote {</span>
</div>Priscilahttp://www.blogger.com/profile/15084469149275311296noreply@blogger.com0tag:blogger.com,1999:blog-4650800792510614529.post-80799404615443640462012-03-28T08:51:00.000-03:002012-03-28T08:51:40.807-03:00Dicas de SEO para as imagens do blog<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
No post anterior vimos a importância das imagens em um blog, agora vamos ver algumas dicas para o aumento do tráfego do blog oriundo dos resultados das pesquisa de imagens. Então, se você usa muitas imagens não deixe de seguir estas dicas: </div>
<div style="text-align: justify;">
</div>
<div>
<center>
</center></div>
<div style="text-align: justify;">
</div>
<div class="post-body entry-content" id="post-body-955367822722532785" style="text-align: justify;">
<br />
<span style="font-size: medium;"><b>A hospedagem</b></span><br />
<span style="font-size: medium;"><b> </b></span> <br />
<div>
A hospedagem certamente não influencia no posicionamento, mas sim na
velocidade de upload, então dependendo da hospedagem sua imagem terá mais largura de banda, por
isso o recomendado para quem usa o <b>Blogger</b> é o imagens para o Picasa . </div>
<div>
Isso também garante que as imagens sempre estarão disponíveis, porque
se você estiver usando alguma outra hospedagem, a imagem pode ser removida e você ficar sem ela. </div>
<br />
<br />
<div>
<span style="font-size: medium;"><b>Tamanho / Peso das imagens</b></span> </div>
<div>
Uma imagem muito grande em ambas as dimensões e peso demorará mais
para carregar do que uma imagem mais leve, e como sabemos, o tempo de
carregamento do blog é essencial para o posicionamento. Por isso garanta que as imagens de suas postagens não sejam muito grandes em tamanho ou peso. Os formatos recomendados são JPG e PNG. </div>
<div>
Existem muitos programas para computador e <i>sites</i> que irão otimizar as imagens, ou seja, levar um pouco de qualidade de modo que seu peso seja menor. </div>
<br />
<br />
<span style="font-size: medium;"><b>Palavras-chave no nome da imagem</b></span> <br />
<div>
Verifique se o nome de suas <b>imagens</b> estão com <b>uma palavra-chave, de</b> modo a evitar o uso de palavras sem sentido, números ou qualquer nome que não identifique a imagem perfeitamente. </div>
<i>Exemplos:</i> <br />
<blockquote class="tr_bq">
<img border="0" height="16" src="http://3.bp.blogspot.com/-MYrPxmW78Ec/T2QEjmgaaxI/AAAAAAAAHDc/08xFcATwRyU/s400/cross.png" style="vertical-align: middle;" width="16" /> DC98100.jpg </blockquote>
<blockquote>
<img border="0" height="16" src="http://2.bp.blogspot.com/-QaHNF4OINmQ/T2QEjm-1fxI/AAAAAAAAHDk/AroIrwFd1rs/s400/tick.png" style="vertical-align: middle;" width="16" /> Orquideas.jpg </blockquote>
<br />
<span style="font-size: medium;"><b>Nomes sem espaço e caracteres especiais</b></span> <br />
<div>
Se o nome da sua imagem é composto por mais de um termo, utilize traços ao invés de espaços, evite também o uso de acentos ou outros caracteres
especiais.</div>
<i>Exemplos:</i> <br />
<blockquote class="tr_bq">
<img border="0" height="16" src="http://3.bp.blogspot.com/-MYrPxmW78Ec/T2QEjmgaaxI/AAAAAAAAHDc/08xFcATwRyU/s400/cross.png" style="vertical-align: middle;" width="16" /> orqu%% EDdeas 20roxas.jpg </blockquote>
<blockquote>
<img border="0" height="16" src="http://2.bp.blogspot.com/-QaHNF4OINmQ/T2QEjm-1fxI/AAAAAAAAHDk/AroIrwFd1rs/s400/tick.png" style="vertical-align: middle;" width="16" /> orquídea-roxas.jpg </blockquote>
<div>
O que aconteceu com o primeiro exemplo é que o arquivo foi chamado de <b>orquídeas roxas,</b> isto <b>é,</b> contendo um acento e um espaço, mas para entrar na rede foi atribuída uma URL codificada. Portanto, se o nome tem um espaço, use um hífen no lugar e evite os acentos e caracteres especiais em nomes. </div>
<br />
<br />
<span style="font-size: medium;"><b>Comprimento do nome</b></span> <br />
<div>
O nome das imagens deve ser o menor possível, evite o uso de um nome muito grande no arquivo. </div>
<i>Exemplos:</i> <br />
<blockquote class="tr_bq">
<img border="0" height="16" src="http://3.bp.blogspot.com/-MYrPxmW78Ec/T2QEjmgaaxI/AAAAAAAAHDc/08xFcATwRyU/s400/cross.png" style="vertical-align: middle;" width="16" /> da-orquídea-roxo-de-mais-me-amor-sempre-e-ever.jpg </blockquote>
<blockquote>
<img border="0" height="16" src="http://2.bp.blogspot.com/-QaHNF4OINmQ/T2QEjm-1fxI/AAAAAAAAHDk/AroIrwFd1rs/s400/tick.png" style="vertical-align: middle;" width="16" /> orquídea-roxas.jpg </blockquote>
<br />
<br />
<span style="font-size: medium;"><b>A utilização de ALT</b></span> <br />
<div>
<br />
<br />
ALT (ou texto alternativo) é um texto que é exibido quando o navegador
não pode mostrar fotos, e ele deve representar o nome da imagem com uma
palavra-chave, mas sem ser muito prolixo. </div>
<i>Exemplos:</i> <br />
<blockquote class="tr_bq">
<img border="0" height="16" src="http://3.bp.blogspot.com/-MYrPxmW78Ec/T2QEjmgaaxI/AAAAAAAAHDc/08xFcATwRyU/s400/cross.png" style="vertical-align: middle;" width="16" /> <img src='orquideas.jpg' <b>alt</b> ='orquídeas roxas, flowers, plantas, jardin, florales, flores arranjos de flores para regalar' moradas, /> </blockquote>
<blockquote>
<img border="0" height="16" src="http://2.bp.blogspot.com/-QaHNF4OINmQ/T2QEjm-1fxI/AAAAAAAAHDk/AroIrwFd1rs/s400/tick.png" style="vertical-align: middle;" width="16" /> <img src='orquideas.jpg' <b>alt</b> roxas' ='Orquídeas roxas' /> </blockquote>
<br />
<br />
<span style="font-size: medium;"><b>O uso de um título</b></span> <br />
<div>
O <b>atributo TITLE,</b>
por sua vez é o complemento do anterior, ele pode usar uma descrição
muito breve, mais uma vez sem abusar do comprimento e número de
palavras-chave. </div>
<i>Exemplos:</i> <br />
<br /><blockquote class="tr_bq">
<img border="0" height="16" src="http://3.bp.blogspot.com/-MYrPxmW78Ec/T2QEjmgaaxI/AAAAAAAAHDc/08xFcATwRyU/s400/cross.png" style="vertical-align: middle;" width="16" /> <span> <img src='orquideas.jpg' <b>title</b> ='orquideas roxas, flores, plantas, jardim, flores roxas, flores para enfeitar' /></span> </blockquote>
<blockquote>
<img border="0" height="16" src="http://2.bp.blogspot.com/-QaHNF4OINmQ/T2QEjm-1fxI/AAAAAAAAHDk/AroIrwFd1rs/s400/tick.png" style="vertical-align: middle;" width="16" /> <span> <img src='orquideas.jpg' <b>title</b> ='Jardim com orquídeas roxas' /></span> </blockquote>
Este atributo é o que faz com que apareça um texto quando você colocar o cursor sobre uma imagem. <br />
<br />
<div class="separator" style="clear: both;">
<img alt="Orquídeas moradas" border="0" height="149" src="http://1.bp.blogspot.com/-97WEy-Fo3MA/T2k-RY8YjXI/AAAAAAAAHIc/GFFuj6KYyyg/s400/title-imagen.png" title="Orquídeas roxas" width="284" /></div>
<br />
Combinando o <i>ALT</i> e <i>TITLE</i> seria semelhante.<br />
<br />
<span><img src='orquideas.jpg' <b>alt</b> ='Orquídeas roxas' <b>title</b> ='Jardim com orquídeas roxas' /></span></div>
<div class="post-body entry-content" id="post-body-955367822722532785" style="text-align: justify;">
<span> </span></div>
<div class="post-body entry-content" id="post-body-955367822722532785" style="text-align: justify;">
<span> </span><span style="font-size: medium;"><b>Palavras-chave perto da imagem</b></span> <br />
<div>
Algo que ajuda muito para posicionar uma imagem na web é o uso de
palavras-chave perto da mesma imagem, e, claro, a imagem ter a ver com
essas palavras. </div>
<i>Exemplo:</i> <br />
<blockquote>
<div class="separator" style="clear: both; color: #848484;">
<img alt="Orquídeas moradas" border="0" src="http://1.bp.blogspot.com/-riBXXXLEBhw/T2k9H5r-E9I/AAAAAAAAHIQ/XZ3oEtQHROg/s100/Orquideas.jpg" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;" title="Jardim com orquídeas roxas" /> <span style="color: #424242;"><b>Orquídeas</b></span> <i>(Orchidaceae</i> nome científico) são uma família de plantas monocotiledóneas que se distinguem pela complexidade de suas <span style="color: #424242;"><b>flores</b></span> e suas interações ecológicas com os polinizadores e os fungos micorrízicos. </div>
</blockquote>
<br />
<div>
Procure sempre colocar um texto que esteja intimamente relacionado com a imagem e,
melhor ainda, que tenha palavras-chave no texto. </div>
<div>
<br /></div>
<hr style="margin-left: 0px; margin-right: 0px; text-align: justify;" />
<div>
<br /></div>
<div>
Com tudo isso, teremos melhores oportunidades para <b>aparecer nos resultados de busca de imagens,</b> que se traduz em maiores chances de ganhar visitantes. </div>
</div>
<table border="0" cellpadding="2" cellspacing="0" style="width: 600px;"><tbody>
<tr><td rowspan="3" style="text-align: justify;" width="75%"><br /></td><td width="25%"><br /></td></tr>
</tbody></table>
</div>Priscilahttp://www.blogger.com/profile/15084469149275311296noreply@blogger.com1tag:blogger.com,1999:blog-4650800792510614529.post-39400069778062731362012-03-09T16:58:00.000-03:002012-03-09T16:58:36.301-03:00Os benefícios do uso de imagens em postagens de blogs<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-qzirDTC-WFU/T1pe6vr6RJI/AAAAAAAAE_Q/uhShYuCxl5M/s1600/macaco.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="320" src="http://2.bp.blogspot.com/-qzirDTC-WFU/T1pe6vr6RJI/AAAAAAAAE_Q/uhShYuCxl5M/s320/macaco.jpg" width="249" /></a></div>
Usualmente, quando a maioria de nós blogueiros publicamos nossas postagens, tendemos a incluir uma foto apenas por essência dele. No entanto, a maioria está chegando à conclusão de que as fotos são realmente cruciais para qualquer blog. Se você nunca compreendeu os benefícios do uso de imagens quando publica seus posts, aqui vão algumas delas:</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b><span style="color: #0b5394;"> Imagens realçam a cor de seus posts -</span></b> Isto é verificado principalmente se o tema usado no seu blog é preto e branco. Ao adicionar uma imagem, você estará iluminando o seu blog. Basicamente, tudo que uma imagem faz é chamar a atenção de seus leitores, direcionando-os para o seu artigo publicado.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="color: #0b5394;"><b>Imagens funcionam como um recurso de navegação para o post publicado- </b></span>Como tal, você pode ajudar seus leitores a localizar um post especial mediante a utilização de imagens.
Geralmente, quando alguém abre um blog, instintivamente passa por ele uma vez só para ter um vislumbre dele. Se os seus conteúdos publicados tiverem algumas imagens marcantes, as chances são de que os leitores olhem para o conteúdo publicado mais uma vez.
As imagens podem ser usadas como um meio de individualizar as postagens do blog. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="color: #0b5394;"><b>Os leitores mentalmente começam a associar as suas mensagens do blog com imagens específicas-</b></span> Eles vão se lembrar das mensagens que fizeram um impacto sobre eles por meio de imagens. Assim sendo, quando os leitores quiserem procurar informações específicas, eles vão usar as imagens como ponto de referência.
Elas também podem ser utilizadas para ocupar um espaço que de outra forma teria sido utilizado por texto. Uma forma através da qual você pode minimizar o uso de texto em seus blogs é fazendo uso de imagens. É do conhecimento comum que os leitores se cansam com posts longos. No entanto, você pode fazer seus textos parecem pequenos por meio de imagens.
Usando imagens também adiciona humor ao seu conteúdo publicado. Seu objetivo é fazer com que seus leitores fiquem mais tempo em seu blog. Assim, você pode usar imagens para fazer os seus leitores rirem ao lerem seus posts. </div>
</div>Priscilahttp://www.blogger.com/profile/15084469149275311296noreply@blogger.com6tag:blogger.com,1999:blog-4650800792510614529.post-20301364422143521322012-03-08T16:22:00.000-03:002012-03-08T16:22:05.926-03:00Efeito mudança de cores nos links ao se passar o cursorNeste post temos um efeito para os links do blog. Usando o javascript você pode dar um efeito aos links que mudam de cor ao se passar o cursor em cima. Veja a demonstração abaixo, basta passar o cursor sobre o título da postagem ou em qualquer link do blog:
<div class="separator" style="clear: both; text-align: center;">
<a href="http://234567891-marcelo.blogspot.com//" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank""><img border="0" src="http://3.bp.blogspot.com/-InTGaXkqCDY/To8pygYBbkI/AAAAAAAAD9s/SJtKnNh3BQo/s1600/1310615249_gnome-hideseek.png" /></a></div>
<center><textarea onfocus="this.select()" onmouseover="this.focus()" style="background: none repeat scroll 0% 0% LightSkyBlue; border: 2px dashed black; height: 50px; width: 200px;"><script src='http://yourjavascript.com/512719721/rainbow-links.js'>
/*
Rainbow Links Script- TAKANASHI Mizuki
For full source code, 100's more DHTML scripts, and TOS,
Visit http://www.dynamicdrive.com
Via http://www.spiceupyourblog.com
*/
</script>By <a href="http://www.spiceupyourblog.com/" target="_blank">Blog Gadgets</a></textarea></center>Priscilahttp://www.blogger.com/profile/15084469149275311296noreply@blogger.com1tag:blogger.com,1999:blog-4650800792510614529.post-23177904702453571352011-12-14T11:40:00.000-02:002011-12-14T11:40:05.498-02:00Papai Noel voando no treinó para blogger<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Urh0Fwv-UCE/TuihqPavqkI/AAAAAAAAE5E/9pO12v_KcZ0/s1600/trineo-santaclaus.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="173" width="244" src="http://2.bp.blogspot.com/-Urh0Fwv-UCE/TuihqPavqkI/AAAAAAAAE5E/9pO12v_KcZ0/s320/trineo-santaclaus.png" /></a></div>
<br>
Para ter esse gif do Papai Noel voando pelo blog, basta copiar o código e colar antes de <textarea onfocus="this.select()" onmouseover="this.focus()" style="background: none repeat scroll 0% 0% LightSkyBlue; border: 2px dashed black; height: 20px; width: 80px;"></head></textarea>
<br><br>
<textarea onfocus="this.select()" onmouseover="this.focus()" style="background: none repeat scroll 0% 0% white; border: 2px dashed black; height: 100px; width: 200px;"><!-- Papai Noel voando pelo blog -->
<script type="text/javascript" src="http://blogparts.giffy.me/0017/parts.js" />
<!-- Papai Noel voando pelo blog --></textarea>Priscilahttp://www.blogger.com/profile/15084469149275311296noreply@blogger.com14