tag:blogger.com,1999:blog-67236011315035022102024-03-05T18:45:20.520-08:00VIVA SCRAPSvivascraps
VSUnknownnoreply@blogger.comBlogger15125tag:blogger.com,1999:blog-6723601131503502210.post-3016281982147373582013-05-11T09:25:00.000-07:002013-05-11T09:25:43.015-07:00Saiba Como:..."Como configurar um menu de navegação "<b><span style="font-family: Arial,Helvetica,sans-serif;">fonte e créditos:<a href="http://www.premiumbloggertemplates.com/2010/10/how-to-configure-navigation-menu.html" target="_blank">premiumbloggertemplates</a></span></b><br />
<br />
<br />
<div style="background-color: #d9ead3; text-align: center;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="background-color: #d9ead3; font-size: x-large;"><b><i>Saiba Como:</i></b></span></span></div>
<div style="background-color: #d9ead3; text-align: center;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="background-color: #d9ead3; font-size: x-large;"><b><i> ..."Como configurar um menu de navegação "</i></b></span></span></div>
<div style="background-color: #d9ead3; text-align: center;">
<br /></div>
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<br />
<h3 class="post-title entry-title" style="background-color: yellow;">
<span style="font-size: x-large;"><span style="font-family: Arial,Helvetica,sans-serif;"><i>How To Configure a Navigation Menu</i></span></span> </h3>
<table style="margin-bottom: -10px; margin-top: -10px; padding-left: 15px; width: 640px;"><tbody>
<tr> <td><div class="share-delicious">
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></div>
</td> <td style="padding-top: 5px;"><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></td> <td style="padding-top: 20px;"><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></td> </tr>
</tbody></table>
<table style="width: 95%;"><tbody>
<tr> <td style="width: 500px;"><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></td> <td><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></td> </tr>
</tbody></table>
<span style="font-family: Arial,Helvetica,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimAr1LvKsi3i4POcHHSKssHqLQBBghvr5iWY7YRURYN9dN0GvkkPP8jDTQHpK3TplhSSUCDXME4owVpyZAAoOBI5iCCjaUu_SGuspdLbCtnfVvPKUp5qdxhjcBuTdWw6bLgkNOxxIEWtRb/s1600/navigation+menu+code-3.jpg" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5526845223238149314" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimAr1LvKsi3i4POcHHSKssHqLQBBghvr5iWY7YRURYN9dN0GvkkPP8jDTQHpK3TplhSSUCDXME4owVpyZAAoOBI5iCCjaUu_SGuspdLbCtnfVvPKUp5qdxhjcBuTdWw6bLgkNOxxIEWtRb/+menu+code-3.jpg" style="height: 113px; width: 673px;" /></a> In this tutorial,I am going to explain how to configure a <span style="font-weight: bold;">navigation menu</span> of a template.This tutorial Not Only for below navigation menu configuration,But Also this will helpful to configure any CSS navigation menu.</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;">For <span style="font-weight: bold;">example</span> lets look at how to configure below navigation menu.</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirJ2IXSVH__hWI3LU5m-RBB1abjwHpPl9S92hQhJG6Te-Y9Nrsd02kQ7gn94IOvx0A-NJwMoIQSZJ15F0eg9UjEKf8UHMvwh6_YEvf3lZg8TkVf10hgl5xx9rYKKFLwRpVddUTIQvaN_LY/s1600/navigation+menu+configuration.jpg"><img alt="Configure Navigation Menus" border="0" id="BLOGGER_PHOTO_ID_5526835240622709666" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirJ2IXSVH__hWI3LU5m-RBB1abjwHpPl9S92hQhJG6Te-Y9Nrsd02kQ7gn94IOvx0A-NJwMoIQSZJ15F0eg9UjEKf8UHMvwh6_YEvf3lZg8TkVf10hgl5xx9rYKKFLwRpVddUTIQvaN_LY/+menu+configuration.jpg" style="cursor: pointer; height: 59px; width: 432px;" /></a></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;">Login to your Blogger Dashboard --> Design --> Edit HTML.</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;">Find the word "<span style="color: #cc33cc; font-weight: bold;">Advertise</span>".(using <span style="font-weight: bold;">Ctrl+F</span> keys)</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;">You can see like this code:</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR5Reli4hiW724heD5qYcDGt6cHiHFkIg9vdujAMYwcbhvsp0WaNiDOo4bdz3TAO06xq_wEPVLgXdDo6t6dBciOvRlu7zOR1wO3_sETBwG32zCiopKeq52dY6m8xiTxt3CM74bzD_PEHFU/s1600/navigation+menu+code-1.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5526837540547930386" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR5Reli4hiW724heD5qYcDGt6cHiHFkIg9vdujAMYwcbhvsp0WaNiDOo4bdz3TAO06xq_wEPVLgXdDo6t6dBciOvRlu7zOR1wO3_sETBwG32zCiopKeq52dY6m8xiTxt3CM74bzD_PEHFU/+menu+code-1.jpg" style="cursor: pointer; height: 83px; width: 647px;" /></a></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;">Change the name "<span style="color: #cc33cc; font-weight: bold;">Advertise</span>" if you want.In this example I do not change the name "Advertise",Because I have a advertise URL.</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-weight: bold;">Replace</span> "<span style="color: #3333ff; font-size: 130%; font-weight: bold;">#</span>" mark with the URL you want to go when click on the name "Advertise".</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;">My Advertising URL is "<span style="font-weight: bold;"><a href="http://buysellads.com/buy/detail/24170" rel="nofollow" target="_blank">http://buysellads.com/buy/detail/24170</a></span>"</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;">So I replace "<span style="color: #3333ff; font-size: 130%;"><span style="font-weight: bold;">#</span></span>" mark with the my Advertising URL.After doing this it will look like this:</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBLkMcj4Ap4iyQ3unjpe2KxRKtuIL6geLoj5R8iVl-dgBxvUNXRNXz1b02u_QSfg1vSnYQ6Md0NKrWc7NANs3Ep_jvFNAdgOGxNIH3BRcLOBTVN15nf90dDWD7bmPvZrndZ10Q92shM3AW/s1600/navigation+menu+code-2.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5526841805750964626" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBLkMcj4Ap4iyQ3unjpe2KxRKtuIL6geLoj5R8iVl-dgBxvUNXRNXz1b02u_QSfg1vSnYQ6Md0NKrWc7NANs3Ep_jvFNAdgOGxNIH3BRcLOBTVN15nf90dDWD7bmPvZrndZ10Q92shM3AW/+menu+code-2.jpg" style="cursor: pointer; height: 83px; width: 647px;" /></a></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;">Now I have configured "<span style="color: #cc33cc; font-weight: bold;">Advertise</span>" link of above navigation menu.Other links (<span style="font-weight: bold;">Contact</span>,<span style="font-weight: bold;">Support</span>,<span style="font-weight: bold;">About</span>) configurations are also same to this method.So you can configure all navigation links very easily.</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;">Look at the example below:</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;"><i><span style="font-weight: bold;">Note :</span> You do not need to change "<span style="color: #3333ff; font-weight: bold;">Home</span>" URL,because it is automatically linked to your homepage.<br />
<br />
After doing this changes save your template.<br />
<br />
I think this easy tutorial will helpful for you.</i></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<br />
<div style="background-color: #d9ead3;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: x-large;"><b><i>traduzido:</i></b></span></span></div>
<span style="font-family: Arial,Helvetica,sans-serif;"><i> </i></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><i> </i></span><br />
<h3 class="post-title entry-title" style="color: red;">
<span style="font-family: Arial,Helvetica,sans-serif;"><i><span style="font-size: x-large;">" Como configurar um menu de navegação"</span></i></span> </h3>
<table style="margin-bottom: -10px; margin-top: -10px; padding-left: 15px; width: 640px;"><tbody>
<tr> <td><div class="share-delicious">
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></div>
</td> <td style="padding-top: 5px;"><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></td> <td style="padding-top: 20px;"><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></td> </tr>
</tbody></table>
<table style="width: 95%;"><tbody>
<tr> <td style="width: 500px;"><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></td> <td><div class="post-share-buttons">
<span style="font-family: Arial,Helvetica,sans-serif;"><a class="share-button sb-email" href="http://www.blogger.com/share-post.g?blogID=4515482440724075696&postID=4936070189649552534&target=email" target="_blank" title="Este e-mail"> <span class="share-button-link-text"><br />
</span></a></span> </div>
</td> </tr>
</tbody></table>
<span style="font-family: Arial,Helvetica,sans-serif;"><i>" Neste tutorial,</i></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><i> ..."explicar como configurar um <span style="font-weight: bold;">menu de navegação</span> de um tutorial template."</i></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;"><i>" This Não só para abaixo de configuração do menu de navegação, mas também esta será útil para configurar qualquer menu de navegação CSS."</i></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><i><br />
</i></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><i>" Para <span style="font-weight: bold;">exemplo</span> vamos olhar como configurar o menu de navegação abaixo."</i></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirJ2IXSVH__hWI3LU5m-RBB1abjwHpPl9S92hQhJG6Te-Y9Nrsd02kQ7gn94IOvx0A-NJwMoIQSZJ15F0eg9UjEKf8UHMvwh6_YEvf3lZg8TkVf10hgl5xx9rYKKFLwRpVddUTIQvaN_LY/s1600/navigation+menu+configuration.jpg"><img alt="Configure Navigation Menus" border="0" id="BLOGGER_PHOTO_ID_5526835240622709666" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirJ2IXSVH__hWI3LU5m-RBB1abjwHpPl9S92hQhJG6Te-Y9Nrsd02kQ7gn94IOvx0A-NJwMoIQSZJ15F0eg9UjEKf8UHMvwh6_YEvf3lZg8TkVf10hgl5xx9rYKKFLwRpVddUTIQvaN_LY/+menu+configuration.jpg" style="cursor: pointer; height: 59px; width: 432px;" /></a></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;"><i>Entrar para o seu Painel do Blogger -> Design -> Editar HTML.</i></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><i><br />
</i></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><i>Encontre a palavra "<span style="color: #cc33cc; font-weight: bold;">Anuncie</span>". (Usando <span style="font-weight: bold;">Ctrl + F</span> teclas)</i></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><i><br />
</i></span><br />
<div style="color: red;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b><i>Você pode ver como esse código:</i></b></span></div>
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR5Reli4hiW724heD5qYcDGt6cHiHFkIg9vdujAMYwcbhvsp0WaNiDOo4bdz3TAO06xq_wEPVLgXdDo6t6dBciOvRlu7zOR1wO3_sETBwG32zCiopKeq52dY6m8xiTxt3CM74bzD_PEHFU/s1600/navigation+menu+code-1.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5526837540547930386" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR5Reli4hiW724heD5qYcDGt6cHiHFkIg9vdujAMYwcbhvsp0WaNiDOo4bdz3TAO06xq_wEPVLgXdDo6t6dBciOvRlu7zOR1wO3_sETBwG32zCiopKeq52dY6m8xiTxt3CM74bzD_PEHFU/+menu+code-1.jpg" style="height: 83px; width: 647px;" /></a></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;"><b><i>Mude o nome "<span style="color: #cc33cc; font-weight: bold;">Anuncie</span>"Se você want.In esse exemplo eu não mudar o nome de" Anuncie ", porque eu tenho uma propaganda de URL.</i></b></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><b><br />
</b></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><b><i><span style="font-weight: bold;">Substituir</span> "<span style="color: #3333ff; font-size: 130%; font-weight: bold;">#</span>"Marca com a URL que você quer ir quando clicar sobre o nome" Anuncie ".</i></b></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;"><b><i>Meu URL Publicidade é "<span style="font-weight: bold;"><a href="http://buysellads.com/buy/detail/24170" rel="nofollow" target="_blank">http://buysellads.com/buy/detail/24170</a></span>"</i></b></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;"><b><i>Então eu substituir "</i></b><i><span style="color: #3333ff; font-size: 130%;">#</span></i><b><i>"Marca com o meu Publicidade URL.After fazer isso, ele será parecido com este:</i></b></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBLkMcj4Ap4iyQ3unjpe2KxRKtuIL6geLoj5R8iVl-dgBxvUNXRNXz1b02u_QSfg1vSnYQ6Md0NKrWc7NANs3Ep_jvFNAdgOGxNIH3BRcLOBTVN15nf90dDWD7bmPvZrndZ10Q92shM3AW/s1600/navigation+menu+code-2.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5526841805750964626" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBLkMcj4Ap4iyQ3unjpe2KxRKtuIL6geLoj5R8iVl-dgBxvUNXRNXz1b02u_QSfg1vSnYQ6Md0NKrWc7NANs3Ep_jvFNAdgOGxNIH3BRcLOBTVN15nf90dDWD7bmPvZrndZ10Q92shM3AW/+menu+code-2.jpg" style="height: 83px; width: 647px;" /></a></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;"><b><i>Agora eu tenho configurado "<span style="color: #cc33cc; font-weight: bold;">Anuncie</span>"Elo de ligações menu.Other acima de navegação (<span style="color: blue; font-weight: bold;">Contato</span><span style="color: blue;">,</span><span style="color: blue; font-weight: bold;">Suporte</span><span style="color: blue;">,</span><span style="color: blue; font-weight: bold;">Sobre</span>) Configurações também são mesmo para este method.So você pode configurar todos os links de navegação muito fácil.</i></b></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><i><br />
</i></span><br />
<div style="color: red;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: x-large;"><b><i>Veja o exemplo abaixo:</i></b></span></span></div>
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimAr1LvKsi3i4POcHHSKssHqLQBBghvr5iWY7YRURYN9dN0GvkkPP8jDTQHpK3TplhSSUCDXME4owVpyZAAoOBI5iCCjaUu_SGuspdLbCtnfVvPKUp5qdxhjcBuTdWw6bLgkNOxxIEWtRb/s1600/navigation+menu+code-3.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5526845223238149314" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimAr1LvKsi3i4POcHHSKssHqLQBBghvr5iWY7YRURYN9dN0GvkkPP8jDTQHpK3TplhSSUCDXME4owVpyZAAoOBI5iCCjaUu_SGuspdLbCtnfVvPKUp5qdxhjcBuTdWw6bLgkNOxxIEWtRb/+menu+code-3.jpg" style="height: 113px; width: 673px;" /></a></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<br />
<div style="color: red;">
<span style="font-family: Arial,Helvetica,sans-serif;"><i style="background-color: #d9ead3;"><span style="font-size: small; font-weight: bold;">Nota:</span><b><span style="font-size: small;"> </span> </b></i></span></div>
<div style="background-color: #d9ead3;">
<span style="font-family: Arial,Helvetica,sans-serif;"><i><b>"Você não precisa mudar "<span style="color: #3333ff; font-weight: bold;">Início</span>"URL, porque ele é automaticamente ligada a sua página inicial.</b><br />
<br />
<b>Depois de fazer isso muda </b></i></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><i><b>salvar o modelo."</b><br />
<br />
</i></span><br />
<br />
<span style="background-color: #cfe2f3;"><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></span></div>
<div>
<span style="background-color: #cfe2f3;"><span style="font-family: Arial,Helvetica,sans-serif;"><i> </i></span></span></div>
<div>
<span style="background-color: #cfe2f3;"><span style="font-family: Arial,Helvetica,sans-serif;"><i> </i></span></span></div>
<span style="background-color: #cfe2f3;"><span style="font-family: Arial,Helvetica,sans-serif;"><i> </i></span></span><br />
<div>
<span style="background-color: #cfe2f3;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><span style="font-size: small;">fonte e créditos: </span> </b></span></span></div>
<div style="background-color: #eeeeee;">
<a href="http://www.premiumbloggertemplates.com/%20%202010/10/how-to-configure-navigation-menu.html" target="_blank"><span style="font-family: Arial,Helvetica,sans-serif;"><b>premiumbloggertemplates</b></span></a></div>
<br />
<div style="background-color: #d9ead3;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b>você está em:</b></span></div>
<div style="background-color: #d9ead3;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b><a href="http://vivascraps.blogspot.com/">vivascraps.</a></b></span></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6723601131503502210.post-52279653711779398322013-05-11T09:21:00.000-07:002013-05-11T09:21:23.725-07:00galeria de templates<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b>...galeria de templates...</b></span></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b>...minhas criações...</b></span></span><br />
<br />
<br />
<center>
<br />
<marquee direction="left" height="330" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" scrolldelay="2" width="700"><br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://oficinadetemplates.webnode.com.br/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPKY-JVzrY0pbtCnRQeARQhImHM8s9vypBUCVH2F2T7qGKkiyxs5QnvmnO62MsyhCjb9CTpsXAEMBeLWWEPmcFYoTa1BwK8SXe60wdJjd5eazk9JxOrtafeCovcLkW1Eo7VsyqC9PYido/s1600/odt.png" /></a></div>
<br />
<br />
<span style="font-weight: bold;">:::</span><br />
<br />
</marquee></center>
<br />
<br />
<br />
<br />
<br />
<br />
<script type="text/javascript">
<!--
google_ad_client = "pub-3296052210640376";
/* 300x250, criado 25/12/10 */
google_ad_slot = "2663748088";
google_ad_width = 300;
google_ad_height = 250;
//</script>
--> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6723601131503502210.post-65945258473086431682013-05-11T09:20:00.000-07:002013-05-11T09:20:17.733-07:00"Política de Privacidade - Google AdSense"<center>
<a href="http://www.google.com.br/intl/pt-BR/privacypolicy.html#information" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" target="_blanck"><img alt="Política de Privacidade - Google AdSense" border="0" id="BLOGGER_PHOTO_ID_5180303542442112466" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHFBcpuLvgOie0gtu3-_VzQQBg8TfAB0FAoQsmcrw1xDI0N4jXaeSGWLjeDgimjXAa9hvQVPdEklnaJ6x1Bqwltolas_ppOSwlBc70jGWcY_FfXjlFGw_t4hv0UjFIPLWNH5FAgRVEawI/s200/Google+adsense.jpg" style="cursor: pointer; height: 81px; width: 130px;" title="Política de Privacidade - Google AdSense" /></a></center>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6723601131503502210.post-71560816851073990072013-03-27T23:12:00.001-07:002013-03-27T23:41:52.030-07:00aguinha para a pyxy<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b>Aqui neste espaço... </b></span></div>
<div style="text-align: center;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b>Apenas divulgo e</b></span></div>
<div style="text-align: center;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b> indico... </b></span></div>
<div style="text-align: center;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b>Posts, notícias, dicas etc.</b></span></div>
<div style="text-align: center;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b> com devidas fontes e créditos: </b></span></div>
<div style="text-align: center;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b> http://vivascraps.blogspot.com--></b></span><script type="text/javascript"><!--google_ad_client = "pub-3296052210640376";/* 300x250, criado 25/12/10 */google_ad_slot = "2663748088";google_ad_width = 300;google_ad_height = 250;//</script><script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6723601131503502210.post-73674535161311611072013-03-27T22:51:00.001-07:002013-05-11T09:20:39.638-07:00Perguntas e Sugestões :: queridah<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"><b><i><a href="http://queridah.webnode.pt/news/perguntas-e-sugest%c3%b5es/#.UVPW4MX6m7A.blogger">Perguntas e Sugestões :: queridah</a></i></b></span></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"><b><i><br />
</i></b></span></span> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6723601131503502210.post-57953650790789897782013-03-27T22:08:00.003-07:002013-03-27T22:08:25.998-07:00contato<div style="text-align: center;">
<a href="http://www.emailmeform.com/builder/form/47tWMaI8eRc8Aer8" target="_blank"><img border="0" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhimBHC8eLm2fK16557GVUdM1b-F4qsO1wbPwO3FpkvZBqFEE4dnhGNKSJKsz83rzZj7vGXZcqMvZ9IE8mxRPxCsan6UaarExTYv99egrAK9vO4x83NAdXk7lsYkZyis8ZrQijygmNrU20/s200/email+32x32+md.png" width="500" /></a>
</div>
<b><span style="font-family: Arial,Helvetica,sans-serif;"><a href="http://www.emailmeform.com/builder/form/47tWMaI8eRc8Aer8" id="anchor_47tWMaI8eRc8Aer8">Fill out my form!</a></span></b><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined'){
document.write(unescape("%3Cscript src='http://www.emailmeform.com/builder/js/jquery-1.4.4.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript">
if (typeof $.ui == 'undefined'){
document.write(unescape("%3Cscript src='http://www.emailmeform.com/builder/js/jquery-ui-1.7.2.custom.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>
<link href="http://www.emailmeform.com/builder/styles/dynamic.php?t=post" rel="stylesheet" type="text/css"></link>
<script src="http://www.emailmeform.com/builder/js/dynamic.php?t=post&t2=0&use_CDN=true" type="text/javascript"></script>
<script>$(function(){$('#anchor_47tWMaI8eRc8Aer8').colorbox({width:'75%', height:'75%', iframe:true});})</script>
<iframe allowtransparency="true" frameborder="0" height="706" scrolling="no" src="http://www.emailmeform.com/builder/embed/47tWMaI8eRc8Aer8" style="border: none;" width="100%"><a href=
"http://www.emailmeform.com/builder/embed/47tWMaI8eRc8Aer8">Fill out form.</a></iframe>
<br />
<div style="margin-top: 18px; text-align: center;">
<script type="text/javascript">generate_css_for_emf_ad();</script><br />
<div id="emf_advertisement">
<span style="color: black; font-family: Verdana; font-size: x-small;">Powered by</span><span style="bottom: -5px; padding-left: 3px; position: relative;"><img src="http://www.emailmeform.com/builder/images/footer-logo.png" /></span><span style="color: black; font-family: Verdana; font-size: x-small;">EMF </span><a href="http://www.emailmeform.com/" style="text-decoration: none;" target="_blank"><span style="color: black; font-family: Verdana; font-size: x-small;">Web Form</span></a></div>
</div>
<script src="http://www.emailmeform.com/builder/forms/jsform/47tWMaI8eRc8Aer8" type="text/javascript"></script>
<br />
<div style="margin-top: 18px; text-align: center;">
<script type="text/javascript">generate_css_for_emf_ad();</script><br />
<div id="emf_advertisement">
<span style="color: black; font-family: Verdana; font-size: x-small;">Powered by</span><span style="bottom: -5px; padding-left: 3px; position: relative;"><img src="http://www.emailmeform.com/builder/images/footer-logo.png" /></span><span style="color: black; font-family: Verdana; font-size: x-small;">EMF </span><a href="http://www.emailmeform.com/" style="text-decoration: none;" target="_blank"><span style="color: black; font-family: Verdana; font-size: x-small;">Web Form</span></a></div>
</div>
<b><span style="font-family: Arial,Helvetica,sans-serif;"><a href="http://ccoomoo.blogspot.com/">ccoomoo.</a></span></b><br />
<br />
<br />
<center>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-3296052210640376";
google_ad_host = "pub-1556223355139109";
/* http://www.mensagensdiversificadas.com.br */
google_ad_slot = "2738900077";
google_ad_width = 300;
google_ad_height = 600;
//</script>
</center>
-->
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-3296052210640376";
google_ad_host = "pub-1556223355139109";
/* http://www.mensagensdiversificadas.com.br */
google_ad_slot = "2738900077";
google_ad_width = 300;
google_ad_height = 600;
//</script>
-->
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<script type="text/javascript"><!--
google_ad_client = "pub-3296052210640376";
/* 300x250, criado 25/12/10 */
google_ad_slot = "2663748088";
google_ad_width = 300;
google_ad_height = 250;
//</script>
-->
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6723601131503502210.post-24309112859892876032013-03-27T22:06:00.001-07:002013-03-27T22:06:21.477-07:00colors,png<span style="font-size: x-large;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"> tags: colors,png,dicas, cores, códigos, tabela</span></span></b></span><br />
<br />
<span style="font-size: x-large;"><a href="http://homepages.ulb.ac.be/~dgonze/INFO/htmlcolors.png" target="_blank"><b><span style="font-family: Arial,Helvetica,sans-serif;">acesse o </span></b></a></span><br />
<span style="font-size: x-large;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><a href="http://homepages.ulb.ac.be/~dgonze/INFO/htmlcolors.png" target="_blank">link:</a></span></b></span><br />
<span style="font-size: x-large;"><a href="http://homepages.ulb.ac.be/~dgonze/INFO/htmlcolors.png" target="_blank"><b><span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: red;"><span style="font-size: x-large;">colorspng clicando aqui</span></span></span></b></a></span><br />
<br />
<br />
<blockquote class="tr_bq">
<b><span style="font-family: Arial,Helvetica,sans-serif;">Aqui neste espaço... </span></b><b><span style="font-family: Arial,Helvetica,sans-serif;"> </span></b><br />
<b><span style="font-family: Arial,Helvetica,sans-serif;">http://vivascraps.blogspot.com</span></b><br />
<b><span style="font-family: Arial,Helvetica,sans-serif;">Apenas divulgo e indico... </span></b><br />
<br />
<b><span style="font-family: Arial,Helvetica,sans-serif;">Posts, notícias, dicas etc. </span></b></blockquote>
<blockquote>
<b><span style="font-family: Arial,Helvetica,sans-serif;">com devidas fontes e créditos:
-->
</span></b></blockquote>
<script type="text/javascript"><!--
google_ad_client = "pub-3296052210640376";
/* 300x250, criado 25/12/10 */
google_ad_slot = "2663748088";
google_ad_width = 300;
google_ad_height = 250;
//</script><script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6723601131503502210.post-58549323058685446022013-03-27T21:45:00.000-07:002013-03-27T21:45:20.998-07:00Saiba Como se faz:..."Menu Horizontal com Abas para Blogger/Blogspot"<h3 class="post-title entry-title">
<u><span style="color: blue;"><i><span style="font-family: Arial,Helvetica,sans-serif;">"A Simple Drop-Down Menu Using Jquery"</span></i></span></u>
</h3>
<table border="0"><tbody>
<tr>
<td width="250"><span style="text-align: left;">
</span></td>
<td></td>
</tr>
</tbody></table>
<hr />
<span style="font-family: Arial,Helvetica,sans-serif;"><b><i>"The last <a href="http://bloggerstop.net/2009/03/new-multi-level-drop-down-menu.html" target="_blank">two drop down menu tutorials</a> on this blog use <span class="IL_AD" id="IL_AD1">background images</span>
in the menu-tabs, and hence it is not so easy to customize them for
your blogs. So here's a new widget code, in which you can easily change
the colors of the menu so as to match with your blog."</i></b></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWSEkoLE1ghXACZBwFPR4IJLYYAJmyPM_4wmeNtdXnHACcs7TXvLlHFr8BXig_NZfztOJ37STfdDLmO5ISWZMwb8XO01mcuD85a-LftA3BgC7WBne6HsEs8nKAAk-BOQgj2kvomcuwIRLg/s1600-h/Green_Drop_Down_Menu.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWSEkoLE1ghXACZBwFPR4IJLYYAJmyPM_4wmeNtdXnHACcs7TXvLlHFr8BXig_NZfztOJ37STfdDLmO5ISWZMwb8XO01mcuD85a-LftA3BgC7WBne6HsEs8nKAAk-BOQgj2kvomcuwIRLg/s1600/Green_Drop_Down_Menu.png" /></a></div>
<br />
<b><i><span style="font-family: Arial,Helvetica,sans-serif;">Live demo can be seen here: <br />
Demo1: <a href="http://clubvista-template.blogspot.com/" target="_blank">ClubVista Blogger Template</a> (In <span style="color: #38761d;">Green</span>)<br />
Demo2: <a href="http://javascript-array.com/scripts/jquery_simple_drop_down_menu/#Example" target="_blank">JavaScript-Array</a> (In Blue) (Widget author's blog)<br />
<br />
To add a widget similar to these, follow these steps:</span></i></b><br />
<span class="fullpost"><br />
<i><span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: red;"><b>STEP1:</b></span><br />
Log in to <a href="http://blogger.com/" target="_blank">Blogger</a>, <span style="color: red;">go to</span> "<b>Layout</b>" -> "<b>Edit HTML</b>"</span></i><br />
<br />
<span style="color: red;"><i><b><span style="font-family: Arial,Helvetica,sans-serif;">STEP2:</span></b></i></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><i><b>Now find this code:</b></i></span><br />
</span><br />
<blockquote>
<span style="color: blue;"><span style="font-family: Arial,Helvetica,sans-serif;"><b></head></b></span></span></blockquote>
<b><i><span style="font-family: Arial,Helvetica,sans-serif;">and immediately BEFORE/ABOVE it, paste this code:</span></i></b><br />
<blockquote>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><!--jquery-DD-Menu-Starts--></span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><style type="text/css"></span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">/* menu styles */</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">#jsddm</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">{ margin: 0;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">padding: 0}</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">#jsddm li</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">{ float: left;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">list-style: none;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">font: 12px Tahoma, Arial}</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">#jsddm li a</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">{ display: block;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">background: <span style="color: red;">#324143</span>; /*DARK-GREEN*/</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">padding: 5px 12px;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">text-decoration: none;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">border-right: 1px solid white;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">width: 70px;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">color: #EAFFED;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">white-space: nowrap}</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">#jsddm li a:hover</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">{ background: #24313C}</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">#jsddm li ul</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">{ margin: 0;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">padding: 0;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">position: absolute;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">visibility: hidden;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">border-top: 1px solid white}</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">#jsddm li ul li</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">{ float: none;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">display: inline}</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">#jsddm li ul li a</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">{ width: auto;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">background: <span style="color: red;">#A9C251</span>; /*LIGHT-GREEN*/</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">color: #24313C}</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">#jsddm li ul li a:hover</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">{ background: <span style="color: red;">#8EA344</span>}</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"></style></span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><!-- script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"
type="text/javascript"></script --></span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script></span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><script type="text/javascript"></span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">var timeout = 500;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">var closetimer = 0;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">var ddmenuitem = 0;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">function jsddm_open()</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">{ jsddm_canceltimer();</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">jsddm_close();</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">function jsddm_close()</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">{ if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">function jsddm_timer()</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">{ closetimer = window.setTimeout(jsddm_close, timeout);}</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">function jsddm_canceltimer()</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">{ if(closetimer)</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">{ window.clearTimeout(closetimer);</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">closetimer = null;}}</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">$(document).ready(function()</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">{ $('#jsddm > li').bind('mouseover', jsddm_open);</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">$('#jsddm > li').bind('mouseout', jsddm_timer);});</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">document.onclick = jsddm_close;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"></script></span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><!--jquery-DD-Menu-Stops-http://bloggerstop.net--></span></b></span></blockquote>
<i><b><span style="font-family: Arial,Helvetica,sans-serif;">Now before you save the template, make these changes in the code :</span></b></i><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPUqEUjjJAZr_zjbQcEFv5ElWpo4iU1Lzw57si-oQolZJsZdz7uPtNrIBZWHXnsQjdL8IKqB6oiJ5Ll_mgrGvuozxn8k3xdw5Nfoszdn8Cqh_jl54nwOFmYO2U8S_zFrelsDSsOSW1HAQ0/s1600-h/colors.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPUqEUjjJAZr_zjbQcEFv5ElWpo4iU1Lzw57si-oQolZJsZdz7uPtNrIBZWHXnsQjdL8IKqB6oiJ5Ll_mgrGvuozxn8k3xdw5Nfoszdn8Cqh_jl54nwOFmYO2U8S_zFrelsDSsOSW1HAQ0/s1600/colors.png" /></a></div>
<span style="font-family: Arial,Helvetica,sans-serif;"><i>To get the <span class="IL_AD" id="IL_AD5">HTML color codes</span>, you can refer to this image:</i></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><i>http://<a href="http://homepages.ulb.ac.be/~dgonze/INFO/htmlcolors.png" target="_blank">homepages</a>.ulb.ac.be/~dgonze/INFO/htmlcolors.png</i></span><br />
<br />
<span style="color: red;"><i><b><span style="font-family: Arial,Helvetica,sans-serif;">STEP3:</span></b></i></span><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;"><i>and go to "<b>Layout</b>" -> "<b>Page Elements</b>"</i></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><i>and click on "<b>Add a Gadget</b>", select it as "<b>HTML/JavaScript</b>" type</i></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><i><br /></i></span>
<b><span style="font-family: Arial,Helvetica,sans-serif;"><i>and <span style="color: red;">finally</span> paste this code in to the <span style="color: red;">new widget:</span></i></span></b><br />
<blockquote>
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><!--BODY-CODE--></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><ul id="jsddm"></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><li><a href="#">JavaScript</a></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><ul></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><li><a href="#"><span class="IL_AD" id="IL_AD2">Drop Down</span> Menu</a></li></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><li><a href="#">jQuery Plugin</a></li></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><li><a href="#">Ajax Navigation</a></li></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b></ul></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b></li></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><li><a href="#">Effect</a></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><ul></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><li><a href="#">Slide Effect</a></li></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><li><a href="#">Fade Effect</a></li></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><li><a href="#">Opacity Mode</a></li></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><li><a href="#">Drop Shadow</a></li></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><li><a href="#">Semitransparent</a></li></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b></ul></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b></li></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><li><a href="#">Navigation</a></li></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><li><a href="#">HTML/CSS</a></li></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><li><a href="http://bloggerstop.net">Blogger Help</a></li></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b></ul></b></span></span></blockquote>
<span style="color: red;"><i><b><span style="font-size: x-large;"><span style="font-family: Arial,Helvetica,sans-serif;">And save the widget.</span></span></b></i></span><br />
<br />
<br />
<br />
<span style="font-size: large;"><span style="background-color: #274e13;"><span style="color: yellow;"><span class="fullpost"><b><span style="font-family: Arial,Helvetica,sans-serif;"> traduzido </span></b></span></span></span></span><br />
<br />
<br />
<br />
<div style="background-color: #d9ead3; color: red;">
<i><span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: x-large;"><b>Saiba Como se faz:...</b></span></span></i></div>
<div style="background-color: #d9ead3;">
<i><span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: x-large;"><b>"<span style="color: blue;">Menu Horizontal com Abas </span></b></span></span></i></div>
<div style="background-color: #d9ead3;">
<i><span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: x-large;"><b>para </b></span></span></i></div>
<div style="background-color: #d9ead3;">
<i><span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: x-large;"><b><span style="color: red;">Blogger/Blogspot</span>"</b></span></span></i></div>
<br />
<br />
<div style="background-color: #a2c4c9;">
<b><span style="font-family: Arial,Helvetica,sans-serif;"> fonte e créditos:</span></b></div>
<div style="background-color: #d0e0e3;">
<a href="http://www.noticiaeblog.com/2010/01/menu-horizontal-com-abas-para.html" target="_blank"><b><span style="font-family: Arial,Helvetica,sans-serif;">noticiaeblog</span></b></a></div>
<h3 class="post-title entry-title" style="text-align: center;">
<span style="color: #38761d;"><u><span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-weight: normal;"><span style="font-size: x-large;"><i>Menu Horizontal </i></span></span></span></u></span></h3>
<h3 class="post-title entry-title" style="text-align: center;">
<span style="color: #38761d;"><u><span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-weight: normal;"><span style="font-size: x-large;"><i>com Abas para </i></span></span></span></u></span></h3>
<h3 class="post-title entry-title" style="text-align: center;">
<span style="color: #38761d;"><u><span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-weight: normal;"><span style="font-size: x-large;"><i>Blogger/Blogspot</i></span></span></span></u></span> </h3>
<div class="post-footer">
<div class="post-footer-line post-footer-line-1">
<span class="category"></span><span class="post-comment-link"> </span> </div>
</div>
<div class="post-header">
<div class="post-header-line-1">
<div class="post-share-buttons">
</div>
</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/_8AL-4bHE9zs/S0ZhEREfZpI/AAAAAAAABeE/-1L3hF319x0/s1600-h/menu+em+abas.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_8AL-4bHE9zs/S0ZhEREfZpI/AAAAAAAABeE/-1L3hF319x0/s400/menu+em+abas.png" /></a></div>
<blockquote class="tr_bq">
<div style="background-color: #f3f3f3;">
<br /></div>
<span style="font-family: Arial,Helvetica,sans-serif;"><b style="background-color: #f3f3f3;"><span style="font-size: large;"><i>" Um<span style="color: red;"> menu </span> <span style="color: blue;">é </span></i></span></b></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><b style="background-color: #f3f3f3;"><span style="font-size: large;"><i><span style="color: blue;">uma lista de links</span> <span style="color: red;"> </span></i></span></b></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><b style="background-color: #f3f3f3;"><span style="font-size: large;"><i><span style="color: red;">que organiza </span></i></span></b></span><br />
<span style="color: magenta;"><span style="font-family: Arial,Helvetica,sans-serif;"><b style="background-color: #f3f3f3;"><span style="font-size: large;"><i>e </i></span></b></span></span><br />
<span style="color: #274e13;"><span style="font-family: Arial,Helvetica,sans-serif;"><b style="background-color: #f3f3f3;"><span style="font-size: large;"><i>agrupa </i></span></b></span></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><b style="background-color: #f3f3f3;"><span style="font-size: large;"><i><span style="color: red;">os principais links do blog </span><span style="color: blue;">...</span></i></span></b></span></blockquote>
<br />
<blockquote class="tr_bq">
<span style="font-family: Arial,Helvetica,sans-serif;"><b style="background-color: #f3f3f3;"><span style="font-size: large;"><i><span style="color: blue;">...de forma a </span></i></span></b></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><b style="background-color: #f3f3f3;"><span style="font-size: large;"><i><span style="color: blue;">ajuda o leitor </span></i></span></b></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><b style="background-color: #f3f3f3;"><span style="font-size: large;"><i><span style="color: blue;">a se orientar </span></i></span></b></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><b style="background-color: #f3f3f3;"><span style="font-size: large;"><i><span style="color: blue;">e </span></i></span></b></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><b style="background-color: #f3f3f3;"><span style="font-size: large;"><i><span style="color: blue;">encontrar </span></i></span></b></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><b style="background-color: #f3f3f3;"><span style="font-size: large;"><i><span style="color: blue;">o que procura</span>. </i></span></b></span></blockquote>
<blockquote class="tr_bq">
<div style="background-color: #f3f3f3; text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b><span style="font-size: large;"><i>" <span style="color: #38761d;">Neste menu</span> </i></span></b></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><b><span style="font-size: large;"><i>é interessante </i></span></b></span></div>
</blockquote>
<br />
<blockquote class="tr_bq">
<div style="background-color: #f3f3f3; text-align: left;">
<span style="color: red;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><span style="font-size: large;"><i>concentrarmos </i></span></b></span></span></div>
</blockquote>
<br />
<blockquote class="tr_bq">
<div style="background-color: #f3f3f3; text-align: left;">
<u><span style="font-family: Arial,Helvetica,sans-serif;"><b><span style="font-size: large;"><i><span style="color: blue;">links</span> </i></span></b></span></u></div>
</blockquote>
<br />
<blockquote class="tr_bq">
<div style="background-color: #f3f3f3; text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b><span style="font-size: large;"><i>como os da <span style="color: red;"> </span></i></span></b></span></div>
</blockquote>
<br />
<blockquote class="tr_bq">
<div style="background-color: #f3f3f3; text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b><span style="font-size: large;"><i><u><span style="color: red;">home</span></u>, <span style="color: purple;"> </span></i></span></b></span></div>
</blockquote>
<br />
<blockquote class="tr_bq">
<div style="background-color: #f3f3f3; text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b><span style="font-size: large;"><i><u><span style="color: purple;">contato</span></u>, </i></span></b></span></div>
</blockquote>
<br />
<blockquote class="tr_bq">
<div style="background-color: #f3f3f3; text-align: left;">
<u><span style="font-family: Arial,Helvetica,sans-serif;"><b><span style="font-size: large;"><i> <span style="color: blue;">conteúdo</span> </i></span></b></span></u><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><b><span style="font-size: large;"><i></i></span></b></span></div>
</blockquote>
<br />
<blockquote class="tr_bq">
<div style="background-color: #f3f3f3; text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b><span style="font-size: large;"><i> <u><span style="color: blue;">mais discutidos </span></u></i></span></b></span></div>
</blockquote>
<br />
<blockquote class="tr_bq">
<div style="background-color: #f3f3f3; text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b><span style="font-size: large;"><i><u><span style="color: blue;">ou vistos </span></u></i></span></b></span></div>
</blockquote>
<br />
<blockquote class="tr_bq">
<div style="background-color: #f3f3f3; text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b><span style="font-size: large;"><i><u><span style="color: blue;"><span style="color: red;">entre outros</span> links. </span></u> </i></span></b></span></div>
</blockquote>
<br />
<blockquote class="tr_bq">
<div style="background-color: #f3f3f3; text-align: left;">
<span style="color: red;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><span style="font-size: large;"><i>Além destes benefícios </i></span></b></span></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><b><span style="font-size: large;"><i>ele também da um </i></span></b></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><b><span style="font-size: large;"><i><u><span style="color: blue;">ar de elegância ao Blog</span></u> </i></span></b></span></div>
</blockquote>
<div style="text-align: left;">
<blockquote class="tr_bq">
<div style="background-color: #f3f3f3;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b><span style="font-size: large;"><i>deixando <span style="color: red;">mais atrativo </span>e <span style="color: magenta;">convidativo</span> <span style="color: blue;">a novas visitas</span>" ... </i></span></b></span></div>
</blockquote>
</div>
<b style="background-color: #f3f3f3;"><span style="font-size: large;"><i><span style="font-family: Arial,Helvetica,sans-serif;"> ..." <span style="color: red;">a instalação </span>" </span> </i></span></b><br />
<br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><i><b><span style="color: orange;">1</span>)Acesse o painel do Blogger (blogger.com)</b><b><span style="color: orange;"> </span></b></i></span></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><i><b><span style="color: orange;">2</span>)Vá em "Layout"--></b></i></span></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><i><b> "Editar HTML"</b><b><span style="color: orange;"> </span></b></i></span></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><i><b><span style="color: orange;">3</span>)<span style="color: red;"><span style="color: blue;">Procure pelo seguinte código</span> </span>:</b></i></span></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><i><b> </b></i></span></span><span style="color: blue;"><span style="font-size: x-large;"><span style="font-family: Arial,Helvetica,sans-serif;"><b></head></b></span></span></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><i><b>(utilize</b></i></span></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><i><b> " Ctrl e F" ) :<code> </code></b></i></span></span><br />
<span style="font-size: x-large;"><br /></span>
<br />
<div style="background-color: #f3f3f3;">
<span style="color: blue;"></span></div>
<br />
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><i><b><span style="color: blue;"><span style="color: magenta;">Antes </span>do código acima </span><span style="color: red;">insira o próximo:</span></b></i></span></span> <br />
<br />
<div>
<blockquote>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><!--jquery-DD-Menu-Starts--></span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><style type="text/css"></span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">/* menu styles */</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">#jsddm</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">{ margin: 0;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">padding: 0}</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">#jsddm li</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">{ float: left;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">list-style: none;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">font: 12px Tahoma, Arial}</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">#jsddm li a</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">{ display: block;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">background: <span style="color: red;">#324143</span>; /*DARK-GREEN*/</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">padding: 5px 12px;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">text-decoration: none;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">border-right: 1px solid white;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">width: 70px;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">color: #EAFFED;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">white-space: nowrap}</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">#jsddm li a:hover</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">{ background: #24313C}</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">#jsddm li ul</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">{ margin: 0;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">padding: 0;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">position: absolute;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">visibility: hidden;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">border-top: 1px solid white}</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">#jsddm li ul li</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">{ float: none;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">display: inline}</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">#jsddm li ul li a</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">{ width: auto;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">background: <span style="color: red;">#A9C251</span>; /*LIGHT-GREEN*/</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">color: #24313C}</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">#jsddm li ul li a:hover</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">{ background: <span style="color: red;">#8EA344</span>}</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"></style></span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><!-- script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"
type="text/javascript"></script --></span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script></span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><script type="text/javascript"></span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">var timeout = 500;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">var closetimer = 0;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">var ddmenuitem = 0;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">function jsddm_open()</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">{ jsddm_canceltimer();</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">jsddm_close();</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">function jsddm_close()</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">{ if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">function jsddm_timer()</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">{ closetimer = window.setTimeout(jsddm_close, timeout);}</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">function jsddm_canceltimer()</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">{ if(closetimer)</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">{ window.clearTimeout(closetimer);</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">closetimer = null;}}</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">$(document).ready(function()</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">{ $('#jsddm > li').bind('mouseover', jsddm_open);</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">$('#jsddm > li').bind('mouseout', jsddm_timer);});</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;">document.onclick = jsddm_close;</span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"></script></span></b></span><br />
<span style="background-color: #d0e0e3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><!--jquery-DD-Menu-Stops-http://bloggerstop.net--></span></b></span></blockquote>
</div>
<b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b>
<b><span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: red; font-size: large;"><i>4)Salve as alterações</i></span></span></b><br />
<blockquote class="tr_bq">
<br />
<h3 style="background-color: #d9ead3; color: blue;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: x-large;"><u><i>Instalando no template</i></u></span></span></h3>
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><span style="color: lime;">1</span>)Vá agora em "<span style="color: #990000;">Layout</span>" </i></b></span></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i>->" </i></b></span></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><span style="color: red;">Elementos da página</span>" </i></b></span></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i>->" </i></b></span></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><span style="color: blue;">"Adicionar um Gadget"</span> </i></b></span></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i>-></i></b></span></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i>"<span style="color: red;">Selecione </span>" </i></b></span></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><span style="color: blue;">HTML/JavaScript"</span><br />
</i></b></span></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i></i></b></span></span></blockquote>
<br />
<blockquote class="tr_bq">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i>" <span style="color: blue;">Como conteúdo</span> <span style="color: red;"> </span></i></b></span></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><span style="color: red;"></span></i></b></span></span></blockquote>
<br />
<blockquote class="tr_bq">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><span style="color: red;">insira <span style="color: black;"></span></span></i></b></span></span></blockquote>
<br />
<blockquote class="tr_bq">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><span style="color: red;"><span style="color: black;">o seguinte código</span></span> <span style="color: red;"></span></i></b></span></span></blockquote>
<br />
<blockquote class="tr_bq">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><span style="color: red;">alterando <span style="color: orange;"></span></span></i></b></span></span></blockquote>
<br />
<blockquote class="tr_bq">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><span style="color: red;"><span style="color: orange;">de acordo com a nota</span></span><span style="color: orange;"><code>"</code></span></i></b></span></span></blockquote>
<br />
<br /><blockquote>
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><!--BODY-CODE--></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><ul id="jsddm"></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><li><a href="#">JavaScript</a></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><ul></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><li><a href="#"><span class="IL_AD" id="IL_AD2">Drop Down</span> Menu</a></li></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><li><a href="#">jQuery Plugin</a></li></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><li><a href="#">Ajax Navigation</a></li></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b></ul></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b></li></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><li><a href="#">Effect</a></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><ul></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><li><a href="#">Slide Effect</a></li></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><li><a href="#">Fade Effect</a></li></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><li><a href="#">Opacity Mode</a></li></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><li><a href="#">Drop Shadow</a></li></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><li><a href="#">Semitransparent</a></li></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b></ul></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b></li></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><li><a href="#">Navigation</a></li></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><li><a href="#">HTML/CSS</a></li></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><li><a href="http://bloggerstop.net">Blogger Help</a></li></b></span></span><br />
<span style="background-color: #fff2cc;"><span style="font-family: Arial,Helvetica,sans-serif;"><b></ul></b></span></span></blockquote>
<div style="background-color: #f3f3f3;">
<b>
</b> <b><span style="color: red;"><br /></span></b></div>
<br />
<div>
<span style="background-color: white;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: orange;"><span style="font-size: large;"><b><i>Nota:</i></b></span></span></span></span></div>
<br />
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><span style="color: red;">" </span>O símbolo "<span style="color: blue;"><span style="color: #3d85c6;">#</span></span>" <span style="color: blue;">reference aos links</span>, em <span style="color: #3d85c6;">azul </span><u>s<span style="color: #0b5394;">ão os títulos dos links </span><span style="color: orange;">que serão exibidos no</span> <span style="color: red;">menu horizontal</span></u><span style="color: red;">,</span> <span style="color: blue;"><span style="color: red;"><span style="color: purple;">altere de acordo com</span> </span>link escolhido."</span></i></b></span></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><b><i><br />
<span style="font-size: large;"><span style="color: lime;">2</span></span></i><span style="font-size: large;"> <i>)<span style="color: orange;"> " Salve as alterações</span> e <span style="color: red;">visualize.</span></i></span></b>"</span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;"><b><i><span style="font-size: xx-small;"> </span></i></b></span><br />
<br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;"><b><i><span style="font-size: xx-small;">Referência:</span></i><a href="http://bloggerstop.net/2009/03/simple-drop-down-menu-using-jquery.html"><i><span style="font-size: xx-small;">Bloggerstop.net</span></i></a></b></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<i style="background-color: #cfe2f3;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: red;">" Update:</span> (10/11/2010) Erros corrigidos." </span> </b></i><br />
<br />
<br /><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;"><b><br />
</b></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><b><span style="font-size: x-large;"></span><br /></b></span>
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<br />
<div style="background-color: #d9ead3;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b>você está em:</b></span></div>
<div style="background-color: #d9ead3;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b><a href="http://vivascraps.blogspot.com/">http://vivascraps.blogspot.com</a></b></span> <script type="text/javascript">
<!--
google_ad_client = "pub-3296052210640376";
/* 300x250, criado 25/12/10 */
google_ad_slot = "2663748088";
google_ad_width = 300;
google_ad_height = 250;
//</script>
</div>
--&gt; <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6723601131503502210.post-42250773720195079892011-01-01T04:42:00.001-08:002011-01-01T04:43:02.524-08:00Ano Novo - 2011...!...<b><span class="Apple-style-span" style="font-size: x-large;"><br />
</span></b><br />
<b><span class="Apple-style-span" style="font-size: x-large;">Ano Novo - 2011...!...</span></b><br />
<br />
<object height="385" width="480"><param name="movie" value="http://www.youtube.com/v/XWjPXPvCWgM?fs=1&hl=pt_BR" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/XWjPXPvCWgM?fs=1&hl=pt_BR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="480"></embed></object><br />
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6723601131503502210.post-6696478134416104942010-12-25T13:09:00.001-08:002010-12-25T13:14:09.988-08:00"Novo Blogger / Blogspot Template Feature Mobile"<div style="background-color: #d9ead3;"><span style="font-size: large;"><b>Aqui neste espaço...</b> </span></div><div style="background-color: #d9ead3;"><span style="font-size: large;"> <b>Apenas divulgo e indico...</b> </span></div><div style="background-color: #d9ead3;"><span style="font-size: large;"><b>Posts, notícias, dicas etc. </b></span></div><div style="background-color: #d9ead3;"><span style="font-size: large;"><b>com devidas fontes e créditos:</b> <b> </b> </span></div><br />
<br />
<br />
<br />
<div style="background-color: #cccccc;"><b>fonte e créditos:</b></div><div style="background-color: #f3f3f3;"><a href="http://www.ipietoon.com/"><b>http://www.ipietoon.com/</b></a></div><div style="background-color: #f3f3f3;"><a href="http://www.ipietoon.com/2010/12/new-bloggerblogspot-mobile-template.html"><b>2010/12/new-bloggerblogspot-mobile-template.html</b></a></div><br />
<br />
<br />
<b><br />
</b><br />
<h3 class="post-title entry-title"> <b><i><a href="http://www.ipietoon.com/2010/12/new-bloggerblogspot-mobile-template.html">New Blogger/Blogspot Mobile Template Feature</a></i></b> </h3><div class="post-header-line-1"> <div class="post-date"> <b><i><span class="day">25</span> <span class="month block">Dec, 2010</span></i></b> </div><b><i><span class="post-author vcard" style="padding-left: 90px;"> <span class="author" style="font-size: 11px; padding-left: 0px;"> <span class="post-labels"> Filed Under: <span class="fn"> <a href="http://www.ipietoon.com/search/label/Blogger%20News" rel="tag">Blogger News</a>, <a href="http://www.ipietoon.com/search/label/Blogger%20Trick" rel="tag">Blogger Trick</a>, <a href="http://www.ipietoon.com/search/label/Blogging%20Tips" rel="tag">Blogging Tips</a> </span> | </span> </span> </span></i></b> </div><b><i> Last Friday, Blogger has announced a new Blogger <span class="IL_AD" id="IL_AD5">feature</span>, Mobile View Feature. Many of us use mobile <span class="IL_AD" id="IL_AD2">phone to</span> access blog. It difficult to view <span class="IL_AD" id="IL_AD4">desktop</span> version on <span class="IL_AD" id="IL_AD6">mobile phone</span> screen size. Some of us ask about how to set mobile view for our blog? Now, we can set mobile view on our blog because Blogger has created mobile template feature.<br />
<br />
Initially available as opt-in functionality on <span style="font-weight: bold;">Blogger in Draft</span>, mobile templates will re-format your blogs for smartphones to enhance your readers’ viewing experience. In order to activate mobile templates, simply go to <span style="font-weight: bold;">Dashboard > Settings > Email & Mobile tab</span>, enable the mobile template option and then save settings. For now, this is beta feature so you can access it through <span style="font-weight: bold;">http://draft.blogger.com</span><br />
<br />
</i></b> <center><b><i><img src="https://lh4.googleusercontent.com/UNI07qmMpu5p2o8faUdw7sm4vQVDRWARqQaUaV-NfyNg-DazaH95d1JGfNcC9JxDvpjPHaOZquHbwi7_FsRQNToww9odGiEd05F2hSTaZhDP8jl5iw" width="450" /></i></b></center> <b><i><br />
<br />
</i></b> <div><b><i><br />
<br />
<span style="font-weight: bold;">Feature <span class="IL_AD" id="IL_AD1">highlights</span></span><br />
</i></b><ul><li><b><i>Preview: Get a glimpse of what your blog will look like by clicking on the Mobile Preview button. You can also see it on your smartphone by scanning the QR-code to the right of the options.</i></b></li>
<li><b><i>Automatic redirection: All opted-in blogs will automatically be redirected to the mobile view when accessed from a smartphone*.</i></b></li>
<li><b><i>Template support: We are initially supporting 6 variants of the Simple template and 6 variants of the Awesome template. If you have used one of these 12 templates through our Template Designer, your mobile view will be rendered in the same style as your desktop view (other template variants will be rendered as Simple). Some gadgets are also supported**.</i></b></li>
</ul><b><i><br />
<br />
</i></b><center><b><i><img src="https://lh5.googleusercontent.com/cmk81uWbxGQUXZsMA5J6P9NhUW9WXkKYEJwaAPwEB6CxumLMgflp3SlQXiMRbjJ5YdgRhF7bS27FavHyRQ2LdqrP6__NT6naQjk9vBh7sIy1oDE88Q" /></i></b></center><b><i><br />
<br />
</i></b><div><b><i><br />
</i></b></div><ul><li><b><i>Mobile ads: Mobile <span class="IL_AD" id="IL_AD8">AdSense ads</span> will be displayed at the top of the post pages and at the bottom of the index page if the blog has an AdSense gadget or inline blog ads.</i></b></li>
</ul><b><i>I have tried it but, the mobile view doesn't redirected yet. You can try it and pick the mobile address http://www.ipietoon.com/?m=1 or http://yourblog.blogspot.com/?m=1</i></b></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div style="background-color: #d9ead3;"><span style="font-size: x-large;"><b><u> traduzido:</u></b></span></div><br />
<br />
<br />
<br />
<blockquote style="background-color: #f3f3f3;"> <h3 class="post-title entry-title"><span style="font-size: large;"><b><i><a href="http://www.ipietoon.com/2010/12/new-bloggerblogspot-mobile-template.html">Novo Blogger / Blogspot Template Feature Mobile</a></i></b></span> </h3><div class="post-header-line-1"> <div class="post-date"> <span style="font-size: large;"><b><i><span class="day">25</span> <span class="month block">Dezembro, 2010</span></i></b></span> </div><span style="font-size: large;"><b><i><span class="post-author vcard" style="padding-left: 90px;"> <span class="author" style="padding-left: 0px;"> <span class="post-labels"> </span> </span> </span></i></b></span> </div><span style="font-size: large;"><b><i> ..." o Blogger anunciou um novo Blogger <span class="IL_AD" id="IL_AD5">recurso</span>, <span style="color: red;">Visão Celular Matéria</span>. Muitos de nós uso móvel <span class="IL_AD" id="IL_AD2" style="color: blue;">telefone para</span> aceder ao blog. É difícil ver <span class="IL_AD" id="IL_AD4" style="color: #e06666;">desktop</span><span class="IL_AD" id="IL_AD6"><span style="color: #e06666;">telefone </span><span style="color: #ea9999;">móvel</span></span> <span style="color: #e06666;">tamanho da tela</span>. Alguns de nós perguntar sobre <span style="color: #38761d;">como definir a exibição móvel para o nosso blog?</span> Agora, <span style="color: blue;">podemos definir a exibição móvel em nosso blog</span><span style="color: red;"> porque o Blogger criou modelo de celular recurso.</span><br />
<br />
Inicialmente disponível como <span style="color: red;">opt-in</span> funcionalidade no <span style="font-weight: bold;">Blogger in Draft</span>, Modelos de móveis <span style="color: blue;">re-formatar seus blogs</span> <span style="color: #38761d;">para smartphones </span><span style="color: red;">para melhorar a experiência dos seus leitores de visualização</span>. <span style="color: magenta;">Para ativar celular modelos, basta ir à </span><span style="color: magenta; font-weight: bold;">Configurações Painel>> aba Email & Mobile</span><span style="color: magenta;">,</span><span style="color: blue;"> Ative a opção modelo de celular e</span>, em seguida, salvar as configurações.<u> Por agora, este é beta recurso assim você pode acessá-lo através </u></i><a href="http://draft.blogger.com/"><span style="font-weight: bold;">http://draft.blogger.com</span></a><i><br />
<br />
</i> versão em </b></span> <center><span style="font-size: large;"><b><i><img src="https://lh4.googleusercontent.com/UNI07qmMpu5p2o8faUdw7sm4vQVDRWARqQaUaV-NfyNg-DazaH95d1JGfNcC9JxDvpjPHaOZquHbwi7_FsRQNToww9odGiEd05F2hSTaZhDP8jl5iw" width="450" /></i></b></span></center> <span style="font-size: large;"><b><i><br />
<br />
</i></b></span> <div><span style="font-size: large;"><b><i><br />
<br />
<span style="color: red; font-weight: bold;">Matéria <span class="IL_AD" id="IL_AD1">destaca</span></span><br />
</i></b></span><ul><li><span style="font-size: large;"><b><i><span style="color: blue;">Preview:</span> Obtenha um vislumbre do que seu blog será semelhante clicando no botão Preview Mobile. Você também pode vê-lo em seu smartphone, digitalizando o QR-code para a direita das opções.</i></b></span></li>
<li><span style="font-size: large;"><b><i><span style="color: blue;">Redirecionamento automático:</span> Todos optaram em blogs será automaticamente redirecionado para a exibição móvel quando acessado a partir de um smartphone *.</i></b></span></li>
<li><span style="font-size: large;"><b><i><span style="color: blue;">Modelo de apoio: </span>Nós estamos apoiando inicialmente seis variantes do modelo de Simples e seis variantes do modelo impressionante. Se você já usou um destes 12 modelos através do nosso design do template, a sua visão móveis serão prestados no mesmo estilo como o seu desktop vista (variantes outro modelo será processado como simples). Alguns aparelhos também são compatíveis **.</i></b></span></li>
</ul><span style="font-size: large;"><b><i><br />
<br />
</i></b></span><center><span style="font-size: large;"><b><i><img src="https://lh5.googleusercontent.com/cmk81uWbxGQUXZsMA5J6P9NhUW9WXkKYEJwaAPwEB6CxumLMgflp3SlQXiMRbjJ5YdgRhF7bS27FavHyRQ2LdqrP6__NT6naQjk9vBh7sIy1oDE88Q" /></i></b></span></center><span style="font-size: large;"><b><i><br />
<br />
</i></b></span><div><span style="font-size: large;"><b><i><br />
</i></b></span></div><ul><li><span style="font-size: large;"><b><i><span style="color: blue;">Os anúncios para telemóvel: </span>Mobile <span class="IL_AD" id="IL_AD8" style="color: #38761d;">Os anúncios do AdSense</span><span style="color: #38761d;"> <span style="color: red;"> </span></span><span style="color: red;">será exibido no topo das páginas posto</span> e <span style="color: magenta;">na parte inferior da página de índice se o blog</span> tem <span style="color: #274e13;">um gadget anúncios do</span> <span style="color: blue;">AdSense</span> ou <span style="color: blue;">blog inline.</span></i></b></span></li>
</ul><span style="font-size: large;"><b><i>..." tenho tentado, mas a visão celular não é redirecionado ainda."</i></b></span></div></blockquote><br />
<blockquote style="background-color: #f3f3f3;"> <div><span style="font-size: large;"><b><i> " Você pode experimentá-lo e pegar o endereço de móveis"</i></b></span></div></blockquote><br />
<blockquote style="background-color: #f3f3f3;"> <div><span style="font-size: large;"><b><i>" http://www.ipietoon.com/?m=1 ou http://yourblog.blogspot.com/?m=1"</i></b></span></div></blockquote><br />
<div style="background-color: #d9ead3;"><b>tags: Blogger , Notícias , Dicas</b></div><br />
<br />
<div style="background-color: #d9ead3;"><b>você está em:</b></div><div style="background-color: #d9ead3;"><b>http://vivascraps.blogspot.com </b><script type="text/javascript">
<!--
google_ad_client = "pub-3296052210640376";
/* 300x250, criado 25/12/10 */
google_ad_slot = "2663748088";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6723601131503502210.post-39901721531819687392010-12-25T10:12:00.001-08:002010-12-25T10:19:13.884-08:00Parcerias<center><br />
<span style="font-size: large;"><b><br />
<span style="color: #38761d;">Parcerias</span><br />
banner <br />
120 x 60</b></span> <br />
<br />
<a href="http://vivascraps.blogspot.com/" target="_blank"><img alt="VS" border="0" height="60" src="http://i55.tinypic.com/ra8ca1.jpg" width="120" /></a><br />
<br />
<textarea><br /> <a href="http://vivascraps.blogspot.com/" target="_blank"><img alt="VS" border="0" height="60" src="http://i55.tinypic.com/ra8ca1.jpg" width="120" /></a><br /> <br /> </textarea><br />
<span style="color: red;"> </span><span style="color: red; font-size: large;"><b><i>linke-me</i></b></span></center><center><span style="font-size: large;"><b><i><span style="color: #38761d;">clique</span><br style="color: #38761d;" /><span style="color: #38761d;"> selecione</span><br style="color: #38761d;" /><span style="color: #38761d;"> copie</span><br style="color: #38761d;" /><span style="color: #38761d;"> cole</span><br />
o texto da cx e<br />
<span style="color: red;">divulgue</span></i></b></span> <br />
<br />
<a href="http://vivascraps.blogspot.com/"><b>http://vivascraps.blogspot.com</b></a></center>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6723601131503502210.post-37763511671849789932010-12-25T09:25:00.001-08:002010-12-25T09:26:24.933-08:00visitas<script src="http://jc.revolvermaps.com/r.js" type="text/javascript">
</script><script type="text/javascript">
rm_f1st('6','220','true','false','000000','2kmweyg8zun','true','00ff6c');
</script><noscript>&amp;lt;applet codebase="http://rc.revolvermaps.com/j" code="core.RE" width="220" height="220" archive="g.jar"&amp;gt;&amp;lt;param name="cabbase" value="g.cab" /&amp;gt;&amp;lt;param name="r" value="true" /&amp;gt;&amp;lt;param name="n" value="false" /&amp;gt;&amp;lt;param name="i" value="2kmweyg8zun" /&amp;gt;&amp;lt;param name="m" value="6" /&amp;gt;&amp;lt;param name="s" value="220" /&amp;gt;&amp;lt;param name="c" value="00ff6c" /&amp;gt;&amp;lt;param name="v" value="true" /&amp;gt;&amp;lt;param name="b" value="000000" /&amp;gt;&amp;lt;param name="rfc" value="true" /&amp;gt;&amp;lt;/applet&amp;gt;</noscript><br />
<br />
<a href="http://vivascraps.blogspot.com/">http://vivascraps.blogspot.com</a>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6723601131503502210.post-32450234784280289122010-12-25T08:50:00.000-08:002010-12-25T08:50:35.212-08:00História do natal na era da internet (video)<h1 id="watch-headline-title"><i><span class="" dir="ltr" id="eow-title" title="História do natal na era da internet">História do natal na era da internet </span></i></h1><br />
<object height="385" width="640"><param name="movie" value="http://www.youtube.com/v/nkZBcZ-mkQE?fs=1&hl=pt_BR"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/nkZBcZ-mkQE?fs=1&hl=pt_BR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object><br />
<div style="background-color: #d9ead3;"><b>você está em: </b></div><div style="background-color: #d9ead3;"><b><a href="http://vivascraps.blogspot.com/">http://vivascraps.blogspot.com</a></b></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6723601131503502210.post-5505912085906631372010-12-25T08:46:00.000-08:002010-12-25T08:47:09.161-08:00dicas valiosas<div style="background-color: #d9ead3;"><span style="font-size: x-large;"><b>dicas valiosas</b></span></div><br />
<b style="background-color: black; color: #33ff33;"><span style="background-color: black;">fonte e créditos: </span><br />
<a href="http://www.premiumbloggertemplates.com/2010/12/tavetti-blogger-template.html" style="background-color: yellow;" target="_blank">http://www.<wbr></wbr>premiumbloggertemplates.com/<wbr></wbr>2010/12/tavetti-blogger-<wbr></wbr>template.html </a></b><br />
<h3 class="post-title entry-title" style="background-color: #f3f3f3;"> <i><a href="http://www.premiumbloggertemplates.com/2010/12/tavetti-blogger-template.html">Tavetti Blogger Template</a></i> </h3><table style="background-color: #f3f3f3; margin-bottom: -10px; margin-top: -10px; padding-left: 15px; width: 640px;"><tbody>
<tr> <td><br />
</td> <td style="padding-top: 5px;"><br />
</td> <td style="padding-top: 20px;"><br />
</td> </tr>
</tbody></table><table style="background-color: #f3f3f3; width: 95%;"><tbody>
<tr> <td style="width: 500px;"><br />
</td> <td><br />
</td> </tr>
</tbody></table><div style="background-color: #f3f3f3;"> <a href="http://www.premiumbloggertemplates.com/2010/12/tavetti-blogger-template.html"><img alt="Tavetti Blogger Template" border="0" id="BLOGGER_PHOTO_ID_5553547846619950258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCo_mjKEcbRndfePk7sW1RupYmSBkoyyd-1LGdLIz1QQZFfVWlRUrp-LMGTLk1WKGWivTd3fu3bpyhINHuL5DGwWPPTgUU5cESXMaiYTvPsnVYdWd8kX1q-o8qkRwKA9Pme8Vd9R-Tn08K/" style="cursor: pointer; height: 290px; width: 95%;" /></a></div><table style="background-color: #f3f3f3;"><tbody>
<tr><td><br />
<table><tbody>
<tr><td><div class="tdemo"><a class="tdemo" href="http://www.demo.premiumbloggertemplates.com/2010/12/tavetti-blogger-template-demo.html" rel="nofollow" target="_blank">Demo</a></div></td><td><div class="tdownload"><a class="tdownload" href="http://www.download.premiumbloggertemplates.com/2010/12/tavetti-blogger-template-download.html" rel="nofollow" target="_blank">Download</a></div></td></tr>
</tbody></table><br />
<div class="rcorner"><br />
Template name : Tavetti<br />
<br />
Template type : 1 Sidebar, 2 Column, 4 Column footer, Adapted from Wordpress, Featured Section, Fixed width, Header Banner, Magazine, Pbtemplates, Right Sidebar, Slider, Top Navigation Bar, Web 2.0, White<br />
<br />
Release date : December 22, 2010<br />
<br />
Coder/Designer Name(s) : Lasantha Bandara / CamelGraph<br />
<br />
Coder/Designer URL(s) : http://www.premiumbloggertemplates.com/<br />
http://camelgraph.com/<br />
<br />
Basic Instructions : <a href="http://www.premiumbloggertemplates.com/2010/02/how-to-uploadinstall-blogger-template.html">How to install a Blogger template</a><br />
<br />
Advanced Details : http://www.premiumbloggertemplates.com/2010/12/tavetti-blogger-template.html</div></td></tr>
</tbody></table><br style="background-color: #f3f3f3;" /><br style="background-color: #f3f3f3;" /><br style="background-color: #f3f3f3;" /><span style="background-color: #f3f3f3; color: #3333ff; font-family: arial; font-size: 130%; font-weight: bold;">Configure Meta tags</span><br style="background-color: #f3f3f3;" /><br style="background-color: #f3f3f3;" /><span style="background-color: #f3f3f3;">Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below codes :</span><br style="background-color: #f3f3f3;" /><br style="background-color: #f3f3f3;" /><pre style="background-color: #f3f3f3; border: 1px solid black; height: 60px; overflow: auto; width: 90%;"><meta content='<span style="color: #009900; font-weight: bold;">DESCRIPTION HERE</span>' name='description'/>
<meta content='<span style="color: #009900; font-weight: bold;">KEYWORDS HERE</span>' name='keywords'/></pre><br style="background-color: #f3f3f3;" /><span style="background-color: #f3f3f3;">Replace </span><span style="background-color: #f3f3f3; font-weight: bold;">DESCRIPTION HERE</span><span style="background-color: #f3f3f3;">,</span><span style="background-color: #f3f3f3; font-weight: bold;">KEYWORDS HERE</span><span style="background-color: #f3f3f3;"> as below.</span><br style="background-color: #f3f3f3;" /><br style="background-color: #f3f3f3;" /><span style="background-color: #f3f3f3;">DESCRIPTION HERE:Write your blog description</span><br style="background-color: #f3f3f3;" /><span style="background-color: #f3f3f3;">KEYWORDS HERE:Write the keywords of your blog separated by comma.</span><br style="background-color: #f3f3f3;" /><br style="background-color: #f3f3f3;" /><span style="background-color: #f3f3f3; color: #3333ff; font-family: arial; font-size: 130%; font-weight: bold;">How To Configure Favicon:</span><br style="background-color: #f3f3f3;" /><br style="background-color: #f3f3f3;" /><span style="background-color: #f3f3f3;">Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below code :</span><br style="background-color: #f3f3f3;" /><br style="background-color: #f3f3f3;" /><pre style="background-color: #f3f3f3; border: 1px solid black; height: 50px; overflow: auto; width: 90%;"><link href='<span style="color: #cc33cc; font-weight: bold;">YOUR-FAVICON-URL</span>' rel='shortcut icon' type='image/vnd.microsoft.icon'/></pre><br style="background-color: #f3f3f3;" /><span style="background-color: #f3f3f3;">Now replace "</span><span style="background-color: #f3f3f3; font-weight: bold;">YOUR-FAVICON-URL</span><span style="background-color: #f3f3f3;">" with your Favicon address/url.</span><br style="background-color: #f3f3f3;" /><br style="background-color: #f3f3f3;" /><br style="background-color: #f3f3f3;" /><span style="background-color: #f3f3f3; color: #3333ff; font-family: arial; font-size: 130%; font-weight: bold;">Configure Featured Content Slider:</span><br style="background-color: #f3f3f3;" /><br style="background-color: #f3f3f3;" /><span style="background-color: #f3f3f3;">Login to your blogger dashboard--> layout- -> Edit HTML.Find </span><span style="background-color: #f3f3f3; color: #009900; font-weight: bold;"><!-- Featured Content Slider Started --></span><span style="background-color: #f3f3f3;">.</span><br style="background-color: #f3f3f3;" /><br style="background-color: #f3f3f3;" /><span style="background-color: #f3f3f3;">This is the code for the </span><span style="background-color: #f3f3f3; color: red; font-weight: bold;">first slide</span><span style="background-color: #f3f3f3;">:</span><br style="background-color: #f3f3f3;" /><br style="background-color: #f3f3f3;" /><pre style="background-color: #f3f3f3; border: 1px solid black; height: 250px; overflow: auto; width: 90%;"><span style="font-size: 130%;"><!-- Slide 1 Code Start --></span>
<div class='featured-post clearfix'>
<div class='slider-image'>
<img height='250' src='<span style="color: #009900; font-size: 130%; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKCBLuglXTShF6gCSJg4dLyK-sIZXlAS6sKXhRgH4jP-ZgaoyaZN3_j7eePHiIxoGXz18geMV2lwiZ5G0USeSy6ZcTZxZ1qmyKZRA2Gl6HnFJqEBm0o6sjuWZnNAL8IDCJ85yrDqtne1Gn/s1600/1.jpg</span>' width='400'/>
</div>
<div class='slider-post'>
<h2><a href='<span style="color: red; font-size: 130%; font-weight: bold;">FEATURED-POST-LINK-1-HERE</span>'><span style="color: #3333ff; font-size: 130%; font-weight: bold;">Featured Post 1 Title</span></a></h2>
<p><span style="font-weight: bold;">Replace these every slide sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.Download more free blogger templates from www.premiumbloggertemplates.com.</span></p>
<a class='readmore' href='<span style="color: red; font-size: 130%; font-weight: bold;">FEATURED-POST-LINK-1-HERE</span>'><span>Read More</span></a>
</div>
</div>
<span style="font-size: 130%;"><!-- Slide 1 Code End --></span></pre><br style="background-color: #f3f3f3;" /><span style="background-color: #f3f3f3;">Now replace,</span><br style="background-color: #f3f3f3;" /><br style="background-color: #f3f3f3;" /><span style="background-color: #f3f3f3;">"</span><span style="background-color: #f3f3f3; color: #3333ff; font-family: arial; font-size: 130%; font-weight: bold;">Featured Post 1 Title</span><span style="background-color: #f3f3f3;">" with your featured post 1 title.</span><br style="background-color: #f3f3f3;" /><span style="background-color: #f3f3f3;">"</span><span style="background-color: #f3f3f3; color: red; font-family: arial; font-weight: bold;">FEATURED-POST-LINK-1-HERE</span><span style="background-color: #f3f3f3;">" with your slide 1 link(2 times).</span><br style="background-color: #f3f3f3;" /><span style="background-color: #f3f3f3;">"</span><span style="background-color: #f3f3f3; font-family: arial; font-weight: bold;">Replace these every slide sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.Download more free blogger templates from www.premiumbloggertemplates.com.</span><span style="background-color: #f3f3f3;">" with your slide 1 description.</span><br style="background-color: #f3f3f3;" /><span style="background-color: #f3f3f3;">"</span><span style="background-color: #f3f3f3; color: #009900; font-family: arial; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKCBLuglXTShF6gCSJg4dLyK-sIZXlAS6sKXhRgH4jP-ZgaoyaZN3_j7eePHiIxoGXz18geMV2lwiZ5G0USeSy6ZcTZxZ1qmyKZRA2Gl6HnFJqEBm0o6sjuWZnNAL8IDCJ85yrDqtne1Gn/s1600/1.jpg</span><span style="background-color: #f3f3f3;">" with your slide 1 image address.</span><br style="background-color: #f3f3f3;" /><br style="background-color: #f3f3f3;" /><span style="background-color: #f3f3f3;">Now you have configured slide 1. Like this, you can configure next 4 slides.</span><br style="background-color: #f3f3f3;" /><br style="background-color: #f3f3f3;" /><br style="background-color: #f3f3f3;" /><span style="background-color: #f3f3f3; color: #3333ff; font-family: arial; font-size: 130%; font-weight: bold;">How To Setup Subscription Box</span><br style="background-color: #f3f3f3;" /><br style="background-color: #f3f3f3;" /><span style="background-color: #f3f3f3;">Login to your blogger dashboard--> layout- -> Edit HTML.Now find "</span><span style="background-color: #f3f3f3; color: #cc33cc; font-family: arial; font-weight: bold;">pbtemplates</span><span style="background-color: #f3f3f3;">". You can find it </span><span style="background-color: #f3f3f3; font-weight: bold;">several times</span><span style="background-color: #f3f3f3;">.Replace these with your </span><span style="background-color: #f3f3f3; font-style: italic;">real Feedburner ID</span><span style="background-color: #f3f3f3;">.</span><br style="background-color: #f3f3f3;" /><br style="background-color: #f3f3f3;" /><span style="background-color: #f3f3f3;">Replace "</span><span style="background-color: #f3f3f3; color: #009900; font-family: arial; font-weight: bold;">YOUR-TWITTER-USERNAME</span><span style="background-color: #f3f3f3;">" with your real twitter username.</span><br style="background-color: #f3f3f3;" /><span style="background-color: #f3f3f3;">Replace "</span><span style="background-color: #f3f3f3; color: #6633ff; font-family: arial; font-weight: bold;">YOUR-FACEBOOK-URL</span><span style="background-color: #f3f3f3;">" with your facebook profile or fan page url.</span><br style="background-color: #f3f3f3;" /><br style="background-color: #f3f3f3;" /><span style="background-color: #f3f3f3; color: #3333ff; font-family: arial; font-size: 130%; font-weight: bold;"><br />
How To Configure Ad Banners</span><br style="background-color: #f3f3f3;" /><span style="background-color: #f3f3f3;">Find this and you can easily change this code as you like:</span><br style="background-color: #f3f3f3;" /><pre style="background-color: #f3f3f3; border: 1px solid black; height: 250px; overflow: auto; width: 90%;"><!-- Banners Code Start -->
<div id='ads-block-125'>
<!-- Banner 1 Code -->
<a href='http://www.bluehost.com/track/pbt' rel='nofollow' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFz1TXeQbPnW40TK82JFmFRdD7LqIPAKdTuZA3GtxoxpTiWp2CLqQlk4RjIg5DDIONE_pLcK8iQN58pRJfPximBa4-S8HUxBGhhSRhKkMPCG_7_tYtXrMsGd9tme6qNRsVwctsF6d4l7Cq/s1600/bh_125x125_02.gif'/></a>
<!-- Banner 2 Code -->
<a href='http://secure.hostgator.com/~affiliat/cgi-bin/affiliates/clickthru.cgi?id=lasantha' rel='nofollow' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy0MW1a48V74Rvzqr9WLlELEUN5-mOj8MHN6tX6kE-epi6rFo7xxCqckzAa8QOUccXO0gGgd4h9WZ4sdn4d_WMlRblEs78t0pxMatmUfxo8czJQSXmcT72rnKUyykgwLhbsh6zgYw42zG5/s1600/125x125-2.gif'/></a>
<!-- Banner 3 Code -->
<a href='http://flexithemes.com/?partner=740' rel='nofollow' target='_blank'><img alt='Premium WordPress Themes' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaV3wnOKAG7DcO4LmGe15eu5IaQFZgOBTENd5hWMBZ-yiwUXe9wthzwCzRRxQ_8ww9GoDcj_a_Vclm5Rre2FcweBiKPkpmLPY1tprEO-uuQdgvosOW0-m8vfYMrt7kadNR7_RVIxReIhc/' style='border: 0;'/></a>
<!-- Banner 4 Code -->
<a href='http://secure.hostgator.com/~affiliat/cgi-bin/affiliates/clickthru.cgi?id=lasantha' rel='nofollow' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX9JQpmTp2A-VcaJFCZMLBq3AUB0rNZcRWBRpEIeohMbfN8VZb3v2QRCbvQu7j8kYJmD2WnMH_ZbAm-ikEjMbGfoLPYXUQwUEtNhWUdo0b681sM-vmjKq5-CInrlF3bDKkRF2-vxGAwxN2/s1600/125x125-animated-2.gif'/></a>
</div>
<div style='clear:both;'/>
<!-- Banners Code End --></pre><b style="background-color: #f3f3f3;"><i>if you want to remove ad banners, simply remove above code.<br />
<br />
<span style="color: #3333ff; font-family: arial; font-size: 130%; font-weight: bold;">How To Configure Navigation Menu<br />
</span>Find this:</i></b><br style="background-color: #f3f3f3;" /><br style="background-color: #f3f3f3;" /><div style="background-color: #f3f3f3; font-weight: bold; text-align: center;"><pre style="border: 1px solid black; height: 50px; overflow: auto; width: 90%;"><span style="font-size: 130%;"><div class='clearfix' id='primary-nav'></span></pre></div><span style="background-color: #f3f3f3;">Now follow the configuration details here:</span><br style="background-color: #f3f3f3;" /><br style="background-color: #f3f3f3;" /><a href="http://www.premiumbloggertemplates.com/2010/10/how-to-configure-navigation-menu.html" style="background-color: #f3f3f3; font-weight: bold;">http://www.premiumbloggertemplates.com/2010/10/how-to-configure-navigation-menu.html</a><br style="background-color: #f3f3f3;" /><br style="background-color: #f3f3f3;" /><span style="background-color: #f3f3f3; color: #3333ff; font-family: arial; font-size: 130%; font-weight: bold;"><br />
How To Add a Header Logo</span><br style="background-color: #f3f3f3;" /><br style="background-color: #f3f3f3;" /><span style="background-color: #f3f3f3;">You can add a header logo for this template easily in the "</span><span style="background-color: #f3f3f3; font-weight: bold;">Page Elements</span><span style="background-color: #f3f3f3;">" section(Blogger Default Method).Logo image size must be </span><span style="background-color: #f3f3f3; font-weight: bold;">350px width</span><span style="background-color: #f3f3f3;"> and </span><span style="background-color: #f3f3f3; font-weight: bold;">125px height</span><span style="background-color: #f3f3f3;">.</span><br style="background-color: #f3f3f3;" /><br style="background-color: #f3f3f3;" /><span style="background-color: #f3f3f3;">If you have any problem regrading this template,leave a comment below.</span><br style="background-color: #f3f3f3;" /><br style="background-color: #f3f3f3;" /><i style="background-color: #f3f3f3;"><span style="font-weight: bold;">Important !!!:</span><br />
<br />
Please do not remove the footer credit. I spend several hours to create this blogger template. So that you can use it for your blog. All I ask is, stay the credit intact.<br />
<br />
<span style="color: #009900; font-size: 130%; font-weight: bold;">License: </span><br />
<br />
This free Blogger template is licensed under the Creative Commons Attribution 3.0 License,which permits both personal and commercial use.<br />
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:<br />
http://creativecommons.org/licenses/by/3.0/</i><div style="background-color: #f3f3f3;"><br />
</div><br />
<br />
<b style="background-color: #d9ead3;"><span style="font-size: x-large;">traduzido </span></b> <br />
<span style="font-size: x-large;"><b> </b></span><br />
<span style="background-color: lime; font-size: x-large;"><b>dicas valiosas </b></span> <br />
---<br />
<div id=":1z1"><wbr></wbr>---</div><div id=":1z1">Nome do modelo: Tavetti<br />
---</div><div id=":1z1"> <b><i>Modelo tipo: um lateral, duas colunas, 4 rodapé da coluna, adaptado do Wordpress, Seção Destaque, largura fixa, Cabeçalho Banner, Revista, Pbtemplates, lateral direita, Slider, Barra de Navegação Superior, Web 2.0, branco</i></b><br />
<br />
<b><i>Data de lançamento: 22 de dezembro de 2010</i></b><br />
<br />
<b><i>Coder Nome Designer (s): Bandara Lasantha / CamelGraph</i></b><br />
<br />
<b>Coder URL Designer (s): <a href="http://www.premiumbloggertemplates.com/" target="_blank">http://www.<wbr></wbr>premiumbloggertemplates.com/</a><br />
<a href="http://camelgraph.com/" target="_blank">http://camelgraph.com/</a></b> <br />
---</div><div id=":1z1"> <i style="color: red;"><span style="font-size: large;"><b style="background-color: #ffff99;">Instruções Básicas: Como instalar um template do Blogger</b></span></i><br />
==</div><div id=":1z1">Advanced Detalhes: <a href="http://www.premiumbloggertemplates.com/2010/12/tavetti-blogger-template.html" target="_blank">http://www.<wbr></wbr>premiumbloggertemplates.com/<wbr></wbr>2010/12/tavetti-blogger-<wbr></wbr>template.html</a><br />
---</div><div id=":1z1"> </div><div id=":1z1"><i><span style="font-size: large;"><b style="background-color: #ffcc99;">Configurar Meta tags</b></span></i><br />
<br />
Entrar para entrar em seu painel do Blogger -> layout -> Edit HTML.Now Vá até onde você pode ver abaixo os códigos:<br />
<br />
<b>Conteúdo</b> <meta = '<span style="color: #3333ff;">Descrição aqui</span>'Name =' description '/><br />
<b>Conteúdo</b> <meta = '<span style="color: red;">PALAVRAS-CHAVE AQUI</span>'Name =' keywords '/><br />
<br />
<br />
<b style="background-color: #f3f3f3;">Substituir <span style="color: #3333ff;">Descrição aqui</span>,<span style="color: red;">PALAVRAS-CHAVE AQUI </span>como abaixo.</b><br style="background-color: #f3f3f3;" /> <br style="background-color: #f3f3f3;" /><b style="background-color: #f3f3f3; color: #3333ff;">DESCRIÇÃO AQUI</b><span style="background-color: #f3f3f3;">: </span><b style="background-color: #f3f3f3;">Escreva a sua descrição do blog</b><br style="background-color: #f3f3f3;" /><b style="background-color: #f3f3f3;"><span style="color: red;"> </span></b></div><div id=":1z1"><b style="background-color: #f3f3f3;"><span style="color: red;">Palavras-chave aqui</span></b><span style="background-color: #f3f3f3;">: </span><u style="background-color: #f3f3f3;"><b>Escreva as palavras-chave do seu blog separadas<span style="color: red;"> por vírgula.</span></b></u><br />
---</div><div id=":1z1"> <span style="font-size: large;"><b style="background-color: black; color: #ccffff;">Como configurar Favicon: </b></span> <br />
<br />
<i><b>Entrar para entrar em seu painel do Blogger -> layout -> Edit HTML.</b><br />
<br />
<b style="color: red;">Now Vá até onde você pode ver o código abaixo:</b></i><br />
<br />
<span style="background-color: #ffff99;"><Link href = '<b style="color: blue;">Seu favicon-URL</b>'Rel =' type = 'ícone de atalho da imagem vnd.microsoft.icon /' /></span><br />
<br />
<br />
<span style="font-size: small;"><i><span style="color: red;">Agora substitua</span></i> "<b style="color: #3333ff;">Seu favicon-URL</b>"<span style="color: #006600;">Com o seu endereço Favicon / url.</span></span><br />
<br />
----</div><div id=":1z1"> <b style="background-color: #33ff33;">Configurar Destaque Slider Conteúdo:</b><br />
<br />
Entrar para entrar em seu painel do Blogger -> layout -> Edit HTML.Find <-! Featured Content Slider passos ->.<br />
<br />
<i><span style="font-size: large;"><b><span style="background-color: #ffff99;">Este é o código para o primeiro slide:</span></b></span></i> <br />
<br />
<! - Slide 1 Start Code -><br />
class='featured-post clearfix'> <div<br />
class='slider-image'> <div<br />
<Altura de img = '250 'src ='<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKCBLuglXTShF6gCSJg4dLyK-sIZXlAS6sKXhRgH4jP-ZgaoyaZN3_j7eePHiIxoGXz18geMV2lwiZ5G0USeSy6ZcTZxZ1qmyKZRA2Gl6HnFJqEBm0o6sjuWZnNAL8IDCJ85yrDqtne1Gn/s1600/1.jpg'Width" target="_blank">http://2.bp.blogspot.com/_<wbr></wbr>4HKUHirY_2U/TQkLtoH8j0I/<wbr></wbr>AAAAAAAAJeM/_YpDh3z4zXc/s1600/<wbr></wbr>1.jpg'Width</a> = '400' /><br />
</ Div><br />
class='slider-post'> <div<br />
<h2> <a href = "<span style="color: red;">DESTAQUE-POST-LINK-1-AQUI</span>'><b style="color: #990000;">De<wbr></wbr>staque Post um título</b></ A> </ h2><br />
<p><span style="background-color: #ffff99;">Substituir essas frases todos os slides com suas descriptions.Go post em destaque para Blogger editar html e encontrar esses sentences.Now substituí-los com o seu próprio tema descriptions.This é blogada por Lasantha - Premiumbloggertemplates.com.<wbr></wbr>Download blogueiro mais modelos gratuitos de www.premiumbloggertemplates. com.</span></ P><br />
<A href = classe 'readmore' = '<span style="color: red;">DESTAQUE-POST-LINK-1-AQUI</span>'> <span> <b style="color: red;">Leia Mais</b> </ span> </ a><br />
</ Div><br />
</ Div><br />
<! - Slide 1 End Code -><br />
<br />
<br />
<i><span style="font-size: large;"><b style="background-color: #ffff99; color: red;">Agora substitua, </b></span></i> <br />
<br />
"<span style="color: red;">Destaque Post um título</span>"<span style="color: #3366ff;">Com o seu destaque título do post 1</span>.<br />
"<span style="color: red;">DESTAQUE-POST-LINK-1-AQUI</span>"<span style="color: #3366ff;">Com o seu link slide 1 (2 vezes)</span>.<br />
"<span style="color: #33cc00;">Substituir essas frases todos os slides com suas descriptions.Go post em destaque para Blogger editar html e encontrar esses sentences.Now substituí-los com o seu próprio tema descriptions.This é blogada por Lasantha - Premiumbloggertemplates.com.<wbr></wbr>Download blogueiro mais modelos gratuitos de www.premiumbloggertemplates. com."Com a descrição do seu slide 1.</span><br style="color: #33cc00;" /> <span style="color: #33cc00;">"<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKCBLuglXTShF6gCSJg4dLyK-sIZXlAS6sKXhRgH4jP-ZgaoyaZN3_j7eePHiIxoGXz18geMV2lwiZ5G0USeSy6ZcTZxZ1qmyKZRA2Gl6HnFJqEBm0o6sjuWZnNAL8IDCJ85yrDqtne1Gn/s1600/1.jpg" target="_blank">http://2.bp.blogspot.com/_<wbr></wbr>4HKUHirY_2U/TQkLtoH8j0I/<wbr></wbr>AAAAAAAAJeM/_YpDh3z4zXc/s1600/<wbr></wbr>1.jpg</a>"Com seu endereço de imagem do slide 1.</span><br />
---</div><div id=":1z1"> <span style="font-size: large;"><i><span style="color: red;"> </span></i></span></div><div id=":1z1"><span style="font-size: large;"><i><span style="color: red;">Agora você configurou o slide 1.</span></i></span></div><div id=":1z1"><span style="font-size: large;"><i><span style="color: red;"> </span></i></span></div><div id=":1z1"><span style="font-size: large;"><i><span style="color: red;"> </span><b style="color: #cc0000;"> Assim, você pode configurar próximos 4 slides.</b></i></span><br />
--- <br />
<br />
------------------------------<wbr></wbr>------------------------------<wbr></wbr>------------------------------<wbr></wbr>------------------------------<wbr></wbr><br />
<i><span style="font-size: large;"><b style="background-color: #ffff66;">Como Setup Box Assinatura</b></span></i><br />
<br />
Entrar para entrar em seu painel do Blogger -> layout -> Edit HTML.Now encontrar "pbtemplates". <br />
<br />
<span style="background-color: #ffff99;">Você pode encontrá-lo várias vezes. </span><br />
<span style="color: red;"><br />
<i>Substitua-os com o seu </i></span><i><b style="color: #cc0000;">ID real Feedburner</b>.</i><br />
<br />
<i>Substituir "<span style="color: #00cccc;">SEU TWITTER-USERNAME</span>"<b style="color: #3366ff;">Com o seu nome real twitter</b>.</i></div><div id=":1z1"><i></i></div><div id=":1z1"><i><br />
Substituir "<span style="color: #000099;">Seu Facebook-URL</span>"<span style="color: #000066;">Com o seu perfil no Facebook ou URL da página de fã</span>.</i><br />
<br />
------------------------------<wbr></wbr>------------------------------<wbr></wbr>------------------------------<wbr></wbr>------------------------------<wbr></wbr>------------------------------<wbr></wbr>------------------------------<wbr></wbr>------<br />
<b><u><span style="background-color: #ffcccc;">Como configurar anúncios Banners</span><br />
------------------------------<wbr></wbr>--------------------------</u></b><br />
<b style="background-color: #ffcccc;">Encontre esta e você pode facilmente alterar o código como você gosta:</b><br />
<br />
<! - Banners Código Iniciar -><br />
<br />
id='ads-block-125'> <div<br />
<br />
<! - Banner 1 Código -><br />
href='<a href="http://www.bluehost.com/track/pbt" target="_blank">http://www.bluehost.com/<wbr></wbr>track/pbt</a>' <a rel='nofollow' target='_blank'> <img src = "<a href="http://1.bp.blogspot.com/_4HKUHirY_2U/TMJSLX9TEEI" target="_blank">http://1.bp.blogspot.com/_<wbr></wbr>4HKUHirY_2U/TMJSLX9TEEI</a> / AAAAAAAAFdY/CPuetqDFQ68/s1600/<wbr></wbr>bh_125x125_02.gif'/></ a><br />
<br />
<! - Banner 2 Código -><br />
href='<a href="http://secure.hostgator.com/%7Eaffiliat/cgi-bin/affiliates/clickthru.cgi?id=lasantha" target="_blank">http://secure.hostgator.<wbr></wbr>com/~affiliat/cgi-bin/<wbr></wbr>affiliates/clickthru.cgi?id=<wbr></wbr>lasantha</a>' <a rel='nofollow' target='_blank'> <img src = http ': / <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy0MW1a48V74Rvzqr9WLlELEUN5-mOj8MHN6tX6kE-epi6rFo7xxCqckzAa8QOUccXO0gGgd4h9WZ4sdn4d_WMlRblEs78t0pxMatmUfxo8czJQSXmcT72rnKUyykgwLhbsh6zgYw42zG5/s1600/125x125-2.gif" target="_blank">3.bp.blogspot.com/_4HKUHirY_<wbr></wbr>2U/TMJDTpn8EcI/AAAAAAAAFcQ/<wbr></wbr>Da83XDPctjs/s1600/125x125-2.<wbr></wbr>gif</a> /'/></ a><br />
<br />
<! - Banner 3 Código -><br />
href='<a href="http://flexithemes.com/?partner=740" target="_blank">http://flexithemes.com/?<wbr></wbr>partner=740</a>' <a rel='nofollow' alt target='_blank'> <img = 'Premium WordPress Temas "<a href="http://4.bp.blogspot/" target="_blank">http://4.bp.blogspot</a> =' src 'style =' .com/_4HKUHirY_2U/TIBf3A5RluI/<wbr></wbr>AAAAAAAABlE/7ec_pBQ8Zcc/fta.<wbr></wbr>gif border: 0 ;'/></ a><br />
<br />
<! - Banner 4 Código -><br />
href='<a href="http://secure.hostgator.com/%7Eaffiliat/cgi-bin/affiliates/clickthru.cgi?id=lasantha" target="_blank">http://secure.hostgator.<wbr></wbr>com/~affiliat/cgi-bin/<wbr></wbr>affiliates/clickthru.cgi?id=<wbr></wbr>lasantha</a>' <a rel='nofollow' target='_blank'> <img src = http ': / <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX9JQpmTp2A-VcaJFCZMLBq3AUB0rNZcRWBRpEIeohMbfN8VZb3v2QRCbvQu7j8kYJmD2WnMH_ZbAm-ikEjMbGfoLPYXUQwUEtNhWUdo0b681sM-vmjKq5-CInrlF3bDKkRF2-vxGAwxN2/s1600/125x125-animated-2.gif" target="_blank">2.bp.blogspot.com/_4HKUHirY_<wbr></wbr>2U/TMJDUSgoOXI/AAAAAAAAFcg/<wbr></wbr>sT94M-FmHj0/s1600/125x125-<wbr></wbr>animated-2.gif</a> /'/></ a><br />
<br />
</ Div><br />
style='clear:both;'/> <div<br />
<br />
<! - Banners End Code -><br />
<br />
<i><b style="background-color: #ffcccc;">Se você quiser remover banners de anúncios, basta remover o código acima.</b></i><br />
---<br />
<span style="font-size: large;"><i><b style="background-color: #ffff99;">Como configurar o menu de navegação</b></i></span><br />
<br />
<i><b style="color: red;">Encontre esta:</b></i><br />
<br />
<b style="background-color: #ffcccc;"><div class='clearfix' id='primary-nav'></b><br />
<br />
<i><b>Agora siga os detalhes de configuração aqui:</b></i><br />
<br />
<a href="http://www.premiumbloggertemplates.com/2010/10/how-to-configure-navigation-menu.html" target="_blank">http://www.<wbr></wbr>premiumbloggertemplates.com/<wbr></wbr>2010/10/how-to-configure-<wbr></wbr>navigation-menu.html</a><br />
---<br />
<b style="background-color: #ffcc99;">Como adicionar um logotipo do cabeçalho</b><br />
<br />
Você pode adicionar um logotipo do cabeçalho para este modelo facilmente no "Elementos da página"Seção (Blogger método padrão). <i><b>Tamanho da imagem do logotipo deve ser</b></i> <span style="color: red;">l</span><b style="color: red;">argura 350px e Altura 125px.</b><br />
------------------------------<wbr></wbr>------------------------------<wbr></wbr>------------------------------<wbr></wbr>--------<br />
<br style="background-color: #ffff99;" /><b style="background-color: #ffff99;">Se você tiver qualquer problema reclassificação deste modelo, deixe um comentário abaixo.<br />
<i style="background-color: #eeeeee;"><br />
<span style="color: red;">Importante!:</span></i></b><i style="background-color: #eeeeee;"><br />
<br />
Por favor, não retire os créditos do rodapé. Passei várias horas para criar esse modelo de blogueiro. Para que você possa usá-lo para o seu blog. Tudo que eu peço é, suspender o crédito intacto.</i> <i style="background-color: #eeeeee;"><br />
<br />
<b>Licença:</b></i> <i style="background-color: #eeeeee;"><br />
<br />
Este modelo do Blogger livre está licenciado sob a licença Creative Commons Attribution 3.0 License, que permite o uso pessoal e comercial.<br />
No entanto, para satisfazer a cláusula de 'atribuição' da licença, você é obrigado a manter os links de rodapé intacta, que prevê o devido crédito aos seus autores. Para detalhes mais específicos sobre a licença, você pode visitar o URL abaixo:</i> <i style="background-color: #eeeeee;"><br />
<a href="http://creativecommons.org/licenses/by/3.0/" target="_blank">http://creativecommons.org/<wbr></wbr>licenses/by/3.0/</a></i> <br />
---<br />
<br />
<b style="background-color: #d0e0e3; color: #33ff33;"><span style="color: red;">fonte e créditos: </span><br />
<a href="http://www.premiumbloggertemplates.com/2010/12/tavetti-blogger-template.html" target="_blank">http://www.<wbr></wbr>premiumbloggertemplates.com/<wbr></wbr>2010/12/tavetti-blogger-<wbr></wbr>template.html</a></b></div> <br />
<div id=":2o8"><wbr></wbr></div><br />
<br />
<br />
<div style="background-color: #d9ead3;"><b> :::</b></div><br />
<div style="background-color: #d9ead3;"><b> você está em:</b></div><div style="background-color: #d9ead3;"><a href="http://vivascraps.blogspot.com/"><b>http://vivascraps.blogspot.com</b></a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6723601131503502210.post-68144567698549080102009-03-18T23:33:00.000-07:002009-06-17T15:03:37.302-07:00PESQUISE AQUI<div style="text-align: center;"><br /><style type="text/css"><br />@import url(http://www.google.com/cse/api/branding.css);<br /></style><br /></div><div class="cse-branding-right" style="background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); text-align: center;"><span style="font-weight: bold;font-size:180%;" >PESQUISE AQUI</span><br /><div class="cse-branding-form"><br /><form action="http://vivascraps.blogspot.com" id="cse-search-box"><input name="q" size="31" type="text"><br /><br /> <input name="sa" value="Pesquisar" type="submit"><br /> <img src="http://www.google.com/images/poweredby_transparent/poweredby_000000.gif" alt="Google" /><br /></form> </div> <div class="cse-branding-text"> Pesquisa personalizada<br /></div><br /></div><div style="text-align: center;"><br /></div><br /><br /><center style="color: rgb(51, 204, 0);"><a href="http://vivascraps.blogspot.com/"><span style="font-size:180%;"><span style="font-weight: bold;">/(-.-)\</span></span></a><br /><span style="font-size:180%;"><span style="font-weight: bold;">V</span></span><br /><table style="text-align: left; margin-left: auto; margin-right: auto;" class="openid-data" border="0" cellpadding="0" cellspacing="0"><tbody><tr><th style="font-weight: bold; font-style: italic; text-align: center;"><span style="font-size:180%;"><a href="http://vivascraps.blogspot.com/"><strong></strong><br /></a></span></th> <td style="font-weight: bold; font-style: italic; text-align: center;"><span style="font-size:180%;"><a href="http://vivascraps.blogspot.com/">http://vivascraps.blogspot.com/</a></span></td></tr></tbody></table></center>Unknownnoreply@blogger.com2