<?xml version='1.0' encoding='UTF-8'?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/" xmlns:blogger="http://schemas.google.com/blogger/2008" xmlns:georss="http://www.georss.org/georss" xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr="http://purl.org/syndication/thread/1.0" version="2.0"><channel><atom:id>tag:blogger.com,1999:blog-2102358606823850225</atom:id><lastBuildDate>Thu, 19 Dec 2024 04:57:27 +0000</lastBuildDate><category>Tutoriais</category><category>Downloads</category><category>CSS - HTML - Scripts e etc.</category><category>Internet</category><category>Personalização</category><category>Redes Sociais</category><category>Android</category><category>Ferramentas de Áudio</category><category>MP3</category><category>Windows</category><category>Blogger</category><category>DVD</category><category>Excel</category><category>Ganhando Online</category><category>Recomendados</category><category>Segurança</category><title>Dicas do Artony</title><description>O propósito do blog Dicas do Artony é ajudar aos iniciantes no mundo da informática!</description><link>http://dicasdoartony.blogspot.com/</link><managingEditor>noreply@blogger.com (Anonymous)</managingEditor><generator>Blogger</generator><openSearch:totalResults>16</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2102358606823850225.post-9205532047927965734</guid><pubDate>Tue, 25 Feb 2014 02:07:00 +0000</pubDate><atom:updated>2014-03-24T13:22:19.132-03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Internet</category><category domain="http://www.blogger.com/atom/ns#">Redes Sociais</category><title>Como criar uma lista de reprodução (Playlist) no YouTube</title><description>&lt;center&gt;&lt;img alt=&quot;Como criar uma lista de reprodução (Playlist) no YouTube&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLiZRdYN9kGc7coTxOUVaP8zfZcKBAB7l4bG8wF8FPu1IVRgzQJ5XzDLHyRTfPGznjz9xYV8zvsCvSI2BJDCzWzCelpbKQOwm-e3M5XI-qjdkCVeMHCL60SYKsmnbxT9Ox-g1iEMOBSmc/s200-no/15+playlist.png&quot; style=&quot;border: solid 1px #E6E6E6;&quot; title=&quot;Como criar uma lista de reprodução (Playlist) no YouTube&quot; /&gt;&lt;/center&gt;&lt;br /&gt;
Olá Prezados leitores do Blog Dicas do Artony!&lt;br /&gt;
&lt;br /&gt;
O YouTube é um fenômeno no mundo inteiro e diferente do que muitos possam pensar, o site não é só voltado para diversão. Lá você encontra vídeos dos mais variados assuntos e com uma infinidade de recursos com padrão de qualidade dos produtos Google. Nessa postagem, vou mostrar como criar uma Lista de Reprodução no YouTube, você poderá adicionar seus vídeos preferidos para acessá-los facilmente, ordenados por assunto ou nome desejado. Vamos ao fácil tutorial.&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtiH9Qh1Wr7FP30vIKrutUpXoMqpej5m1tHWHrB_l7U2Kdx92ovow38uGn5nHFA5jJyaS2Eb-C4bleKUZ__FwU6IJ0fNFPqBEt1-__-wEvjGd8L6UyTFNB3HEkdWL-yOv-m4L8bo9SlKs/s32-no/Informa%25C3%25A7%25C3%25A3o-32px.png) 8px 50% no-repeat #E6F5FD; border: solid 1px #85DAFF; padding: 10px 10px 10px 50px;&quot;&gt;É necessário ter uma conta Google&lt;/div&gt;&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;Acesse: &lt;a href=&quot;https://www.youtube.com/&quot; target=&quot;_blank&quot;&gt;https://www.youtube.com&lt;/a&gt; e faça login na sua conta Google.&lt;/li&gt;
&lt;li&gt;Após o login, clique em &quot;&lt;span style=&quot;color: blue;&quot;&gt;Meu Canal&lt;/span&gt;&quot;, &quot;&lt;span style=&quot;color: blue;&quot;&gt;Playlists&lt;/span&gt;&quot; e em &quot;&lt;span style=&quot;color: blue;&quot;&gt;Nova Playlist&lt;/span&gt;&quot;.&lt;br /&gt;
&lt;center&gt;&lt;img alt=&quot;Como criar uma lista de reprodução (Playlist) no YouTube&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8-a25NgvXrqTp47eRL65HuXEiEk94DZzaPpLMijWm27_pXXDc3V-w_RB35yXeUBiY30JZqLOzPrXcFSZwGmCaaHjwRQBZAeruUdwnvHj2sA552CqVUjzDrMXiajEFD3zsuahcitLSA5Y/w570-h202-no/playlist.png&quot; style=&quot;border: solid 1px #E6E6E6; margin-top: 5px;&quot; title=&quot;Como criar uma lista de reprodução (Playlist) no YouTube&quot; /&gt;&lt;/center&gt;&lt;/li&gt;
&lt;li&gt;Escolha um nome para a Playlist, defina se a mesma será &quot;&lt;span style=&quot;color: blue;&quot;&gt;Pública&lt;/span&gt;&quot;, &quot;&lt;span style=&quot;color: blue;&quot;&gt;Não listada&lt;/span&gt;&quot; ou &quot;&lt;span style=&quot;color: blue;&quot;&gt;Particular&lt;/span&gt;&quot; e clique em &quot;&lt;span style=&quot;color: blue;&quot;&gt;Criar&lt;/span&gt;&quot;.&lt;/li&gt;
&lt;li&gt;Feito isso, agora você já pode adicionar vídeos a sua Playlist, clicando em &quot;&lt;span style=&quot;color: blue;&quot;&gt;Adicionar vídeo por URL&lt;/span&gt;&quot;.&lt;/li&gt;
&lt;li&gt;Para gerenciar suas Playlists é só clicar em &quot;&lt;span style=&quot;color: blue;&quot;&gt;Playlists&lt;/span&gt;&quot;, (No passo &quot;&lt;span style=&quot;color: blue;&quot;&gt;2&lt;/span&gt;&quot;) e na Playlist que você deseja alterar ou excluir!&lt;/li&gt;
&lt;/ol&gt;&lt;br /&gt;
Espero que tenham gostado dessa dica! Gostou? Compartilhe! Um abraço e até a próxima!&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjssirxuXV-GR4zp-Fm58EUCw-laIrdIiYysNGlYQJ9t-BFD71p25dd7JQcJT3RIJgNUQoFIYhR_t-CWhq6mEt4rxYRaDeZFq0w_nYvjuDDXcgTlfWSe_edhZCidy0GHHJ5_0Sb5mYTxNo/s1600/feed.png) 5px 50% no-repeat #E6F5FD; border: solid 1px #85DAFF; font-size: 13px; margin-bottom: 5px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: #444444;&quot;&gt;Para receber postagens no seu E-mail, assine nossa Newsletter! → &lt;a href=&quot;http://goo.gl/T9saMO&quot; target=&quot;_blank&quot;&gt;Clique e assine agora!&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtTQVL1TGG8MUiSEFbitySihO1p0zumBUmOfaUBa7aPG7EHOWf-_EwkJ9fwgNQB-t1jc2Q_Gr4TJOOvBE0iKo2c6qkrOZUL268tPEQDG5e56L1lJStAzjTH4c9Z5L1LgJ2JHznMIEtJek/s1600/exclama%25C3%25A7%25C3%25A3o+amarela-16px.png) 5px 50% no-repeat #FFFFE0; border: solid 1px #FFD691; font-size: 13px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: tomato;&quot;&gt;Informar link quebrado eu erro nesta postagem!&lt;/span&gt; → &lt;a href=&quot;mailto:dicasdoartony@gmail.com&quot; target=&quot;_blank&quot;&gt;dicasdoartony@gmail.com&lt;/a&gt;&lt;/div&gt;</description><link>http://dicasdoartony.blogspot.com/2014/02/como-criar-uma-lista-de-reproducao.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLiZRdYN9kGc7coTxOUVaP8zfZcKBAB7l4bG8wF8FPu1IVRgzQJ5XzDLHyRTfPGznjz9xYV8zvsCvSI2BJDCzWzCelpbKQOwm-e3M5XI-qjdkCVeMHCL60SYKsmnbxT9Ox-g1iEMOBSmc/s72-c-no/15+playlist.png" height="72" width="72"/></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2102358606823850225.post-4454800129021470107</guid><pubDate>Thu, 20 Feb 2014 20:58:00 +0000</pubDate><atom:updated>2014-02-24T22:12:31.982-03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Downloads</category><title>Os melhores capturadores de tela para Desktop e Navegador</title><description>&lt;center&gt;&lt;img alt=&quot;Os melhores capturadores de tela para Desktop e Navegador&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1X9EGrmKhMo8xfdvlF9lW6G68by1_aS0WOLM4Es7qsWDgfx6DJ0kMdgsGY5y6Ol6mT99CMFpPxB2WDwpq_qZD-3SpwA1m5eGzEogKsRaKCvmNc30oeYEioRmu5HwHXKdLrkb7Qz955eo/s200-no/14+screenshot.png&quot; style=&quot;border: solid 1px #E6E6E6;&quot; title=&quot;Os melhores capturadores de tela para Desktop e Navegador&quot; /&gt;&lt;/center&gt;&lt;br /&gt;
Olá Prezados leitores do Blog Dicas do Artony!&lt;br /&gt;
&lt;br /&gt;
Nessa postagem, vou mostrar os dois capturadores de tela que uso e recomendo! &lt;a href=&quot;http://adf.ly/511117/lightshot&quot; target=&quot;_blank&quot; title=&quot;Clique para baixar o arquivo!&quot;&gt;Lightshot&lt;/a&gt; (Para Desktop) e &lt;a href=&quot;http://adf.ly/511117/fireshot&quot; target=&quot;_blank&quot; title=&quot;Clique para baixar o arquivo!&quot;&gt;Fireshot&lt;/a&gt; (Para Navegador).&lt;br /&gt;
&lt;br /&gt;
&lt;center&gt;&lt;style type=&quot;text/css&quot;&gt;
#lightshot-title {
  font-family: Arial, Trebuchet MS;
  font-size: 20px;
  margin-top: -15px;
}
#lightshot-title a {
  background: url(http://i.imgur.com/rE5HdKO.png) no-repeat 15px 50% #FFF;
  font-weight: bold;
  line-height: 40px;
  border: solid 2px #CCCCCC;
  text-align: center;
  color: #555555;
  text-decoration: none;
  padding: 10px 15px 10px 55px;
}
#lightshot-title a:visited {
}
#lightshot-title a:hover {
  background: url(http://i.imgur.com/rE5HdKO.png) no-repeat 20px 50% #E6E6E6;
  border: solid 2px #BBBBBB;
}
#lightshot-titlea:focus {
&lt;/style&gt;&lt;br /&gt;
&lt;div id=&quot;lightshot-title&quot;&gt;&lt;a href=&quot;http://adf.ly/511117/lightshot&quot; target=&quot;_blank&quot; title=&quot;Clique para baixar o arquivo!&quot;&gt;Lightshot&lt;/a&gt;&lt;/div&gt;&lt;/center&gt;&lt;br /&gt;
Para usuários iniciantes em informática, os termos: &quot;Printscreen&quot;, &quot;Screen shot&quot; (Em Inglês), podem não ser tão conhecidos, mas, se falarmos: &quot;Captura de tela&quot;, aí fica mais fácil entender do que se trata. Como o próprio nome diz, captura de tela é um recurso incluso no Windows, com o qual podemos &quot;tirar foto&quot; da tela ou janelas do Windows e salvar em um arquivo de imagem .jpg, .png, .gif, etc. Porém, esse recurso é um &quot;pouco difícil&quot; para iniciantes, pois, quando o usuário iniciante descobre que a tecla &quot;Print Scm - SysRq&quot;&lt;br /&gt;
&lt;br /&gt;
&lt;center&gt;&lt;img alt=&quot;Print Scm - SysRq&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzdIrxdMQWbEmLxhbt6NzlSdSWMH3vQFFqHZv1kdl7vs5b8Zo6yo1gnWfqfbKJKxlGK4bUJnYncm1Vm5RdR8TOmkRS2boi73_JVVoDz5MuUqGuSG_E5vP7PhfK_ur1LuO4hsJxCDfacn4/w530-h350-no&quot; style=&quot;border: solid 1px #E6E6E6;&quot; title=&quot;Print Scm - SysRq&quot; /&gt;&lt;br /&gt;
&lt;/center&gt;&lt;br /&gt;
serve para esse fim, tecla ela e não ver nada acontecer, o instinto natural é ele não tocar mais lá! Isso ocorre porque ao teclar na &quot;Print Scm - SysRq&quot;, a imagem é capturada apenas para a área de transferência, é como se você tivesse apenas copiado (Ctrl+C) a tela, depois disso é preciso abrir um programa de edição de imagem (No caso do Windows, o Paint), teclar Ctrl+V (Colar), aí sim você vai ver a imagem capturada e por fim, salvar no local desejado.&lt;br /&gt;
&lt;br /&gt;
Existem programas que podem fazer essa tarefa de forma muito mais prática, rápida e com muito mais recursos, como é o caso do programa Lightshot, o melhor programa gratuito que utilizei até hoje para essa tarefa. O programa é muito leve e é iniciado com o Windows (Você pode desabilitar essa função utilizando o gerenciador de inicialização do CCleaner, por exemplo). O programa é TOTALMENTE LIMPO, isso significa que você pode instalar sem medo de pegadinhas!&lt;br /&gt;
&lt;br /&gt;
&lt;center&gt;Baixar LightShot&lt;br /&gt;
&lt;style type=&quot;text/css&quot;&gt;
#download {
  font-family: Arial, Trebuchet MS;
  font-size: 16px;
  margin-top: -15px;
  width: 252px;
}
#download a {
  display: block;
  background: url(http://i.imgur.com/1KXrKr2.png) no-repeat 0px 0px #FFFFFF;
  font-weight: bold;
  color: #6AA30F;
  line-height: 47px;
  text-align: left;
  text-shadow: 0 1px 1px #ffffff;
  text-decoration: none;
  padding: 0 0 0 58px;
}
#download a:hover {
  background: url(http://i.imgur.com/1KXrKr2.png) no-repeat 0px -47px #FFFFFF;
  color: #629610;
}
#download a:focus {
  background: url(http://i.imgur.com/1KXrKr2.png) no-repeat 0px -94px #FFFFFF;
  color: #666666;
&lt;/style&gt;&lt;br /&gt;
&lt;div id=&quot;download&quot;&gt;&lt;a href=&quot;http://adf.ly/511117/lightshot&quot; target=&quot;_blank&quot; title=&quot;Clique para baixar o arquivo!&quot;&gt;CLIQUE PARA BAIXAR!&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;/center&gt;&lt;table cellspacing=&quot;0&quot; style=&quot;border: solid 0px #e6e6e6; box-shadow: 1px 1px 3px #d8d8d8; font-family: Arial; font-size: 13px; line-height: 1.6em; text-align: left; width: 100%;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; rowspan=&quot;1&quot; style=&quot;background: #777777; padding: 4px 10px; text-align: center;&quot;&gt;&lt;span style=&quot;color: white;&quot;&gt;&lt;b&gt;DETALHES TÉCNICOS DO PROGRAMA&lt;/b&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;background: #ffffff; border-bottom: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px; width: 50%;&quot;&gt;Tamanho:&lt;/td&gt;&lt;td style=&quot;background: #ffffff; border-bottom: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;2,47 MB&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;background: #f6f6f6; border-bottom: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Sistema Operacional:&lt;/td&gt;&lt;td style=&quot;background: #f6f6f6; border-bottom: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Windows XP / Vista / 7 / 8&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;background: #ffffff; border-bottom: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Categoria:&lt;/td&gt;&lt;td style=&quot;background: #ffffff; border-bottom: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Ferramentas de Imagem&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;background: #f6f6f6; border-bottom: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Licença:&lt;/td&gt;&lt;td style=&quot;background: #f6f6f6; border-bottom: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Grátis&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;background: #ffffff; border-bottom: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Site do desenvolvedor:&lt;/td&gt;&lt;td style=&quot;background: #ffffff; border-bottom: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;&lt;a href=&quot;http://adf.ly/511117/lightshot-siteoficial&quot; target=&quot;_blank&quot; title=&quot;Clique para acessar...&quot;&gt;app.prntscr.com&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;center&gt;&lt;style type=&quot;text/css&quot;&gt;
#lightshot-title {
  font-family: Arial, Trebuchet MS;
  font-size: 20px;
  margin-top: -15px;
}
#lightshot-title a {
  background: url(http://i.imgur.com/rE5HdKO.png) no-repeat 15px 50% #FFF;
  font-weight: bold;
  line-height: 40px;
  border: solid 2px #CCCCCC;
  text-align: center;
  color: #555555;
  text-decoration: none;
  padding: 10px 15px 10px 55px;
}
#lightshot-title a:visited {
}
#lightshot-title a:hover {
  background: url(http://i.imgur.com/rE5HdKO.png) no-repeat 20px 50% #E6E6E6;
  border: solid 2px #BBBBBB;
}
#lightshot-titlea:focus {
&lt;/style&gt;&lt;br /&gt;
&lt;div id=&quot;lightshot-title&quot;&gt;&lt;a href=&quot;http://adf.ly/511117/fireshot&quot; target=&quot;_blank&quot; title=&quot;Clique para acessar o site!&quot;&gt;Fireshot&lt;/a&gt;&lt;/div&gt;&lt;/center&gt;&lt;br /&gt;
O segundo capturador de tela é o Fireshot e esse é próprio para Navegador. É muito útil ter uma boa ferramenta com essa finalidade instalada no Navegador, é sempre muito recomendado tirar capturas de tela sempre que você for fazer compras em sites, quando for registrar-se em algo de importância pessoal, dessa forma, você sempre terá como comprovar o que você realmente fez, caso isso venha a ser questionado no futuro! O Fireshot é simplesmente FANTÁSTICO, o programa salva até em formato .pdf! Além dos formatos tradicionais de imagem! Recomendo com louvor essa extensão para Firefox. (Também tem para &lt;a href=&quot;https://chrome.google.com/webstore/detail/capture-webpage-screensho/mcbpblocgmgfnpjjppndjkmgjaogfceg&quot; target=&quot;_blank&quot;&gt;Google Chrome&lt;/a&gt; e Internet Explorer, &lt;a href=&quot;http://getfireshot.com/&quot; target=&quot;_blank&quot; title=&quot;Clique para acessar o site!&quot;&gt;veja no próprio site do desenvolvedor&lt;/a&gt;).&lt;br /&gt;
&lt;br /&gt;
&lt;center&gt;Instalar Fireshot&lt;br /&gt;
&lt;style type=&quot;text/css&quot;&gt;
#Fireshot {
  font-family: Arial, Trebuchet MS;
  font-size: 15px;
  margin-top: -15px;
  width: 252px;
}
#Fireshot a {
  display: block;
  background: url(http://i.imgur.com/1KXrKr2.png) no-repeat 0px 0px #FFFFFF;
  font-weight: bold;
  color: #6AA30F;
  line-height: 47px;
  text-align: left;
  text-shadow: 0 1px 1px #ffffff;
  text-decoration: none;
  padding: 0 0 0 58px;
}
#Fireshot a:hover {
  background: url(http://i.imgur.com/1KXrKr2.png) no-repeat 0px -47px #FFFFFF;
  color: #629610;
}
#Fireshot a:focus {
  background: url(http://i.imgur.com/1KXrKr2.png) no-repeat 0px -94px #FFFFFF;
  color: #666666;
&lt;/style&gt;&lt;br /&gt;
&lt;div id=&quot;Fireshot&quot;&gt;&lt;a href=&quot;http://adf.ly/511117/fireshot&quot; target=&quot;_blank&quot; title=&quot;Clique para acessar o site!&quot;&gt;CLIQUE PARA ACESSAR!&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;/center&gt;&lt;table cellspacing=&quot;0&quot; style=&quot;border: solid 0px #e6e6e6; box-shadow: 1px 1px 3px #d8d8d8; font-family: Arial; font-size: 13px; line-height: 1.6em; text-align: left; width: 100%;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; rowspan=&quot;1&quot; style=&quot;background: #777777; padding: 4px 10px; text-align: center;&quot;&gt;&lt;span style=&quot;color: white;&quot;&gt;&lt;b&gt;DETALHES TÉCNICOS DO PROGRAMA&lt;/b&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;background: #ffffff; border-bottom: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px; width: 50%;&quot;&gt;Tamanho:&lt;/td&gt;&lt;td style=&quot;background: #ffffff; border-bottom: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;2,28 MB&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;background: #f6f6f6; border-bottom: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Sistema Operacional:&lt;/td&gt;&lt;td style=&quot;background: #f6f6f6; border-bottom: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Windows XP / Vista / 7 / 8&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;background: #ffffff; border-bottom: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Categoria:&lt;/td&gt;&lt;td style=&quot;background: #ffffff; border-bottom: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Ferramentas de Imagem&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;background: #f6f6f6; border-bottom: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Licença:&lt;/td&gt;&lt;td style=&quot;background: #f6f6f6; border-bottom: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Grátis&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;background: #ffffff; border-bottom: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Site do desenvolvedor:&lt;/td&gt;&lt;td style=&quot;background: #ffffff; border-bottom: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;&lt;a href=&quot;http://getfireshot.com/&quot; target=&quot;_blank&quot; title=&quot;Clique para acessar...&quot;&gt;getfireshot.com&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
Espero que tenham gostado dessa dica! Gostou? Compartilhe! Um abraço e até a próxima!&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjssirxuXV-GR4zp-Fm58EUCw-laIrdIiYysNGlYQJ9t-BFD71p25dd7JQcJT3RIJgNUQoFIYhR_t-CWhq6mEt4rxYRaDeZFq0w_nYvjuDDXcgTlfWSe_edhZCidy0GHHJ5_0Sb5mYTxNo/s1600/feed.png) 5px 50% no-repeat #E6F5FD; border: solid 1px #85DAFF; font-size: 13px; margin-bottom: 5px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: #444444;&quot;&gt;Para receber postagens no seu E-mail, assine nossa Newsletter! → &lt;a href=&quot;http://goo.gl/T9saMO&quot; target=&quot;_blank&quot;&gt;Clique e assine agora!&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtTQVL1TGG8MUiSEFbitySihO1p0zumBUmOfaUBa7aPG7EHOWf-_EwkJ9fwgNQB-t1jc2Q_Gr4TJOOvBE0iKo2c6qkrOZUL268tPEQDG5e56L1lJStAzjTH4c9Z5L1LgJ2JHznMIEtJek/s1600/exclama%25C3%25A7%25C3%25A3o+amarela-16px.png) 5px 50% no-repeat #FFFFE0; border: solid 1px #FFD691; font-size: 13px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: tomato;&quot;&gt;Informar link quebrado eu erro nesta postagem!&lt;/span&gt; → &lt;a href=&quot;mailto:dicasdoartony@gmail.com&quot; target=&quot;_blank&quot;&gt;dicasdoartony@gmail.com&lt;/a&gt;&lt;/div&gt;</description><link>http://dicasdoartony.blogspot.com/2014/02/os-melhores-capturadores-de-tela-para.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1X9EGrmKhMo8xfdvlF9lW6G68by1_aS0WOLM4Es7qsWDgfx6DJ0kMdgsGY5y6Ol6mT99CMFpPxB2WDwpq_qZD-3SpwA1m5eGzEogKsRaKCvmNc30oeYEioRmu5HwHXKdLrkb7Qz955eo/s72-c-no/14+screenshot.png" height="72" width="72"/></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2102358606823850225.post-5683018475760834005</guid><pubDate>Sat, 15 Feb 2014 05:29:00 +0000</pubDate><atom:updated>2014-02-21T01:28:43.680-03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">CSS - HTML - Scripts e etc.</category><category domain="http://www.blogger.com/atom/ns#">Personalização</category><category domain="http://www.blogger.com/atom/ns#">Tutoriais</category><title>Como criar um botão para ocultar e mostrar</title><description>&lt;center&gt;&lt;img alt=&quot;Como criar um botão para ocultar e mostrar&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4ySRYhCJj4rA4lj-UsnvV5KancPLFJGOoLGQ5aNFv5wQI9xWvNygBf-EIoRezPSDrvr9eFUsfD0j9oHOCuUTa3lOHuHsfMM7Nc1b7Vn7g_Hq032Sy90DrtET85wj82hWMbljYoTVpLnM/s1600/14+ocultar+mostrar.png&quot; style=&quot;border: solid 1px #E6E6E6;&quot; title=&quot;Como criar um botão para ocultar e mostrar&quot; /&gt;&lt;/center&gt;&lt;br /&gt;
Olá Prezados leitores do Blog Dicas do Artony!&lt;br /&gt;
&lt;br /&gt;
Nessa postagem vou mostrar como criar um botão que permite ocultar e mostrar qualquer tipo de conteúdo! Esse botão pode ser muito útil para esconder informações adicionais em uma postagem, imagens de um tutorial em uma postagem, etc. Use-o ao seu gosto! (Créditos do código base para o Blog: &lt;a href=&quot;http://blogger-passo-a-passo.blogspot.com.br/2010/01/como-ocultar-e-mostrar-o-conteudo-de.html&quot; target=&quot;_blank&quot;&gt;Blogger Passo a Passo&lt;/a&gt;).&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiei4MUDvkHU8yAfqRQCKz0DGA76s8qiGJnPE8jOCSEd6UCd05EvntwAluUMXj3TWj3CpKSAkgnGFYUKnt2OilD5Nw3jSd65Tn9j7w5p4tY4qD9gH_3iqYxuuACBjC62ez6Yi7Ond_pTw/s1600/exclama%25C3%25A7%25C3%25A3o+vermelha-32px.png) 8px 50% no-repeat #FFF2F2; border: solid 1px #FFC4C4; line-height: 130%; padding: 10px 10px 10px 50px;&quot;&gt;O código deverá ser inserido em modo &lt;span style=&quot;background: #F6F6F6; border-radius: 3px; border: solid 1px #CCCCCC; font-family: Arial; font-size: 12px; font-weight: bold; padding: 3px 10px 3px 10px;&quot;&gt;HTML&lt;/span&gt; no editor do Blogger e após inserir o mesmo, você NÃO pode clicar no modo &lt;span style=&quot;background: #F6F6F6; border-radius: 3px; border: solid 1px #CCCCCC; font-family: Arial; font-size: 12px; font-weight: bold; padding: 3px 10px 3px 10px;&quot;&gt;Escrever&lt;/span&gt;. Por motivo que desconheço, o modo &lt;span style=&quot;background: #F6F6F6; border-radius: 3px; border: solid 1px #CCCCCC; font-family: Arial; font-size: 12px; font-weight: bold; padding: 3px 10px 3px 10px;&quot;&gt;Escrever&lt;/span&gt; quebra o código e ele não funciona!&lt;br /&gt;
&lt;br /&gt;
Outro detalhe muito importante, é que o código NÃO pode sofrer quase nenhuma alteração, como uma quebra de linha por exemplo! O que pode e deve ser alterado, são os valores dentro das propriedades CSS &quot;Style&quot;, de acordo com o seu gosto.&lt;br /&gt;
&lt;br /&gt;
Esses botões não se alinham lado a lado. É possível centralizá-los colocando-os dentro da tag: &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;center&amp;gt;&amp;lt;/center&amp;gt;&lt;/span&gt;.&lt;/div&gt;&lt;br /&gt;
Dados os avisos importantes, aqui está o código base do botão ocultar e mostrar e em seguida, a reprodução do código.&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5abJHIGj4BGAd2JaAtfLoxkWJBc953k4M3vagSKLylAP5z-aFPHiwRuCKCPguOhWgIaHSPHcVo3_6H2LhDp_T3YxhM0MxJBEMofOuW4NWIElJ8EkQ7dU-tMPAJz0t7VZjo0CyiR2wIoo/s1600/css.png) no-repeat 482px 5px #F9F9F9; border: solid 3px orange; font-size: 13px; line-height: 120%; margin: 5px 0 5px 0; padding: 10px; text-align: left;&quot;&gt;&lt;span style=&quot;color: brown;&quot;&gt;Botão ocultar e mostrar (Código base)&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: brown;&quot;&gt;&lt;/span&gt;&amp;lt;div class=&quot;divspoiler&quot;&amp;gt;&lt;br /&gt;
&amp;lt;input type=&quot;button&quot; value=&quot;&lt;span style=&quot;color: magenta;&quot;&gt;Mostrar&lt;/span&gt;&quot; onclick=&quot;if (this.parentNode.nextSibling.childNodes[0].style.display != &#39;&#39;) { this.parentNode.nextSibling.childNodes[0].style.display = &#39;&#39;; this.value = &#39;&lt;span style=&quot;color: magenta;&quot;&gt;Ocultar&lt;/span&gt;&#39;; } else { this.parentNode.nextSibling.childNodes[0].style.display = &#39;none&#39;; this.value = &#39;&lt;span style=&quot;color: magenta;&quot;&gt;Mostrar&lt;/span&gt;&#39;; }&quot; /&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;div class=&quot;spoiler&quot; style=&quot;display: none;&quot;&amp;gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;Aqui fica o conteúdo ocultado pelo botão, que será mostrado quando o mesmo for clicado.&lt;/span&gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;/div&gt;&lt;center&gt;&lt;div class=&quot;divspoiler&quot;&gt;&lt;input type=&quot;button&quot; value=&quot;Mostrar&quot; onclick=&quot;if (this.parentNode.nextSibling.childNodes[0].style.display != &#39;&#39;) { this.parentNode.nextSibling.childNodes[0].style.display = &#39;&#39;; this.value = &#39;Ocultar&#39;; } else { this.parentNode.nextSibling.childNodes[0].style.display = &#39;none&#39;; this.value = &#39;Mostrar&#39;; }&quot; /&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;div class=&quot;spoiler&quot; style=&quot;font-size: 13px; display: none;&quot;&gt;Aqui fica o conteúdo ocultado pelo botão, que será mostrado quando o mesmo for clicado.&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/center&gt;&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;Observe na segunda linha do código acima, a palavra &quot;&lt;span style=&quot;color: magenta;&quot;&gt;Mostrar&lt;/span&gt;&quot; (1), essa palavra entre as aspas pode ser alterada e será exibida no botão em estado de espera.&lt;/li&gt;
&lt;li&gt;Na terceira linha do código acima, a palavra &quot;&lt;span style=&quot;color: magenta;&quot;&gt;Ocultar&lt;/span&gt;&quot; também pode ser alterada e será exibida quando o botão for clicado.&lt;/li&gt;
&lt;li&gt;Na quarta linha do código acima, a palavra &quot;&lt;span style=&quot;color: magenta;&quot;&gt;Mostar&lt;/span&gt;&quot; (2) também pode ser alterada e será exibida quando o botão for clicado e ocultado (Seria o equivalente a &quot;Mostrar de novo&quot;).&lt;/li&gt;
&lt;li&gt;Onde está o texto &lt;span style=&quot;color: blue;&quot;&gt;azul&lt;/span&gt; acima, é onde será escrito o texto ou colocado o conteúdo que será ocultado pelo botão.&lt;/li&gt;
&lt;/ol&gt;&lt;br /&gt;
O botão acima, convenhamos, é muito simples e pouco atraente visualmente falando. Usando um pouco de CSS (Style) podemos deixá-lo mais bonito! O resultado você pode ver no código abaixo e em seguida na reprodução do código customizado! Toda parte na cor verde nos códigos abaixo, são valores de propriedades CSS que foram adicionadas na customização!&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5abJHIGj4BGAd2JaAtfLoxkWJBc953k4M3vagSKLylAP5z-aFPHiwRuCKCPguOhWgIaHSPHcVo3_6H2LhDp_T3YxhM0MxJBEMofOuW4NWIElJ8EkQ7dU-tMPAJz0t7VZjo0CyiR2wIoo/s1600/css.png) no-repeat 482px 5px #F9F9F9; border: solid 3px orange; font-size: 13px; line-height: 120%; margin: 5px 0 5px 0; padding: 10px; text-align: left;&quot;&gt;&lt;span style=&quot;color: brown;&quot;&gt;Botão ocultar e mostrar (Código customizado 1).&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&quot;divspoiler&quot;&amp;gt;&lt;br /&gt;
&amp;lt;input type=&quot;button&quot; value=&quot;↓ Mostrar Conteúdo!&quot; &lt;span style=&quot;color: green;&quot;&gt;style=&quot;box-shadow: 0px 2px 2px #555; font-size: 18px; cursor: pointer; font-family: Calibri; color: #FFFFFF; border: none; border-radius: 5px; font-weight: normal; line-height: 18px; background: url(http://i.imgur.com/2s2oeK1.png) repeat-x #CCCCCC; width: 190px; height: 35px&quot; title=&quot;Clique para mostrar / ocultar!&quot;&lt;/span&gt; onclick=&quot;if (this.parentNode.nextSibling.childNodes[0].style.display != &#39;&#39;) { this.parentNode.nextSibling.childNodes[0].style.display = &#39;&#39;; this.value = &#39;↑ Ocultar Conteúdo!&#39;; } else { this.parentNode.nextSibling.childNodes[0].style.display = &#39;none&#39;; this.value = &#39;↓ Mostrar Novamente!&#39;; }&quot; /&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;div class=&quot;spoiler&quot; &lt;span style=&quot;color: green;&quot;&gt;style=&quot;margin-top: 5px; border: solid 1px #6B89C4; background: #DBE6F9; padding: 5px 10px; font-size: 13px;&lt;/span&gt; display: none;&quot;&amp;gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;Aqui fica o conteúdo ocultado pelo botão, que será mostrado quando o mesmo for clicado.&lt;/span&gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div class=&quot;divspoiler&quot;&gt;&lt;input type=&quot;button&quot; value=&quot;↓ Mostrar Conteúdo!&quot; style=&quot;box-shadow: 0px 2px 2px #555; font-size: 18px; cursor: pointer; font-family: Calibri; color: #FFFFFF; border: none; border-radius: 5px; font-weight: normal; line-height: 18px; background: url(http://i.imgur.com/2s2oeK1.png) repeat-x #CCCCCC; width: 200px; height: 35px&quot; title=&quot;Clique para mostrar / ocultar!&quot; onclick=&quot;if (this.parentNode.nextSibling.childNodes[0].style.display != &#39;&#39;) { this.parentNode.nextSibling.childNodes[0].style.display = &#39;&#39;; this.value = &#39;↑ Ocultar Conteúdo!&#39;; } else { this.parentNode.nextSibling.childNodes[0].style.display = &#39;none&#39;; this.value = &#39;↓ Mostrar Novamente!&#39;; }&quot; /&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;div class=&quot;spoiler&quot; style=&quot;margin-top: 5px; border: solid 1px #6B89C4; background: #DBE6F9; padding: 5px 10px; font-size: 13px; display: none;&quot;&gt;Aqui fica o conteúdo ocultado pelo botão, que será mostrado quando o mesmo for clicado.&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5abJHIGj4BGAd2JaAtfLoxkWJBc953k4M3vagSKLylAP5z-aFPHiwRuCKCPguOhWgIaHSPHcVo3_6H2LhDp_T3YxhM0MxJBEMofOuW4NWIElJ8EkQ7dU-tMPAJz0t7VZjo0CyiR2wIoo/s1600/css.png) no-repeat 482px 5px #F9F9F9; border: solid 3px orange; font-size: 13px; line-height: 120%; margin: 5px 0 5px 0; padding: 10px; text-align: left;&quot;&gt;&lt;span style=&quot;color: brown;&quot;&gt;Botão ocultar e mostrar (Código customizado 2. Clique no botão para ver ou copiar o código!).&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;divspoiler&quot;&gt;&lt;input type=&quot;button&quot; value=&quot;↓ Mostrar Conteúdo!&quot; style=&quot;box-shadow: 0px 2px 2px #777; font-size: 18px; cursor: pointer; font-family: Calibri; color: #FFFFFF; border: none; border-radius: 5px; font-weight: normal; line-height: 18px; background: url(http://i.imgur.com/2s2oeK1.png) 0 -35px repeat-x #CCCCCC; width: 200px; height: 35px&quot; title=&quot;Clique para mostrar / ocultar!&quot; onclick=&quot;if (this.parentNode.nextSibling.childNodes[0].style.display != &#39;&#39;) { this.parentNode.nextSibling.childNodes[0].style.display = &#39;&#39;; this.value = &#39;↑ Ocultar Conteúdo!&#39;; } else { this.parentNode.nextSibling.childNodes[0].style.display = &#39;none&#39;; this.value = &#39;↓ Mostrar Novamente!&#39;; }&quot; /&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;div class=&quot;spoiler&quot; style=&quot;margin-top: 5px; border: solid 1px #DDA0DD; background: #FCD4FC; padding: 5px 10px; font-size: 13px; display: none;&quot;&gt;&amp;lt;div class=&quot;divspoiler&quot;&amp;gt;&lt;br /&gt;
&amp;lt;input type=&quot;button&quot; value=&quot;↓ Mostrar Conteúdo!&quot; &lt;span style=&quot;color: green;&quot;&gt;style=&quot;box-shadow: 0px 2px 2px #777; font-size: 18px; cursor: pointer; font-family: Calibri; color: #FFFFFF; border: none; border-radius: 5px; font-weight: normal; line-height: 18px; background: url(http://i.imgur.com/2s2oeK1.png) 0 -35px repeat-x #CCCCCC; width: 200px; height: 35px&quot; title=&quot;Clique para mostrar / ocultar!&quot;&lt;/span&gt; onclick=&quot;if (this.parentNode.nextSibling.childNodes[0].style.display != &#39;&#39;) { this.parentNode.nextSibling.childNodes[0].style.display = &#39;&#39;; this.value = &#39;↑ Ocultar Conteúdo!&#39;; } else { this.parentNode.nextSibling.childNodes[0].style.display = &#39;none&#39;; this.value = &#39;↓ Mostrar Novamente!&#39;; }&quot; /&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;div class=&quot;spoiler&quot; &lt;span style=&quot;color: green;&quot;&gt;style=&quot;margin-top: 5px; border: solid 1px #DDA0DD; background: #FCD4FC; padding: 5px 10px; font-size: 13px;&lt;/span&gt; display: none;&quot;&amp;gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;Aqui fica o conteúdo ocultado pelo botão, que será mostrado quando o mesmo for clicado.&lt;/span&gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5abJHIGj4BGAd2JaAtfLoxkWJBc953k4M3vagSKLylAP5z-aFPHiwRuCKCPguOhWgIaHSPHcVo3_6H2LhDp_T3YxhM0MxJBEMofOuW4NWIElJ8EkQ7dU-tMPAJz0t7VZjo0CyiR2wIoo/s1600/css.png) no-repeat 482px 5px #F9F9F9; border: solid 3px orange; font-size: 13px; line-height: 120%; margin: 5px 0 5px 0; padding: 10px; text-align: left;&quot;&gt;&lt;span style=&quot;color: brown;&quot;&gt;Botão ocultar e mostrar (Código customizado 3. Clique no botão para ver ou copiar o código!).&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;divspoiler&quot;&gt;&lt;input type=&quot;button&quot; value=&quot;↓ Mostrar Conteúdo!&quot; style=&quot;box-shadow: 0px 2px 2px #777; font-size: 18px; cursor: pointer; font-family: Calibri; color: #FFFFFF; border: none; border-radius: 5px; font-weight: normal; line-height: 18px; background: url(http://i.imgur.com/2s2oeK1.png) 0 -70px repeat-x #CCCCCC; width: 200px; height: 35px&quot; title=&quot;Clique para mostrar / ocultar!&quot; onclick=&quot;if (this.parentNode.nextSibling.childNodes[0].style.display != &#39;&#39;) { this.parentNode.nextSibling.childNodes[0].style.display = &#39;&#39;; this.value = &#39;↑ Ocultar Conteúdo!&#39;; } else { this.parentNode.nextSibling.childNodes[0].style.display = &#39;none&#39;; this.value = &#39;↓ Mostrar Novamente!&#39;; }&quot; /&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;div class=&quot;spoiler&quot; style=&quot;margin-top: 5px; border: solid 1px #86BD78; background: #D9EFD2; padding: 5px 10px; font-size: 13px; display: none;&quot;&gt;&amp;lt;div class=&quot;divspoiler&quot;&amp;gt;&lt;br /&gt;
&amp;lt;input type=&quot;button&quot; value=&quot;↓ Mostrar Conteúdo!&quot; &lt;span style=&quot;color: green;&quot;&gt;style=&quot;box-shadow: 0px 2px 2px #777; font-size: 18px; cursor: pointer; font-family: Calibri; color: #FFFFFF; border: none; border-radius: 5px; font-weight: normal; line-height: 18px; background: url(http://i.imgur.com/2s2oeK1.png) 0 -70px repeat-x #CCCCCC; width: 200px; height: 35px&quot; title=&quot;Clique para mostrar / ocultar!&quot;&lt;/span&gt; onclick=&quot;if (this.parentNode.nextSibling.childNodes[0].style.display != &#39;&#39;) { this.parentNode.nextSibling.childNodes[0].style.display = &#39;&#39;; this.value = &#39;↑ Ocultar Conteúdo!&#39;; } else { this.parentNode.nextSibling.childNodes[0].style.display = &#39;none&#39;; this.value = &#39;↓ Mostrar Novamente!&#39;; }&quot; /&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;div class=&quot;spoiler&quot; &lt;span style=&quot;color: green;&quot;&gt;style=&quot;margin-top: 5px; border: solid 1px #86BD78; background: #D9EFD2; padding: 5px 10px; font-size: 13px;&lt;/span&gt; display: none;&quot;&amp;gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;Aqui fica o conteúdo ocultado pelo botão, que será mostrado quando o mesmo for clicado.&lt;/span&gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5abJHIGj4BGAd2JaAtfLoxkWJBc953k4M3vagSKLylAP5z-aFPHiwRuCKCPguOhWgIaHSPHcVo3_6H2LhDp_T3YxhM0MxJBEMofOuW4NWIElJ8EkQ7dU-tMPAJz0t7VZjo0CyiR2wIoo/s1600/css.png) no-repeat 482px 5px #F9F9F9; border: solid 3px orange; font-size: 13px; line-height: 120%; margin: 5px 0 5px 0; padding: 10px; text-align: left;&quot;&gt;&lt;span style=&quot;color: brown;&quot;&gt;Botão ocultar e mostrar (Código customizado 4. Clique no botão para ver ou copiar o código!).&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;divspoiler&quot;&gt;&lt;input type=&quot;button&quot; value=&quot;↓ Mostrar Conteúdo!&quot; style=&quot;box-shadow: 0px 2px 2px #777; font-size: 18px; cursor: pointer; font-family: Calibri; color: #FFFFFF; border: none; border-radius: 5px; font-weight: normal; line-height: 18px; background: url(http://i.imgur.com/2s2oeK1.png) 0 -105px repeat-x #CCCCCC; width: 200px; height: 35px&quot; title=&quot;Clique para mostrar / ocultar!&quot; onclick=&quot;if (this.parentNode.nextSibling.childNodes[0].style.display != &#39;&#39;) { this.parentNode.nextSibling.childNodes[0].style.display = &#39;&#39;; this.value = &#39;↑ Ocultar Conteúdo!&#39;; } else { this.parentNode.nextSibling.childNodes[0].style.display = &#39;none&#39;; this.value = &#39;↓ Mostrar Novamente!&#39;; }&quot; /&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;div class=&quot;spoiler&quot; style=&quot;margin-top: 5px; border: solid 1px #EB6B93; background: #FCDEE7; padding: 5px 10px; font-size: 13px; display: none;&quot;&gt;&amp;lt;div class=&quot;divspoiler&quot;&amp;gt;&lt;br /&gt;
&amp;lt;input type=&quot;button&quot; value=&quot;↓ Mostrar Conteúdo!&quot; &lt;span style=&quot;color: green;&quot;&gt;style=&quot;box-shadow: 0px 2px 2px #777; font-size: 18px; cursor: pointer; font-family: Calibri; color: #FFFFFF; border: none; border-radius: 5px; font-weight: normal; line-height: 18px; background: url(http://i.imgur.com/2s2oeK1.png) 0 -105px repeat-x #CCCCCC; width: 200px; height: 35px&quot; title=&quot;Clique para mostrar / ocultar!&quot;&lt;/span&gt; onclick=&quot;if (this.parentNode.nextSibling.childNodes[0].style.display != &#39;&#39;) { this.parentNode.nextSibling.childNodes[0].style.display = &#39;&#39;; this.value = &#39;↑ Ocultar Conteúdo!&#39;; } else { this.parentNode.nextSibling.childNodes[0].style.display = &#39;none&#39;; this.value = &#39;↓ Mostrar Novamente!&#39;; }&quot; /&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;div class=&quot;spoiler&quot; &lt;span style=&quot;color: green;&quot;&gt;style=&quot;margin-top: 5px; border: solid 1px #EB6B93; background: #FCDEE7; padding: 5px 10px; font-size: 13px;&lt;/span&gt; display: none;&quot;&amp;gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;Aqui fica o conteúdo ocultado pelo botão, que será mostrado quando o mesmo for clicado.&lt;/span&gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
No link a seguir, você encontrará uma tabela de cores com códigos HTML, para fazer as alterações de cores que você quiser! → &lt;a href=&quot;http://adf.ly/511117/tabela-de-cores&quot; target=&quot;_blank&quot;&gt;Clique aqui&lt;/a&gt;! O restante fica por conta da imaginação de cada um!&lt;br /&gt;
&lt;br /&gt;
Espero que tenham gostado dessa dica! Gostou? Compartilhe! Um abraço e até a próxima!&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjssirxuXV-GR4zp-Fm58EUCw-laIrdIiYysNGlYQJ9t-BFD71p25dd7JQcJT3RIJgNUQoFIYhR_t-CWhq6mEt4rxYRaDeZFq0w_nYvjuDDXcgTlfWSe_edhZCidy0GHHJ5_0Sb5mYTxNo/s1600/feed.png) 5px 50% no-repeat #E6F5FD; border: solid 1px #85DAFF; font-size: 13px; margin-bottom: 5px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: #444444;&quot;&gt;Para receber postagens no seu E-mail, assine nossa Newsletter! → &lt;a href=&quot;http://goo.gl/T9saMO&quot; target=&quot;_blank&quot;&gt;Clique e assine agora!&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtTQVL1TGG8MUiSEFbitySihO1p0zumBUmOfaUBa7aPG7EHOWf-_EwkJ9fwgNQB-t1jc2Q_Gr4TJOOvBE0iKo2c6qkrOZUL268tPEQDG5e56L1lJStAzjTH4c9Z5L1LgJ2JHznMIEtJek/s1600/exclama%25C3%25A7%25C3%25A3o+amarela-16px.png) 5px 50% no-repeat #FFFFE0; border: solid 1px #FFD691; font-size: 13px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: tomato;&quot;&gt;Informar link quebrado eu erro nesta postagem!&lt;/span&gt; → &lt;a href=&quot;mailto:dicasdoartony@gmail.com&quot; target=&quot;_blank&quot;&gt;dicasdoartony@gmail.com&lt;/a&gt;&lt;/div&gt;</description><link>http://dicasdoartony.blogspot.com/2014/02/como-criar-um-botao-para-ocultar-e.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4ySRYhCJj4rA4lj-UsnvV5KancPLFJGOoLGQ5aNFv5wQI9xWvNygBf-EIoRezPSDrvr9eFUsfD0j9oHOCuUTa3lOHuHsfMM7Nc1b7Vn7g_Hq032Sy90DrtET85wj82hWMbljYoTVpLnM/s72-c/14+ocultar+mostrar.png" height="72" width="72"/></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2102358606823850225.post-2315044160966281028</guid><pubDate>Tue, 11 Feb 2014 01:26:00 +0000</pubDate><atom:updated>2014-02-21T00:24:38.953-03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Android</category><category domain="http://www.blogger.com/atom/ns#">Tutoriais</category><title>Como desativar aplicativos de fábrica no Android</title><description>&lt;center&gt;&lt;img alt=&quot;Como desativar apps (Aplicativos) de fábrica que você não usa no Android&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG5yh2CIc-N_H5BZlwTmzdkSDsZtmFydT_IFf8gPWuGmQa8xmLX6Kx0mvf728-NsH7ccaBEBmFJcIcR_94dTXtEklmqriFqtzkbN70LcVREqX4QXnvr4kn4hVtaw_g-kI3VQSmCSM4FoI/s200-no/13+android.png&quot; title=&quot;Como desativar apps (Aplicativos) de fábrica que você não usa no Android&quot; style=&quot;border: solid 1px #E6E6E6&quot;/&gt;&lt;/center&gt;&lt;br /&gt;
Olá Prezados leitores do Blog Dicas do Artony!&lt;br /&gt;
&lt;br /&gt;
Algumas vezes que visitei o &lt;a href=&quot;https://play.google.com/store&quot; target=&quot;_blank&quot;&gt;Google Play&lt;/a&gt;, vi algumas pessoas &quot;insatisfeitas&quot; (Para dizer o mínimo!) com certos aplicativos de fábrica dos aparelhos, outros aplicativos que não rodam corretamente, ou sequer abrem em determinados modelos de aparelhos, e dessa forma, só estavam ocupando espaço nos seus smartphones. Nessa postagem, mostrarei que é possível desativar aplicativos nativos (De fábrica) de maneira muito fácil! Porém, fica explícito meu alerta, abaixo:&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiei4MUDvkHU8yAfqRQCKz0DGA76s8qiGJnPE8jOCSEd6UCd05EvntwAluUMXj3TWj3CpKSAkgnGFYUKnt2OilD5Nw3jSd65Tn9j7w5p4tY4qD9gH_3iqYxuuACBjC62ez6Yi7Ond_pTw/s32-no/exclama%25C3%25A7%25C3%25A3o+vermelha-32px.png) 8px 50% no-repeat #FFF2F2; border: solid 1px #FFC4C4; line-height: 110%; padding: 10px 10px 10px 50px;&quot;&gt;Apenas faça esse procedimento, se realmente estiver seguro do que está fazendo! Para desativar o aplicativo nativo, é necessário, antes, desinstalar todas as atualizações do mesmo. Veja como fazer isso → &lt;a href=&quot;http://dicasdoartony.blogspot.com/2014/01/como-restaurar-configuracao-de-fabrica.html&quot; target=&quot;_blank&quot;&gt;AQUI&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: brown;&quot;&gt;1. Eu não serei responsável por qualquer dano causado pelo procedimento incorreto desse tutorial. Caso decida fazê-lo, será por sua conta e risco!&lt;br /&gt;
&lt;br /&gt;
2. Nunca desative aplicativos que você não saiba qual a função dele para outros aplicativos e tarefas essenciais para o funcionamento do Android!&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtiH9Qh1Wr7FP30vIKrutUpXoMqpej5m1tHWHrB_l7U2Kdx92ovow38uGn5nHFA5jJyaS2Eb-C4bleKUZ__FwU6IJ0fNFPqBEt1-__-wEvjGd8L6UyTFNB3HEkdWL-yOv-m4L8bo9SlKs/s32-no/Informa%25C3%25A7%25C3%25A3o-32px.png) 8px 50% no-repeat #E6F5FD; border: solid 1px #85DAFF; padding: 10px 10px 10px 50px;&quot;&gt;&lt;ol&gt;&lt;li&gt;Antes de seguirmos para o passo-a-passo, quero mostrar alguns comentários vistos na loja do Google Play.&lt;/li&gt;
&lt;li&gt;Os comentários a seguir, são de total responsabilidade de seus autores e não representam a opinião do autor desse blog. O nome do aplicativo comentado não será divulgado, por não ter autorização expressa do fabricante para tal!&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;br /&gt;
&lt;center&gt;&lt;img alt=&quot;Comentário 1 no Google Play&quot; src=&quot;http://i.imgur.com/peBe8TR.png&quot; style=&quot;border-bottom: solid 1px #d8d8d8; border-right: solid 1px #d8d8d8;&quot; title=&quot;Comentário 1 no Google Play&quot; /&gt; &lt;img alt=&quot;Comentário 2 no Google Play&quot; src=&quot;http://i.imgur.com/SnqQbBu.png&quot; style=&quot;border-bottom: solid 1px #d8d8d8; border-right: solid 1px #d8d8d8;&quot; title=&quot;Comentário 2 no Google Play&quot; /&gt;&lt;br /&gt;
&lt;img alt=&quot;Comentário 3 no Google Play&quot; src=&quot;http://i.imgur.com/yrt5Sac.png&quot; style=&quot;border-bottom: solid 1px #d8d8d8; border-right: solid 1px #d8d8d8;&quot; title=&quot;Comentário 3 no Google Play&quot; /&gt; &lt;img alt=&quot;Comentário 4 no Google Play&quot; src=&quot;http://i.imgur.com/LSl2nVm.png&quot; style=&quot;border-bottom: solid 1px #d8d8d8; border-right: solid 1px #d8d8d8;&quot; title=&quot;Comentário 4 no Google Play&quot; /&gt;&lt;br /&gt;
&lt;img alt=&quot;Comentário 5 no Google Play&quot; src=&quot;http://i.imgur.com/0kCjuRV.png&quot; style=&quot;border-bottom: solid 1px #d8d8d8; border-right: solid 1px #d8d8d8;&quot; title=&quot;Comentário 5 no Google Play&quot; /&gt; &lt;img alt=&quot;Comentário 6 no Google Play&quot; src=&quot;http://i.imgur.com/AF81rPL.png&quot; style=&quot;border-bottom: solid 1px #d8d8d8; border-right: solid 1px #d8d8d8;&quot; title=&quot;Comentário 6 no Google Play&quot; /&gt;&lt;/center&gt;&lt;br /&gt;
Se essas pessoas soubessem o quanto é simples desativar um aplicativo, talvez, não estivessem tão nervosas como demonstraram estar nos comentários. O aplicativo que escolhi para fazer essa demonstração foi o &lt;a href=&quot;https://play.google.com/store/apps/details?id=com.google.android.apps.plus&quot; target=&quot;_blank&quot;&gt;Google+&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;Toque no ícone do &quot;&lt;span style=&quot;color: blue;&quot;&gt;Menu&lt;/span&gt;&quot;.&lt;/li&gt;
&lt;li&gt;Toque no ícone das &quot;&lt;span style=&quot;color: blue;&quot;&gt;Configurações&lt;/span&gt;&quot;.&lt;/li&gt;
&lt;li&gt;Toque em &quot;&lt;span style=&quot;color: blue;&quot;&gt;Aplicativos&lt;/span&gt;&quot;.&lt;/li&gt;
&lt;li&gt;Vá para a guia &quot;&lt;span style=&quot;color: blue;&quot;&gt;Todos&lt;/span&gt;&quot; e escolha qual aplicativo será desativado.&lt;/li&gt;
&lt;li&gt;Se o aplicativo tiver atualizações instaladas, toque em &quot;&lt;span style=&quot;color: blue;&quot;&gt;Desinstalar Atualizações&lt;/span&gt;&quot; e confirme.&lt;/li&gt;
&lt;li&gt;Agora com o aplicativo restaurado, toque no ícone dele novamente e em &quot;&lt;span style=&quot;color: blue;&quot;&gt;Desativar&lt;/span&gt;&quot;.&lt;/li&gt;
&lt;li&gt;Confirme o procedimento tocando em &quot;&lt;span style=&quot;color: blue;&quot;&gt;OK&lt;/span&gt;&quot;.&lt;/li&gt;
&lt;li&gt;O Aplicativo agora desativado, será mostrado apenas na guia &quot;&lt;span style=&quot;color: blue;&quot;&gt;Todos&lt;/span&gt;&quot; e no final da lista.&lt;/li&gt;
&lt;li&gt;Se resolver tornar o aplicativo ativo novamente, é só tocar no aplicativo desativado e em &quot;&lt;span style=&quot;color: blue;&quot;&gt;Ativar&lt;/span&gt;&quot;.&lt;/li&gt;
&lt;/ol&gt;&lt;br /&gt;
&lt;div class=&quot;divspoiler&quot;&gt;&lt;input type=&quot;button&quot; value=&quot;↓ Ver Conteúdo!&quot; style=&quot;font-family: Calibri; font-size: 19px; background: tomato; border: solid 2px orangered; cursor: pointer; color: #FFFFFF; padding: 6px 8px 6px 8px; width: 200px&quot; onclick=&quot;if (this.parentNode.nextSibling.childNodes[0].style.display != &#39;&#39;) { this.parentNode.nextSibling.childNodes[0].style.display = &#39;&#39;; this.value = &#39;↑ Ocultar Conteúdo!&#39;; } else { this.parentNode.nextSibling.childNodes[0].style.display = &#39;none&#39;; this.value = &#39;↓ Ver Novamente!&#39;; }&quot; /&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;div class=&quot;spoiler&quot; style=&quot;display: none;&quot;&gt;&lt;br /&gt;
&lt;center&gt;&lt;img alt=&quot;Como desativar apps de fábrica - img1&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjTtL4LsSVaUUD7Qx21_ver76g5UzoU98sq_aGJzR9uM9fHMCqQ7J-E3-kl_gfR1An9Sx6u0pG7Uju7UHPNPTDwUjJgVIs5dOcaEEHk48BBpK_mOMauTwAIa9wUThcTMdc0XhiFq-d9Jc/w310-h465-no/gsqveXG.png&quot; title=&quot;Como desativar apps de fábrica - img1&quot; /&gt; &lt;img alt=&quot;Como desativar apps de fábrica - img2&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhknd3feKb_2rH0Dbcoq-_6gdhPHNry5sCkKm_Y2kGhlsFI1fljNsACG-m0m9-2yLDLWLQt8pkkDQEkfJFZBA2r-mKlNsteq0J3WnCYvxOrR70yB3W32d6reRJsS8JwGdPbGZtXjQOa0to/w310-h465-no/qEF3Im6.png&quot; title=&quot;Como desativar apps de fábrica - img2&quot; /&gt;&lt;br /&gt;
&lt;img alt=&quot;Como desativar apps de fábrica - img3&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI4TU60fXJb2sI3qUJFJ2NY_P-UsG7JPBGEmKVGxbibICJPqyAsz2t16q3rVyM2mE_Y9hoxX7iNx1yjtsJH7oIJXcSt54g3l-TYhjDyv0UsR1Ec2hLp8UzRsc3zwh6gUzTUSTLhq5BFZI/w310-h465-no/Cxs9zs2.png&quot; title=&quot;Como desativar apps de fábrica - img3&quot; /&gt; &lt;img alt=&quot;Como desativar apps de fábrica - img4&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOWP5CwuP-lm9vvNiPVrMUThYyLKb3bXkSelMZwZfCerVKBMFEl_Myrf-AFFzIakEi5wpvfiJKoY4FIDJnwH8Iik4dH6o_cac4622Z1Fvl1KdhcqKrqTPl0EkMHtMMJJ24n0dxDx0_vnQ/w310-h465-no/4HJW0iz.png&quot; title=&quot;Como desativar apps de fábrica - img4&quot; /&gt;&lt;br /&gt;
&lt;img alt=&quot;Como desativar apps de fábrica - img5&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLR1aOJtNyHxfwP9ZfCnqnH7Ju6e-nC6BCJJNEdIOtcJvjBvx1nzT9mV2iYxQJRRvoP5paMWAiG7qpFdYTBbRUOYfDbpWVqVbjI__93s2fuvmExRlh0faWs6QfGO_QGxB-mFKR8uY7hUc/w310-h465-no/Amgjgwy.png&quot; title=&quot;Como desativar apps de fábrica - img5&quot; /&gt; &lt;img alt=&quot;Como desativar apps de fábrica - img6&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixdBfGVkGTb8ywC625dxaVEK7SHXnyj1Ih_RT1T5sb5RQLR7D2Ubc3J2ZPQ9RF7fllSOkBSyHo9WWtG7eusgbRcYUKl8PIojma-v3U3H5Ki9VMHtF5EFSxISwfkCgVzeKSxsjPyJJHkrg/w310-h465-no/g7MGUa2.png&quot; title=&quot;Como desativar apps de fábrica - img6&quot; /&gt;&lt;br /&gt;
&lt;img alt=&quot;Como desativar apps de fábrica - img7&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho6dKYVYpuBfBx13tHT8iF5XgcyANVQYM8Qv_zEZ24igpLYXBeZ9b1YWnlAaT8RihA5Ju9UjBbaCKTXGd18bvs0AJQfj3QJr9CIHonrLkRiDYYpgPAsw9Hd2L1yJa_pU2zbwONeBDsUvE/w310-h465-no/yuoFnpN.png&quot; title=&quot;Como desativar apps de fábrica - img7&quot; /&gt; &lt;img alt=&quot;Como desativar apps de fábrica - img8&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfsYtTAcpxC8OCZoNWo3zCnf5I299CX8InTNayEiLxdxpJ8hYfv-LG8RokU3GHxkpL2HiXo3VJuDm8deDBDkqdKbs21ROq6Oue7RcLIUC318hs2aHBH8HdCsHJI8jA4T8eSe5Sw0sJruY/w310-h465-no/T15RmdL.png&quot; title=&quot;Como desativar apps de fábrica - img8&quot; /&gt;&lt;br /&gt;
&lt;img alt=&quot;Como desativar apps de fábrica - img9&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMte03iJ_wj_hyphenhyphens2etJhqudag4jlh06wFqhl2i1hJGgRSg8Do2nrDrJITBleoEUslssPCeGLlfUsDyLq296uyC3q01ydE0KUzbfCQLL-zYyO1PETVbB2mRGv1xVc9QHtmWkoy93rESvKU/w310-h465-no/BWxvObw.png&quot; title=&quot;Como desativar apps de fábrica - img9&quot; /&gt; &lt;img alt=&quot;Como desativar apps de fábrica - img10&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN51PNfaygwxHdwjYX5J-8Z8CUw3b5Y0yShRoHHtXVUO8M56wYUtTJOr2XNRHXcwFM_DDALJWWhjvZAgNQaZmk6USaLEMrCq4BrQ5V3HAGJhZGyY4v2d5FA6va7PaYQvPlEtVu4UfX6UE/w310-h465-no/Ezo0SKy.png&quot; title=&quot;Como desativar apps de fábrica - img10&quot; /&gt;&lt;br /&gt;
&lt;/center&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
Espero que tenham gostado dessa dica! Gostou? Compartilhe! Um abraço e até a próxima!&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjssirxuXV-GR4zp-Fm58EUCw-laIrdIiYysNGlYQJ9t-BFD71p25dd7JQcJT3RIJgNUQoFIYhR_t-CWhq6mEt4rxYRaDeZFq0w_nYvjuDDXcgTlfWSe_edhZCidy0GHHJ5_0Sb5mYTxNo/s1600/feed.png) 5px 50% no-repeat #E6F5FD; border: solid 1px #85DAFF; font-size: 13px; margin-bottom: 5px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: #444444;&quot;&gt;Para receber postagens no seu E-mail, assine nossa Newsletter! → &lt;a href=&quot;http://goo.gl/T9saMO&quot; target=&quot;_blank&quot;&gt;Clique e assine agora!&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtTQVL1TGG8MUiSEFbitySihO1p0zumBUmOfaUBa7aPG7EHOWf-_EwkJ9fwgNQB-t1jc2Q_Gr4TJOOvBE0iKo2c6qkrOZUL268tPEQDG5e56L1lJStAzjTH4c9Z5L1LgJ2JHznMIEtJek/s1600/exclama%25C3%25A7%25C3%25A3o+amarela-16px.png) 5px 50% no-repeat #FFFFE0; border: solid 1px #FFD691; font-size: 13px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: tomato;&quot;&gt;Informar link quebrado eu erro nesta postagem!&lt;/span&gt; → &lt;a href=&quot;mailto:dicasdoartony@gmail.com&quot; target=&quot;_blank&quot;&gt;dicasdoartony@gmail.com&lt;/a&gt;&lt;/div&gt;</description><link>http://dicasdoartony.blogspot.com/2014/02/como-desativar-apps-aplicativos-de.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG5yh2CIc-N_H5BZlwTmzdkSDsZtmFydT_IFf8gPWuGmQa8xmLX6Kx0mvf728-NsH7ccaBEBmFJcIcR_94dTXtEklmqriFqtzkbN70LcVREqX4QXnvr4kn4hVtaw_g-kI3VQSmCSM4FoI/s72-c-no/13+android.png" height="72" width="72"/></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2102358606823850225.post-1802661951788308976</guid><pubDate>Sun, 09 Feb 2014 03:14:00 +0000</pubDate><atom:updated>2014-02-21T01:28:43.664-03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">CSS - HTML - Scripts e etc.</category><category domain="http://www.blogger.com/atom/ns#">Personalização</category><category domain="http://www.blogger.com/atom/ns#">Tutoriais</category><title>Como criar uma caixa DIV centralizada ao meio</title><description>&lt;center&gt;&lt;img alt=&quot;Como criar uma caixa (Box) DIV CSS com alinhamento centralizado ao meio&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFvEa-jPtSsfgA9K7AVLT_umYWai0DP4tL8iW8b1wPemCkw3jkl_eVlc1XiPcJWxvop9SZd6B0fpZMDSQ1dEpj-UjHtY7AxBNt6OIrfa5o64cjYXcwX_voIVmM7Od5ACnBzgRZcOo5JIE/s200-no/12+div+center+middle.png&quot; style=&quot;border: solid 1px #E6E6E6;&quot; title=&quot;Como criar uma caixa (Box) DIV CSS com alinhamento centralizado ao meio&quot; /&gt;&lt;/center&gt;&lt;br /&gt;
Olá Prezados leitores do Blog Dicas do Artony!&lt;br /&gt;
&lt;br /&gt;
Para os iniciantes, as propriedades CSS exigem muita paciência, perseverança e prática para alcançar o resultado desejado! Durante muito tempo, sempre quis descobrir como criar uma caixa (Box) DIV CSS, com alinhamento centralizado e ao meio. Para facilitar o entendimento, vou mostrar uma imagem com três elementos alinhados:&lt;br /&gt;
&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;centro e topo = center top&lt;/li&gt;
&lt;li&gt;centro e meio = center middle&lt;/li&gt;
&lt;li&gt;centro e inferior = center bottom&lt;/li&gt;
&lt;/ol&gt;&lt;br /&gt;
Os atributos base da categoria &quot;&lt;span style=&quot;color: blue;&quot;&gt;text-align&lt;/span&gt;&quot; são: &quot;left&quot; (Esquerda), &quot;&lt;span style=&quot;color: blue;&quot;&gt;center&lt;/span&gt;&quot; (Centro) e &quot;right&quot; (Direita).&lt;br /&gt;
Os atributos base da categoria &quot;&lt;span style=&quot;color: blue;&quot;&gt;vertical-align&lt;/span&gt;&quot; são: &quot;top&quot; (Topo), &quot;&lt;span style=&quot;color: blue;&quot;&gt;middle&lt;/span&gt;&quot;, (Meio) e &quot;bottom&quot; (Inferior).&lt;br /&gt;
&lt;br /&gt;
&lt;center&gt;&lt;img alt=&quot;Alinhamento de elementos&quot; src=&quot;http://i.imgur.com/OgxlOMM.png&quot; title=&quot;Alinhamento de elementos&quot; /&gt;&lt;/center&gt;&lt;br /&gt;
Para aplicar o alinhamento centralizado (Center) é simples, basta aplicar o atributo: &quot;&lt;span style=&quot;color: blue;&quot;&gt;text-align: center&lt;/span&gt;&quot; à caixa DIV, outra forma de alinhar ao centro, é criar a caixa DIV dentro da poderosa tag: &quot;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;center&amp;gt;&amp;lt;/center&amp;gt;&lt;/span&gt;&quot;, nesse segundo caso, até a DIV, será alinhada ao centro da página. Até agora simples e perfeito!&lt;br /&gt;
&lt;br /&gt;
&lt;center&gt;&lt;table&gt;&lt;tbody&gt;
&lt;tr&gt; &lt;td style=&quot;padding-right: 15px; width: 180px;&quot;&gt;&lt;div style=&quot;background: none repeat scroll 0% 0% rgb(238, 238, 238); border: 1px solid rgb(204, 204, 204); height: 175px; line-height: 100%; text-align: center; width: 175px;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;Texto centralizado pelo atributo: &quot;&lt;span style=&quot;color: blue;&quot;&gt;text-align: center&lt;/span&gt;&quot;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;width: 180px;&quot;&gt;&lt;div style=&quot;background: none repeat scroll 0% 0% rgb(238, 238, 238); border: 1px solid rgb(204, 204, 204); height: 175px; line-height: 100%; vertical-align: middle; width: 175px;&quot;&gt;&lt;center&gt;&lt;span style=&quot;font-size: small;&quot;&gt;Texto centralizado pela tag: &quot;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;center&amp;gt;&amp;lt;/center&amp;gt;&lt;/span&gt;&quot;&lt;/span&gt;&lt;/center&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;/tbody&gt; &lt;/table&gt;&lt;/center&gt;&lt;br /&gt;
O problema começa quando tentamos aplicar a propriedade: &quot;&lt;span style=&quot;color: blue;&quot;&gt;vertical-align: middle&lt;/span&gt;&quot;, que em teoria seria responsável por &quot;levar&quot; um texto, uma imagem ou ambos até o meio da caixa DIV, não funciona. O atributo &quot;&lt;span style=&quot;color: blue;&quot;&gt;text-align: center&lt;/span&gt;&quot; funciona corretamente, porém, o &quot;&lt;span style=&quot;color: blue;&quot;&gt;vertical-align: middle&lt;/span&gt;&quot; não coopera. Veja abaixo, o código usado na DIV que falhou em &quot;levar&quot; a imagem e o texto para o meio da caixa. &lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background: url(http://i.imgur.com/42HHYRM.png) no-repeat 482px 5px #F9F9F9; border: solid 3px orange; font-size: 13px; line-height: 120%; margin: 5px 0 5px 0; padding: 10px;&quot;&gt;&lt;span style=&quot;color: brown;&quot;&gt;DIV com alinhamento centralizado e ao meio (&lt;span style=&quot;color: red;&quot;&gt;Falha!&lt;/span&gt;)&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div style=&quot;background: #EEEEEE; border: solid 1px #CCCCCC; height: 175px; &lt;span style=&quot;color: blue;&quot;&gt;text-align: center&lt;/span&gt;; &lt;span style=&quot;color: blue;&quot;&gt;vertical-align: middle&lt;/span&gt;; width: 175px;&quot;&amp;gt;&lt;br /&gt;
&amp;lt;img src=&quot;http://i.imgur.com/Up6azM7.png&quot; /&amp;gt;&lt;br /&gt;
Imagem e texto alinhado pelo atributo: &quot;&amp;lt;span style=&quot;color: blue;&quot;&amp;gt;vertical-align: middle&amp;lt;/span&amp;gt;&quot; (&amp;lt;span style=&quot;color: red;&quot;&amp;gt;Falha&amp;lt;/span&amp;gt;)&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;&lt;br /&gt;
&lt;center&gt;&lt;table&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;width: 180px;&quot;&gt;&lt;div style=&quot;background: #EEEEEE; border: solid 1px #CCCCCC; height: 175px; line-height: 100%; text-align: center; vertical-align: middle; width: 175px;&quot;&gt;&lt;img src=&quot;http://i.imgur.com/Up6azM7.png&quot; /&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;Imagem e texto alinhados pelo atributo: &quot;&lt;span style=&quot;color: blue;&quot;&gt;vertical-align: middle&lt;/span&gt;&quot; (&lt;span style=&quot;color: red;&quot;&gt;Falha!&lt;/span&gt;)&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt; &lt;/table&gt;&lt;/center&gt;&lt;br /&gt;
A explicação que encontrei para essa falha do atributo &quot;&lt;span style=&quot;color: blue;&quot;&gt;vertical-align&lt;/span&gt;&quot;, foi no &lt;a href=&quot;http://www.maujor.com/blog&quot; target=&quot;_blank&quot;&gt;blog maujor&lt;/a&gt;, uma sumidade em CSS e HTML. É que segundo a &lt;a href=&quot;http://www.w3c.br/Home/WebHome&quot; target=&quot;_blank&quot;&gt;W3C&lt;/a&gt;, tal atributo destina-se a alinhar textos verticalmente que estejam dentro de uma linha ou em uma célula de tabela. Agora, sabendo desse detalhe, curioso que sou, fui testar o atributo &quot;&lt;span style=&quot;color: blue;&quot;&gt;vertical-align&lt;/span&gt;&quot; em uma tabela e sem nenhuma surpresa, realmente funciona! Veja abaixo o código utilizado.&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background: url(http://i.imgur.com/42HHYRM.png) no-repeat 482px 5px #F9F9F9; border: solid 3px orange; font-size: 13px; line-height: 120%; margin: 5px 0 5px 0; padding: 10px;&quot;&gt;&lt;span style=&quot;color: brown;&quot;&gt;Tabela com alinhamento text-align: center e vertical-align: middle. (&lt;span style=&quot;color: green;&quot;&gt;Sucesso!&lt;/span&gt;)&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;center&amp;gt;&lt;br /&gt;
&amp;lt;table style=&quot;border: ridge 5px #87CEFA; width: 180px; height: 180px;&quot;&amp;gt;&amp;lt;tbody&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&amp;lt;td style=&quot;&lt;span style=&quot;color: blue;&quot;&gt;text-align: center&lt;/span&gt;; &lt;span style=&quot;color: blue;&quot;&gt;vertical-align: middle&lt;/span&gt;;&quot;&amp;gt;&amp;lt;img src=&quot;http://i.imgur.com/0F45VCj.png&quot; /&amp;gt;&lt;br /&gt;
Imagem e texto alinhados ao centro e ao meio em uma tabela. (&amp;lt;span style=&quot;color: green;&quot;&amp;gt;Sucesso!&amp;lt;/span&amp;gt;)&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;/center&amp;gt;&lt;/div&gt;&lt;br /&gt;
&lt;center&gt;&lt;table cellpadding=&quot;2&quot; cellspacing=&quot;2&quot; style=&quot;border: ridge 5px #87CEFA; height: 180px; line-height: 100%; width: 180px;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center; vertical-align: middle;&quot;&gt;&lt;img src=&quot;http://i.imgur.com/0F45VCj.png&quot; /&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;Imagem e texto alinhados ao centro e ao meio em uma tabela. (&lt;span style=&quot;color: green;&quot;&gt;Sucesso!&lt;/span&gt;)&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/center&gt;&lt;br /&gt;
E agora, nossa tentativa em relação a DIV definitivamente falhou? Não! Segundo o &quot;Dinossauro&quot; das CSS, &lt;a href=&quot;http://www.maujor.com/index.php&quot; target=&quot;_blank&quot;&gt;Maurício Samy Silva&lt;/a&gt;, para alcançarmos o resultado de alinhamento centralizado e ao meio em uma DIV, basta apenas aplicarmos à caixa DIV o atributo: &quot;&lt;span style=&quot;color: blue;&quot;&gt;display: table-cell&lt;/span&gt;&quot; (Que até então, eu sequer conhecia). Isso fará a DIV ter um comportamento de célula de tabela. Realmente só um mestre para desvendar coisas tão complexas para leigos de uma forma tão simples e direta! Veja abaixo, os códigos utilizados nas DIVs, aplicando as propriedades &quot;&lt;span style=&quot;color: blue;&quot;&gt;text-align: center&lt;/span&gt;&quot;, &quot;&lt;span style=&quot;color: blue;&quot;&gt;vertical-align: middle&lt;/span&gt;&quot; e &quot;&lt;span style=&quot;color: blue;&quot;&gt;display: tabel-cell&lt;/span&gt;&quot; e em seguida os resultados.&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background: url(http://i.imgur.com/42HHYRM.png) no-repeat 482px 5px #F9F9F9; border: solid 3px orange; font-size: 13px; line-height: 120%; margin: 5px 0 5px 0; padding: 10px;&quot;&gt;&lt;span style=&quot;color: brown;&quot;&gt;Texto em uma DIV com as propriedades: &quot;&lt;span style=&quot;color: blue;&quot;&gt;text-align: center&lt;/span&gt;&quot;, &quot;&lt;span style=&quot;color: blue;&quot;&gt;vertical-align: middle&lt;/span&gt;&quot; e &quot;&lt;span style=&quot;color: blue;&quot;&gt;display: table-cell&lt;/span&gt;&quot;. (Sucesso!)&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div style=&quot;background: #EEEEEE; border: solid 1px #CCCCCC; &lt;span style=&quot;color: blue;&quot;&gt;display: table-cell&lt;/span&gt;; height: 175px; &lt;span style=&quot;color: blue;&quot;&gt;text-align: center&lt;/span&gt;; &lt;span style=&quot;color: blue;&quot;&gt;vertical-align: middle&lt;/span&gt;; width: 175px;&quot;&amp;gt;&lt;br /&gt;
Texto centralizado ao meio pelos atributos: &quot;text-align: center&quot;, &quot;vertical-align: middle&quot; e &quot;display: table-cell&quot;.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;&lt;br /&gt;
&lt;div style=&quot;background: url(http://i.imgur.com/42HHYRM.png) no-repeat 482px 5px #F9F9F9; border: solid 3px orange; font-size: 13px; line-height: 120%; margin: 5px 0 5px 0; padding: 10px;&quot;&gt;&lt;span style=&quot;color: brown;&quot;&gt;Imagem em uma DIV com as propriedades: &quot;&lt;span style=&quot;color: blue;&quot;&gt;text-align: center&lt;/span&gt;&quot;, &quot;&lt;span style=&quot;color: blue;&quot;&gt;vertical-align: middle&lt;/span&gt;&quot; e &quot;&lt;span style=&quot;color: blue;&quot;&gt;display: table-cell&lt;/span&gt;&quot;. (Sucesso!)&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div style=&quot;background: #EEEEEE; border: solid 1px #CCCCCC; &lt;span style=&quot;color: blue;&quot;&gt;display: table-cell&lt;/span&gt;; height: 175px; &lt;span style=&quot;color: blue;&quot;&gt;text-align: center&lt;/span&gt;; &lt;span style=&quot;color: blue;&quot;&gt;vertical-align: middle&lt;/span&gt;; width: 175px;&quot;&amp;gt;&lt;br /&gt;
&amp;lt;img src=&quot;http://i.imgur.com/0F45VCj.png&quot; /&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;&lt;br /&gt;
&lt;div style=&quot;background: url(http://i.imgur.com/42HHYRM.png) no-repeat 482px 5px #F9F9F9; border: solid 3px orange; font-size: 13px; line-height: 120%; margin: 5px 0 5px 0; padding: 10px;&quot;&gt;&lt;span style=&quot;color: brown;&quot;&gt;Imagem e texto em uma DIV com as propriedades: &quot;&lt;span style=&quot;color: blue;&quot;&gt;text-align: center&lt;/span&gt;&quot;, &quot;&lt;span style=&quot;color: blue;&quot;&gt;vertical-align: middle&lt;/span&gt;&quot; e &quot;&lt;span style=&quot;color: blue;&quot;&gt;display: table-cell&lt;/span&gt;&quot;. (Sucesso!)&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div style=&quot;background: #EEEEEE; border: solid 1px #CCCCCC; &lt;span style=&quot;color: blue;&quot;&gt;display: table-cell&lt;/span&gt;; height: 175px; &lt;span style=&quot;color: blue;&quot;&gt;text-align: center&lt;/span&gt;; &lt;span style=&quot;color: blue;&quot;&gt;vertical-align: middle&lt;/span&gt;; width: 175px;&quot;&amp;gt;&lt;br /&gt;
&amp;lt;img src=&quot;http://i.imgur.com/0F45VCj.png&quot; /&amp;gt; &lt;br /&gt;
Imagem e texto centralizados ao meio pelos atributos: &quot;text-align: center&quot;, &quot;vertical-align: middle&quot; e &quot;display: table-cell&quot;.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;&lt;br /&gt;
&lt;center&gt;&lt;table&gt;&lt;tbody&gt;
&lt;tr&gt; &lt;td style=&quot;padding-right: 15px; width: 180px;&quot;&gt;&lt;div style=&quot;background: #EEEEEE; border: solid 1px #CCCCCC; display: table-cell; height: 175px; line-height: 100%; text-align: center; vertical-align: middle; width: 175px;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;Texto centralizado ao meio pelos atributos: &quot;&lt;span style=&quot;color: blue;&quot;&gt;text-align: center&lt;/span&gt;&quot;, &quot;&lt;span style=&quot;color: blue;&quot;&gt;vertical-align: middle&lt;/span&gt;&quot; e &quot;&lt;span style=&quot;color: blue;&quot;&gt;display: table-cell&lt;/span&gt;&quot;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding-right: 15px; width: 180px;&quot;&gt;&lt;div style=&quot;background: #EEEEEE; border: solid 1px #CCCCCC; display: table-cell; height: 175px; line-height: 100%; text-align: center; vertical-align: middle; width: 175px;&quot;&gt;&lt;img src=&quot;http://i.imgur.com/0F45VCj.png&quot; /&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding-right: 0px; width: 180px;&quot;&gt;&lt;div style=&quot;background: #EEEEEE; border: solid 1px #CCCCCC; display: table-cell; height: 175px; line-height: 100%; text-align: center; vertical-align: middle; width: 175px;&quot;&gt;&lt;img src=&quot;http://i.imgur.com/0F45VCj.png&quot; /&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;Imagem e texto centralizados ao meio pelos atributos: &quot;&lt;span style=&quot;color: blue;&quot;&gt;text-align: center&lt;/span&gt;&quot;, &quot;&lt;span style=&quot;color: blue;&quot;&gt;vertical-align: middle&lt;/span&gt;&quot; e &quot;&lt;span style=&quot;color: blue;&quot;&gt;display: table-cell&lt;/span&gt;&quot;&lt;/span&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;/tbody&gt; &lt;/table&gt;&lt;/center&gt;&lt;br /&gt;
Para finalizar essa postagem, repito o que disse no início: CSS exige muita paciência, perseverança e prática. Mas, sem sombra de dúvida, é um mundo fascinante!&lt;br /&gt;
&lt;br /&gt;
Espero que tenham gostado dessa dica! Gostou? Compartilhe! Um abraço e até a próxima!&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjssirxuXV-GR4zp-Fm58EUCw-laIrdIiYysNGlYQJ9t-BFD71p25dd7JQcJT3RIJgNUQoFIYhR_t-CWhq6mEt4rxYRaDeZFq0w_nYvjuDDXcgTlfWSe_edhZCidy0GHHJ5_0Sb5mYTxNo/s1600/feed.png) 5px 50% no-repeat #E6F5FD; border: solid 1px #85DAFF; font-size: 13px; margin-bottom: 5px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: #444444;&quot;&gt;Para receber postagens no seu E-mail, assine nossa Newsletter! → &lt;a href=&quot;http://goo.gl/T9saMO&quot; target=&quot;_blank&quot;&gt;Clique e assine agora!&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtTQVL1TGG8MUiSEFbitySihO1p0zumBUmOfaUBa7aPG7EHOWf-_EwkJ9fwgNQB-t1jc2Q_Gr4TJOOvBE0iKo2c6qkrOZUL268tPEQDG5e56L1lJStAzjTH4c9Z5L1LgJ2JHznMIEtJek/s1600/exclama%25C3%25A7%25C3%25A3o+amarela-16px.png) 5px 50% no-repeat #FFFFE0; border: solid 1px #FFD691; font-size: 13px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: tomato;&quot;&gt;Informar link quebrado eu erro nesta postagem!&lt;/span&gt; → &lt;a href=&quot;mailto:dicasdoartony@gmail.com&quot; target=&quot;_blank&quot;&gt;dicasdoartony@gmail.com&lt;/a&gt;&lt;/div&gt;</description><link>http://dicasdoartony.blogspot.com/2014/02/como-criar-uma-caixa-box-div-css-com.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFvEa-jPtSsfgA9K7AVLT_umYWai0DP4tL8iW8b1wPemCkw3jkl_eVlc1XiPcJWxvop9SZd6B0fpZMDSQ1dEpj-UjHtY7AxBNt6OIrfa5o64cjYXcwX_voIVmM7Od5ACnBzgRZcOo5JIE/s72-c-no/12+div+center+middle.png" height="72" width="72"/></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2102358606823850225.post-426699558658047057</guid><pubDate>Sat, 08 Feb 2014 04:54:00 +0000</pubDate><atom:updated>2014-02-24T15:59:28.113-03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Ganhando Online</category><category domain="http://www.blogger.com/atom/ns#">Recomendados</category><title>beruby: O melhor portal de cashback do mundo!</title><description>&lt;center&gt;&lt;img alt=&quot;beruby: O portal que lhe dá recompensas por navegar!&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA0cmiwS7UsZ4HmL_hxv7dpzRQstUBW2ubPXFTYxWbqba34LBkAuDAMrbIcgQNwkJ9-JzkBYFosl8TMc35RvqGbUaKEJ0tZgWb2RBhrsFdbDsYVwXCf_hzAVkq5oEf5O7xKUrGAZIkFVU/s200-no/11+beruby.png&quot; style=&quot;border: solid 1px #E6E6E6;&quot; title=&quot;beruby: O portal que lhe dá recompensas por navegar!&quot; /&gt;&lt;/center&gt;&lt;br /&gt;
Olá Prezados leitores do Blog Dicas do Artony!&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background: url(http://i.imgur.com/rE5HdKO.png) no-repeat 10px 50% #E6E6E6; border: solid 1px #dddddd; font-size: 20px; padding: 10px 10px 10px 52px;&quot;&gt;&lt;span style=&quot;color: #d04b41;&quot;&gt;Você sabe o que é beruby?&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: url(http://i.imgur.com/NR9wNfe.png) no-repeat 10px 50% #F9F9F9; border: solid 1px #E6E6E6; padding: 10px 10px 15px 52px;&quot;&gt;beruby é um portal que oferece num só site, todas as possibilidades para você economizar de verdade nas suas compras feitas pela Internet!&lt;br /&gt;
&lt;center&gt;&lt;style type=&quot;text/css&quot;&gt;
#regberuby {
font-family: Arial, Trebuchet MS;
font-size: 15px;
width: 250px;
height: 50px;
}
#regberuby a {
display: block;
background: #58B058;
color: #FFFFFF;
font-weight: bold;
text-align: center;
border: solid 1px #58B058;
border-radius: 5px;
box-shadow: 0px 2px 3px #A9A9A9;
line-height: 50px;
margin: 0px 0px 0px 0px;
text-decoration: none;
}
#regberuby a:hover {
background: #58B058;
border: solid 1px #387038;
box-shadow: 0px 2px 3px #808080;
}
&lt;/style&gt;&lt;br /&gt;
&lt;div id=&quot;regberuby&quot;&gt;&lt;a href=&quot;http://br.beruby.com/promocode/uape0g&quot; target=&quot;_blank&quot; title=&quot;Registre-se em beruby&quot;&gt;REGISTRE-SE EM BERUBY!&lt;/a&gt;&lt;/div&gt;&lt;/center&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div style=&quot;background: url(http://i.imgur.com/rE5HdKO.png) no-repeat 10px 50% #E6E6E6; border: solid 1px #dddddd; font-size: 20px; padding: 10px 10px 10px 52px;&quot;&gt;&lt;span style=&quot;color: #d04b41;&quot;&gt;O que é cashback?&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: url(http://i.imgur.com/NR9wNfe.png) no-repeat 10px 50% #F9F9F9; border: solid 1px #E6E6E6; padding: 10px 10px 10px 52px;&quot;&gt;Cashback é o termo em Inglês que quer dizer: Em dinheiro de volta, dinheiro de volta, converter em dinheiro, etc. Por exemplo: Você faz uma compra no valor de R$ 30,00 (Trinta reais) em uma loja parceira de beruby e essa loja oferece um cashback de 8%, isso significa que você receberá no seu saldo beruby, R$ 2,40 (Dois reais e quarenta centavos) em cada compra nessa loja.&lt;/div&gt;&lt;br /&gt;
&lt;div style=&quot;background: url(http://i.imgur.com/rE5HdKO.png) no-repeat 10px 50% #E6E6E6; border: solid 1px #dddddd; font-size: 20px; padding: 10px 10px 10px 52px;&quot;&gt;&lt;span style=&quot;color: #d04b41;&quot;&gt;Quais são as formas de ganhar em beruby?&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: url(http://i.imgur.com/NR9wNfe.png) no-repeat 10px 50% #F9F9F9; border: solid 1px #E6E6E6; padding: 10px 10px 10px 52px;&quot;&gt;São várias formas de ganhar em beruby, a principal é a forma de ganhar através do consumo inteligente: Você SÓ consome (Compra) quando precisa, porém, ganhando uma parte do valor da sua compra de volta!&lt;/div&gt;&lt;br /&gt;
&lt;table cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;border: solid 0px #FFFFFF; text-align: justify;&quot; width:=&quot;100%&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;background: url(http://i.imgur.com/Rzo4Wjh.png) 0 50% no-repeat; height: 75px; padding-right: 5px; width: 60px;&quot;&gt;&lt;/td&gt; &lt;td style=&quot;font-size: 13px; line-height: 130%; padding-left: 5px;&quot;&gt;&lt;span style=&quot;color: #00b3cc; font-size: 16px; font-weight: bold;&quot;&gt;Cashback&lt;/span&gt;: Praticamente qualquer compra que você realize nas mais de 150 lojas disponíveis em beruby irão gerar comissões em reais que você vai poder ver no seu saldo em beruby. Estas comissões são atribuídas pelas lojas a beruby e beruby, por sua vez, distribui 100% dessas mesmas comissões aos usuários.&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td style=&quot;background: url(http://i.imgur.com/luMA3YB.png) 0 50% no-repeat; height: 75px; padding-right: 5px; width: 60px;&quot;&gt;&lt;/td&gt; &lt;td style=&quot;font-size: 13px; line-height: 130%; padding-left: 5px;&quot;&gt;&lt;span style=&quot;color: #ffa400; font-size: 16px; font-weight: bold;&quot;&gt;Cupons&lt;/span&gt;: Muitas lojas oferecem cupons ou códigos de desconto para as compras que se realizam online e/ou nas lojas físicas. beruby reúne todos estes cupons num só lugar para que você economize com as suas compras.&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td style=&quot;background: url(http://i.imgur.com/1MJkHm1.png) 0 50% no-repeat; height: 75px; padding-right: 5px; width: 60px;&quot;&gt;&lt;/td&gt; &lt;td style=&quot;font-size: 13px; line-height: 130%; padding-left: 5px;&quot;&gt;&lt;span style=&quot;color: #8eb300; font-size: 16px; font-weight: bold;&quot;&gt;Ofertas&lt;/span&gt;: Existem muitas outras oportunidades de ganhar dinheiro sem ser necessário comprar (por exemplo, responder a questionários, visualizar vídeos, registros, etc) que beruby oferece com o objetivo de que os usuários possam economizar cada vez mais e aumentar o seu saldo em beruby.&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td style=&quot;background: url(http://i.imgur.com/Ai94qEm.png) 0 50% no-repeat; height: 75px; padding-right: 5px; width: 60px;&quot;&gt;&lt;/td&gt; &lt;td style=&quot;font-size: 13px; line-height: 130%; padding-left: 5px;&quot;&gt;&lt;span style=&quot;color: #d04b41; font-size: 16px; font-weight: bold;&quot;&gt;Informações interessantes&lt;/span&gt;: beruby foi criado em Julho de 2007 na Espanha e atualmente tem presença em 14 países. A empresa superou os 2 milhões de usuários registrados com um volume de compras anual de mais de 20 milhões de euros. Em beruby realizam-se por mês 2,5 milhões de visitas e 10 milhões de páginas vistas.&lt;/td&gt; &lt;/tr&gt;
&lt;/tbody&gt; &lt;/table&gt;&lt;br /&gt;
&lt;div style=&quot;background: url(http://i.imgur.com/rE5HdKO.png) no-repeat 10px 50% #E6E6E6; border: solid 1px #dddddd; font-size: 20px; padding: 10px 10px 10px 52px;&quot;&gt;&lt;span style=&quot;color: #d04b41;&quot;&gt;Quem são os parceiros e anunciantes no beruby?&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: url(http://i.imgur.com/NR9wNfe.png) no-repeat 10px 50% #F9F9F9; border: solid 1px #E6E6E6; padding: 10px 10px 10px 52px;&quot;&gt;São mais de 150 (Cento e cinquenta) parceiros dos mais diversificados segmentos em beruby. As maiores lojas da Internet oferecem cashback e cupons de desconto para os clientes que fizerem suas compras a partir do beruby!&lt;/div&gt;&lt;br /&gt;
&lt;div style=&quot;background: url(http://i.imgur.com/rE5HdKO.png) no-repeat 10px 50% #E6E6E6; border: solid 1px #dddddd; font-size: 20px; padding: 10px 10px 10px 52px;&quot;&gt;&lt;span style=&quot;color: #d04b41;&quot;&gt;Pode citar algumas lojas que oferecem cashback ao comprarmos a partir do beruby?&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: url(http://i.imgur.com/NR9wNfe.png) no-repeat 10px 50% #F9F9F9; border: solid 1px #E6E6E6; padding: 10px 10px 10px 52px;&quot;&gt;Com certeza! Veja abaixo, algumas das maiores lojas da Internet que são parceiras do beruby!&lt;/div&gt;&lt;br /&gt;
&lt;table 0=&quot;&quot; cellspacing=&quot;0&quot; style=&quot;border: solid 0px #FFFFFF;&quot; width:=&quot;100%&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;height: 100px; width: 110px;&quot;&gt;&lt;img src=&quot;http://br6.beruby.com/logos/br/0/210/logo_square_crop_100.png?1352192862&quot; title=&quot;Americanas.com &quot; /&gt;&lt;/td&gt; &lt;td style=&quot;border-right: solid 1px #E6E6E6; font-size: 13px; line-height: 130%; padding: 0 5px 0 0px; width: 345px;&quot;&gt;&lt;span style=&quot;color: #e60014; font-size: 16px; font-weight: bold;&quot;&gt;Americanas.com&lt;/span&gt;: Pioneira no comércio eletrônico no Brasil, a Americanas.com é a maior loja online da América Latina e oferece mais de 700.000 produtos em informática, eletrodomésticos, eletrônicos, celulares, brinquedos, DVDs, livros, games, entre outros.&lt;/td&gt; &lt;td style=&quot;background: #F6F6F6; text-align: center; font-size: 13px; line-height: 130%; padding-left: 5px; width: 176px;&quot;&gt;&lt;span style=&quot;color: #666666; font-size: 16px; font-weight: bold;&quot;&gt;Categoria:&lt;/span&gt;&lt;br /&gt;
Compras Gerais.&lt;br /&gt;
&lt;span style=&quot;color: #666666; font-size: 16px; font-weight: bold;&quot;&gt;Cashback:&lt;/span&gt;&lt;br /&gt;
6,00%.&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;height: 110px; width: 100px;&quot;&gt;&lt;img src=&quot;http://br3.beruby.com/logos/br/0/6/logo_square_crop_100.png?1352192670&quot; title=&quot;Walmart&quot; /&gt;&lt;/td&gt; &lt;td style=&quot;border-right: solid 1px #E6E6E6; font-size: 13px; line-height: 130%; padding: 0 5px 0 0px; width: 345px;&quot;&gt;&lt;span style=&quot;color: #1f78cd; font-size: 16px; font-weight: bold;&quot;&gt;Walmart&lt;/span&gt;: Na loja virtual do Walmart você poderá comprar tudo o que procura, sem sair da sua casa. O Walmart oferece uma grande variedade de produtos, de eletrodomésticos e eletrônicos a produtos de beleza. Vale a pena conferir!&lt;/td&gt; &lt;td style=&quot;text-align: center; font-size: 13px; line-height: 130%; padding-left: 5px; width: 176px;&quot;&gt;&lt;span style=&quot;color: #666666; font-size: 16px; font-weight: bold;&quot;&gt;Categoria:&lt;/span&gt;&lt;br /&gt;
Compras Gerais.&lt;br /&gt;
&lt;span style=&quot;color: #666666; font-size: 16px; font-weight: bold;&quot;&gt;Cashback:&lt;/span&gt;&lt;br /&gt;
5,00%.&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;height: 110px; width: 100px;&quot;&gt;&lt;img src=&quot;http://br2.beruby.com/logos/br/0/209/logo_square_crop_100.png?1352192854&quot; title=&quot;Submarino&quot; /&gt;&lt;/td&gt; &lt;td style=&quot;border-right: solid 1px #E6E6E6; font-size: 13px; line-height: 130%; padding: 0 5px 0 0px; width: 345px;&quot;&gt;&lt;span style=&quot;color: #00adef; font-size: 16px; font-weight: bold;&quot;&gt;Submarino&lt;/span&gt;: Com mais de 500.000 produtos o Submarino é um dos pioneiros do e-commerce no Brasil e referência no segmento. Além disso, você vai encontrar produtos exclusivos e diferenciados para quem curte novidades, tecnologia, entretenimento e está antenado nas tendências do Brasil e do mundo. &lt;/td&gt; &lt;td style=&quot;background: #F6F6F6; text-align: center; font-size: 13px; line-height: 130%; padding-left: 5px; width: 176px;&quot;&gt;&lt;span style=&quot;color: #666666; font-size: 16px; font-weight: bold;&quot;&gt;Categoria:&lt;/span&gt;&lt;br /&gt;
Compras Gerais.&lt;br /&gt;
&lt;span style=&quot;color: #666666; font-size: 16px; font-weight: bold;&quot;&gt;Cashback:&lt;/span&gt;&lt;br /&gt;
7,00%.&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;height: 110px; width: 100px;&quot;&gt;&lt;img src=&quot;http://br4.beruby.com/logos/br/6/6389/logo_square_crop_100.png?1352193147&quot; title=&quot;PontoFrio&quot; /&gt;&lt;/td&gt; &lt;td style=&quot;border-right: solid 1px #E6E6E6; font-size: 13px; line-height: 130%; padding: 0 5px 0 0px; width: 345px;&quot;&gt;&lt;span style=&quot;color: #b80f12; font-size: 16px; font-weight: bold;&quot;&gt;PontoFrio&lt;/span&gt;: O PontoFrio.com é uma das maiores lojas online do Brasil. No PontoFrio.com você encontra os mais variados produtos, desde eletrodomésticos, eletrônicos e produtos de informática até telefones e celulares, games, utilidades domésticas, DVDs, brinquedos e muito mais!&lt;/td&gt; &lt;td style=&quot;text-align: center; font-size: 13px; line-height: 130%; padding-left: 5px; width: 176px;&quot;&gt;&lt;span style=&quot;color: #666666; font-size: 16px; font-weight: bold;&quot;&gt;Categoria:&lt;/span&gt;&lt;br /&gt;
Compras Gerais.&lt;br /&gt;
&lt;span style=&quot;color: #666666; font-size: 16px; font-weight: bold;&quot;&gt;Cashback:&lt;/span&gt;&lt;br /&gt;
5,50%.&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;height: 110px; width: 100px;&quot;&gt;&lt;img src=&quot;http://br6.beruby.com/logos/br/6/6397/logo_square_crop_100.png?1352193154&quot; title=&quot;Extra.com.br&quot; /&gt;&lt;/td&gt; &lt;td style=&quot;border-right: solid 1px #E6E6E6; font-size: 13px; line-height: 130%; padding: 0 5px 0 0px; width: 345px;&quot;&gt;&lt;span style=&quot;color: #d41423; font-size: 16px; font-weight: bold;&quot;&gt;Extra.com.br&lt;/span&gt;: O Extra.com.br oferece tudo o que você precisa, de computadores e telefones celulares a eletrodomésticos, móveis e brinquedos. No Extra.com.br você encontra os produtos das melhoras marcas com excelentes preços e ainda pode recebê-lo na sua casa em qualquer lugar do Brasil. &lt;/td&gt; &lt;td style=&quot;background: #F6F6F6; text-align: center; font-size: 13px; line-height: 130%; padding-left: 5px; width: 176px;&quot;&gt;&lt;span style=&quot;color: #666666; font-size: 16px; font-weight: bold;&quot;&gt;Categoria:&lt;/span&gt;&lt;br /&gt;
Compras Gerais.&lt;br /&gt;
&lt;span style=&quot;color: #666666; font-size: 16px; font-weight: bold;&quot;&gt;Cashback:&lt;/span&gt;&lt;br /&gt;
5,50%.&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;height: 110px; width: 100px;&quot;&gt;&lt;img src=&quot;http://br1.beruby.com/logos/br/0/213/logo_square_crop_100.png?1352192878&quot; title=&quot;Casas Bahia &quot; /&gt;&lt;/td&gt; &lt;td style=&quot;border-right: solid 1px #E6E6E6; font-size: 13px; line-height: 130%; padding: 0 5px 0 0px; width: 345px;&quot;&gt;&lt;span style=&quot;color: #196ab5; font-size: 16px; font-weight: bold;&quot;&gt;Casas Bahia&lt;/span&gt;: Com mais de 50 anos de experiência a Casas Bahia é uma das marcas mais conhecidas por todos os brasileiros. Presente em diversos estados do país a Casas Bahia oferece uma grande variedade de produtos a preços muito baixos, tornando possível transformar em realidade o sonho de consumo de muitos brasileiros.&lt;/td&gt; &lt;td style=&quot;text-align: center;  font-size: 13px; line-height: 130%; padding-left: 5px; width: 176px;&quot;&gt;&lt;span style=&quot;color: #666666; font-size: 16px; font-weight: bold;&quot;&gt;Categoria:&lt;/span&gt;&lt;br /&gt;
Compras Gerais.&lt;br /&gt;
&lt;span style=&quot;color: #666666; font-size: 16px; font-weight: bold;&quot;&gt;Cashback:&lt;/span&gt;&lt;br /&gt;
5,50%.&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;3&quot; rowspan=&quot;1&quot; style=&quot;font-size: 13px; line-height: 130%; padding: 5px 5px 0px 5px; text-align: center; width: 100%;&quot;&gt;&lt;a href=&quot;http://br.beruby.com/cashback/economizar-ao-comprar/cat/compras/265&quot; target=&quot;_blank&quot;&gt;Ver lista completa de parceiros beruby&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt; &lt;/table&gt;&lt;br /&gt;
Garanto que você irá se surpreender quando ver todos os outros parceiros de peso que estão em beruby!&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background: url(http://i.imgur.com/rE5HdKO.png) no-repeat 10px 50% #E6E6E6; border: solid 1px #dddddd; font-size: 20px; padding: 10px 10px 10px 52px;&quot;&gt;&lt;span style=&quot;color: #d04b41;&quot;&gt;OK, eu entendi! Mas, quando e como recebo meus ganhos?&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: url(http://i.imgur.com/NR9wNfe.png) no-repeat 10px 50% #F9F9F9; border-bottom: none; border: solid 1px #E6E6E6; padding: 10px 10px 0px 52px;&quot;&gt;As comissões ficam disponíveis em seu saldo beruby de acordo com a tarefa ou a compra realizada. Algumas comissões ficam disponíveis imediatamente após a tarefa, outras podem levar até 90 (Noventa) dias para aparecer no seu saldo livre para saque. beruby utiliza o maior banco virtual do mundo para enviar seus pagamentos, o PayPal. É necessário ter ou criar uma conta no PayPal.&lt;/div&gt;&lt;div style=&quot;background: #F9F9F9; border-top: none; border: solid 1px #E6E6E6; padding: 0px 10px 15px 10px;&quot;&gt;&lt;center&gt;&lt;style type=&quot;text/css&quot;&gt;
#paypal {
font-family: Arial, Trebuchet MS;
font-size: 15px;
width: 250px;
height: 50px;
}
#paypal a {
display: block;
background: #4A96BF;
color: #FFFFFF;
text-align: center;
border: solid 1px #4A96BF;
border-radius: 5px;
font-weight: bold;
box-shadow: 0px 2px 3px #A9A9A9;
line-height: 50px;
margin: 0px 0px 0px 0px;
text-decoration: none;
}
#paypal a:hover {
background: #4A96BF;
border: solid 1px #246487;
box-shadow: 0px 2px 3px #808080;
}
&lt;/style&gt;&lt;br /&gt;
&lt;div id=&quot;paypal&quot;&gt;&lt;a href=&quot;https://www.paypal.com/br/webapps/mpp/home&quot; target=&quot;_blank&quot; title=&quot;Criar conta PayPal&quot;&gt;CRIAR UMA CONTA PAYPAL!&lt;/a&gt;&lt;/div&gt;&lt;/center&gt;&lt;/div&gt;&lt;br /&gt;
Clique no botão abaixo, para ver os pagamentos que eu já recebi de beruby!&lt;br /&gt;
&lt;center&gt;&lt;style type=&quot;text/css&quot;&gt;
#regberuby {
font-family: Arial, Trebuchet MS;
font-size: 15px;
width: 250px;
height: 50px;
}
#regberuby a {
display: block;
background: #58B058;
color: #FFFFFF;
text-align: center;
font-weight: bold;
border: solid 1px #58B058;
border-radius: 5px;
box-shadow: 0px 2px 3px #A9A9A9;
line-height: 50px;
margin: 0px 0px 0px 0px;
text-decoration: none;
}
#regberuby a:hover {
background: #58B058;
border: solid 1px #387038;
box-shadow: 0px 2px 3px #808080;
}
&lt;/style&gt;&lt;br /&gt;
&lt;div id=&quot;regberuby&quot;&gt;&lt;a href=&quot;http://postimg.org/gallery/1zpoa200/&quot; target=&quot;_blank&quot; title=&quot;Ver pagamentos beruby!&quot;&gt;VER PAGAMENTOS BERUBY!&lt;/a&gt;&lt;/div&gt;&lt;/center&gt;&lt;br /&gt;
Eu poderia ficar escrevendo páginas e páginas, ainda assim, não seria suficiente para representar fielmente o respeito e admiração que tenho pelos desenvolvedores desse projeto fantástico, que é o beruby! Devemos entender de uma vez por todas, que estamos na era digital e tudo que fazemos na Internet (Obviamente, dentro da legalidade), certamente nos trará benefícios! Então não perca mais tempo, registre-se em beruby e a partir de agora, em todas as suas compras na Internet, de seus pais, seus irmãos, seus tios, seus primos e toda sua família, realize através do portal beruby. Vocês só tem a ganhar por isso!!!&lt;br /&gt;
&lt;br /&gt;
Espero que tenham gostado desta dica, um abraço e até a próxima! (Se gostou, compartilhe! Clique em um dos botões à esquerda)!&lt;br /&gt;
&lt;br /&gt;
&lt;center&gt;&lt;a href=&quot;http://br.beruby.com/promocode/uape0g&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;beruby: O portal que lhe dá recompensas por navegar!&quot; src=&quot;http://s19.postimg.org/w16osepc3/11_beruby.png&quot; style=&quot;border: solid 1px #E6E6E6;&quot; title=&quot;beruby: O portal que lhe dá recompensas por navegar!&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;style type=&quot;text/css&quot;&gt;
#regberubyimg {
font-family: Arial, Trebuchet MS;
font-size: 15px;
width: 250px;
height: 50px;
}
#regberubyimg a {
display: block;
background: #58B058;
color: #FFFFFF;
text-align: center;
font-weight: bold;
border: solid 1px #58B058;
border-radius: 5px;
box-shadow: 0px 2px 3px #A9A9A9;
line-height: 50px;
margin: 0px 0px 0px 0px;
text-decoration: none;
}
#regberubyimg a:hover {
background: #58B058;
border: solid 1px #387038;
box-shadow: 0px 2px 3px #808080;
}
&lt;/style&gt;&lt;br /&gt;
&lt;div id=&quot;regberubyimg&quot;&gt;&lt;a href=&quot;http://br.beruby.com/promocode/uape0g&quot; target=&quot;_blank&quot; title=&quot;Registre-se em beruby&quot;&gt;REGISTRE-SE EM BERUBY!&lt;/a&gt;&lt;/div&gt;&lt;/center&gt;&lt;br /&gt;
Espero que tenham gostado dessa dica! Gostou? Compartilhe! Um abraço e até a próxima!&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjssirxuXV-GR4zp-Fm58EUCw-laIrdIiYysNGlYQJ9t-BFD71p25dd7JQcJT3RIJgNUQoFIYhR_t-CWhq6mEt4rxYRaDeZFq0w_nYvjuDDXcgTlfWSe_edhZCidy0GHHJ5_0Sb5mYTxNo/s1600/feed.png) 5px 50% no-repeat #E6F5FD; border: solid 1px #85DAFF; font-size: 13px; margin-bottom: 5px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: #444444;&quot;&gt;Para receber postagens no seu E-mail, assine nossa Newsletter! → &lt;a href=&quot;http://goo.gl/T9saMO&quot; target=&quot;_blank&quot;&gt;Clique e assine agora!&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtTQVL1TGG8MUiSEFbitySihO1p0zumBUmOfaUBa7aPG7EHOWf-_EwkJ9fwgNQB-t1jc2Q_Gr4TJOOvBE0iKo2c6qkrOZUL268tPEQDG5e56L1lJStAzjTH4c9Z5L1LgJ2JHznMIEtJek/s1600/exclama%25C3%25A7%25C3%25A3o+amarela-16px.png) 5px 50% no-repeat #FFFFE0; border: solid 1px #FFD691; font-size: 13px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: tomato;&quot;&gt;Informar link quebrado eu erro nesta postagem!&lt;/span&gt; → &lt;a href=&quot;mailto:dicasdoartony@gmail.com&quot; target=&quot;_blank&quot;&gt;dicasdoartony@gmail.com&lt;/a&gt;&lt;/div&gt;</description><link>http://dicasdoartony.blogspot.com/2014/02/beruby-o-maior-e-melhor-portal-de.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA0cmiwS7UsZ4HmL_hxv7dpzRQstUBW2ubPXFTYxWbqba34LBkAuDAMrbIcgQNwkJ9-JzkBYFosl8TMc35RvqGbUaKEJ0tZgWb2RBhrsFdbDsYVwXCf_hzAVkq5oEf5O7xKUrGAZIkFVU/s72-c-no/11+beruby.png" height="72" width="72"/></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2102358606823850225.post-7420113468719614978</guid><pubDate>Mon, 03 Feb 2014 03:54:00 +0000</pubDate><atom:updated>2014-03-24T13:27:49.141-03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">CSS - HTML - Scripts e etc.</category><category domain="http://www.blogger.com/atom/ns#">Personalização</category><category domain="http://www.blogger.com/atom/ns#">Tutoriais</category><title>Como criar um botão CSS: a, a:hover, a:visited, a:focus</title><description>&lt;center&gt;&lt;img alt=&quot;Como criar um botão CSS clicável com efeitos a, a:hover, a:visited e a:focus&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRXA7sdC0T3MKasC5LMLm_Sxs5BYt79uejr37BvXm9POqn_0323bVhZ4Txf50DyyLh3a22IBUPIJoO1VeD53V07fol8D9nUj3qKWqs_Yv6z8SkZgdOgr4_znFD3Qq-11R9F-Lnt3K7YPc/s200-no&quot; title=&quot;Como criar um botão CSS clicável com efeitos a, a:hover, a:visited e a:focus&quot; /&gt;&lt;/center&gt;&lt;br /&gt;
Olá Prezados leitores do Blog Dicas do Artony!&lt;br /&gt;
&lt;br /&gt;
Sempre fui um apaixonado por design, desenhos em geral e todo tipo de elementos gráficos, associados ao poder do &lt;a href=&quot;http://pt.wikipedia.org/wiki/Cascading_Style_Sheets&quot; target=&quot;_blank&quot;&gt;CSS&lt;/a&gt;. Confesso que por vezes, para mim, parecia muito distante criar algum elemento utilizando essas duas classes, as quais tanto amo! Porém, aos poucos, fui entendendo o básico dos estilos CSS. O &lt;a href=&quot;http://www.maujor.com/&quot; target=&quot;_blank&quot;&gt;site do maujor&lt;/a&gt; e o &lt;a href=&quot;http://w3schools.com/&quot; target=&quot;_blank&quot;&gt;w3schools.com&lt;/a&gt; foram e são de suma importância no humilde avanço que tive nessa área e até hoje, ambos, sempre estão nos favoritos do meu navegador! &lt;br /&gt;
&lt;br /&gt;
Quero deixar bem claro, que não sou nenhum expert no assunto, muito longe disso, não passo de um simples curioso e admirador dessa &quot;arte&quot;! Porém, quando algo me desperta o interesse, procuro me esforçar para chegar pelo menos, próximo daquilo que eu gostaria de ver como resultado final. Sei que isso não é fácil, afinal, não tenho nem ideia de quantas classes CSS existem, mas, vou me contentado com o que estou aprendendo!&lt;br /&gt;
&lt;br /&gt;
Realmente acredito que conhecimento deve ser compartilhado, do contrário, uma conquista para o conhecedor, passa a ser um sentimento desprezível chamado egoísmo e todo o conhecimento vai por água abaixo! Seguindo nesse raciocínio, quero compartilhar com vocês, minha mais nova descoberta utilizando o poder do CSS: Um botão com efeitos &lt;span style=&quot;color: blue;&quot;&gt;a:hover&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;a:visited&lt;/span&gt; e &lt;span style=&quot;color: blue;&quot;&gt;a:focus&lt;/span&gt;!&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;span style=&quot;color: blue;&quot;&gt;a:hover&lt;/span&gt;: É a propriedade que determina a aparência de um objeto CSS, quando o mouse é colocado sobre o mesmo.&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: blue;&quot;&gt;a:visited&lt;/span&gt;: É a propriedade que determina a aparência de um objeto CSS, quando o mesmo já foi clicado.&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: blue;&quot;&gt;a:focus&lt;/span&gt;: É a propriedade que determina a aparência de um objeto CSS, no instante em que o mouse é clicado sobre o mesmo.&lt;/li&gt;
&lt;/ul&gt;&lt;br /&gt;
Esse objeto é indicado para quem quer dá um aspecto visual mais atraente a um link em destaque ou botão de download!&lt;br /&gt;
&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;Iniciamos com uma tag center: &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;center&amp;gt;&lt;/span&gt; e dentro dela a tag style: &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;style type=&quot;text/css&quot;&amp;gt;&lt;/span&gt;, isso fará o botão ficar alinhado ao centro!&lt;/li&gt;
&lt;li&gt;Damos nome ao objeto CSS, iniciando com um &quot;&lt;span style=&quot;color: blue;&quot;&gt;#&lt;/span&gt;&quot; (Jogo da velha) e finalizando com a abertura de uma chave, exemplo: &lt;span style=&quot;color: blue;&quot;&gt;#botaocss {&lt;/span&gt;.&lt;/li&gt;
&lt;li&gt;No botão abaixo usei apenas 3 (Três) propriedades como base: Estilo da fonte (1), tamanho da fonte (2) e largura do objeto (3) (1 &quot;&lt;span style=&quot;color: blue;&quot;&gt;font-family&lt;/span&gt;&quot;, 2 &quot;&lt;span style=&quot;color: blue;&quot;&gt;font-size&lt;/span&gt;&quot; e 3 &quot;&lt;span style=&quot;color: blue;&quot;&gt;width&lt;/span&gt;&quot;). Sempre finalizamos cada etapa com o fechamento de uma chave: &quot;&lt;span style=&quot;color: blue;&quot;&gt;}&lt;/span&gt;&quot;.&lt;/li&gt;
&lt;li&gt;Essa é a parte mais importante do objeto, começamos a confeccionar a aparência do botão em seu estado de espera: &lt;span style=&quot;color: blue;&quot;&gt;#botaocss a {&lt;/span&gt;, com os atributos &quot;&lt;span style=&quot;color: blue;&quot;&gt;background (Cor de plano de fundo&lt;/span&gt;&quot;, &quot;&lt;span style=&quot;color: blue;&quot;&gt;border (Bordas do objeto)&lt;/span&gt;&quot;, &quot;&lt;span style=&quot;color: blue;&quot;&gt;border-radius (Bordas arredondadas)&lt;/span&gt;&quot;, &quot;&lt;span style=&quot;color: blue;&quot;&gt;box-shadow (Sombra do objeto)&lt;/span&gt;&quot;, etc. e finaliza-se com: &quot;&lt;span style=&quot;color: blue;&quot;&gt;}&lt;/span&gt;&quot;.&lt;/li&gt;
&lt;li&gt;Aplicamos as propriedades do objeto no estado em que o mesmo já foi clicado: &lt;span style=&quot;color: blue;&quot;&gt;#botaocss a:visited {&lt;/span&gt; e finaliza-se com: &quot;&lt;span style=&quot;color: blue;&quot;&gt;}&lt;/span&gt;&quot;.&lt;/li&gt;
&lt;li&gt;Aplicamos as propriedades do objeto no estado em que o mouse estiver sobre o mesmo: &lt;span style=&quot;color: blue;&quot;&gt;#botaocss a:hover {&lt;/span&gt; e finaliza-se com: &quot;&lt;span style=&quot;color: blue;&quot;&gt;}&lt;/span&gt;&quot;.&lt;/li&gt;
&lt;li&gt;Aplicamos as propriedades do objeto no momento em que o mouse é clicado sobre o mesmo: &lt;span style=&quot;color: blue;&quot;&gt;#botaocss a:focus {&lt;/span&gt; e finaliza-se com: &quot;&lt;span style=&quot;color: blue;&quot;&gt;}&lt;/span&gt;&quot;.&lt;/li&gt;
&lt;li&gt;Fechamos a tag style com: &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/style&amp;gt;&lt;/span&gt; e abrimos uma classe div identificando o objeto inicial, exemplo: &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;div id=&quot;botaocss&quot;&amp;gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;Criamos um link utilizando a tag &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;a href=&quot;&lt;span style=&quot;color: green;&quot;&gt;Seu link aqui&lt;/span&gt;&quot; target=&quot;_blank&quot;&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: green;&quot;&gt;Seu texto visível aqui&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/a&amp;gt; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;Fechamos a classe div: &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt; e a tag center: &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/center&amp;gt;&lt;/span&gt;. &lt;/li&gt;
&lt;/ol&gt;&lt;br /&gt;
E o resultado será aproximado ao do botão abaixo:&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background: url(http://i.imgur.com/42HHYRM.png) no-repeat 482px 5px #eeeeee; border: solid 3px orange; font-size: 13px; line-height: 120%; margin: 5px 0 5px 0; padding: 10px;&quot;&gt;&lt;span style=&quot;color: #e74b37;&quot;&gt;Botão CSS clicável com efeitos: a, a:hover, a:visited, a:focus!&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
Este texto serve apenas para ilustrar o conteúdo desta postagem. Dando uma impressão mais próxima de como os elementos podem ficar dispostos numa postagem real.&lt;br /&gt;
&lt;center&gt;&lt;style type=&quot;text/css&quot;&gt;
#botaocss {
font-family: Arial, Trebuchet MS;
font-size: 20px;
width: 250px;
}
#botaocss a {
display: block;
background: #70B02C;
color: #FFFFFF;
text-shadow: 0px 1px 0px #111111;
text-align: center;
border: solid 1px #538C17;
border-radius: 5px;
box-shadow: 0px 2px 3px #A9A9A9;
padding: 15px 20px 15px 20px;
margin: 0px 0px 0px 0px;
text-decoration: none;
}
#botaocss a:visited {
background: #996699;
border: solid 1px #804B80;
}
#botaocss a:hover {
background: #00ADFE;
border: solid 1px #088CC9;
box-shadow: 0px 2px 3px #808080;
}
#botaocss a:focus {
background: #FF4747;
border: solid 1px #CC2626;
}
&lt;/style&gt;&lt;br /&gt;
&lt;div id=&quot;botaocss&quot;&gt;&lt;a href=&quot;#&quot; title=&quot;TÍTULO DO BOTÃO AQUI&quot;&gt;SEU TEXTO AQUI!&lt;/a&gt;&lt;/div&gt;&lt;/center&gt;&lt;br /&gt;
Este texto serve apenas para ilustrar o conteúdo desta postagem. Dando uma impressão mais próxima de como os elementos podem ficar dispostos numa postagem real.&lt;/div&gt;&lt;br /&gt;
&lt;div style=&quot;background: url(http://i.imgur.com/42HHYRM.png) no-repeat 482px 5px #eeeeee; border: solid 3px orange; font-size: 13px; line-height: 120%; margin: 5px 0 5px 0; padding: 10px;&quot;&gt;&lt;span style=&quot;color: #e74b37;&quot;&gt;Código HTML: Botão CSS clicável com efeitos: a, a:hover, a:visited, a:focus!&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;center&amp;gt;&lt;br /&gt;
&amp;lt;style type=&quot;text/css&quot;&amp;gt;&lt;br /&gt;
#botaocss {&lt;/span&gt;&lt;br /&gt;
font-family: Arial, Trebuchet MS; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Tipo da fonte*/&lt;/span&gt;&lt;br /&gt;
font-size: 20px; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Tamanho da fonte*/&lt;/span&gt;&lt;br /&gt;
width: 250px; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Largura do objeto*/&lt;/span&gt;&lt;br /&gt;
}&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;#botaocss a {&lt;/span&gt;&lt;br /&gt;
display: block; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Objeto único na linha*/&lt;/span&gt;&lt;br /&gt;
background: #70B02C; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Cor de fundo do objeto em espera*/&lt;/span&gt;&lt;br /&gt;
color: #FFFFFF; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Cor do texto*/&lt;/span&gt;&lt;br /&gt;
text-shadow: 0px 1px 0px #111111; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Disposição e cor da sombra do texto*/&lt;/span&gt;&lt;br /&gt;
text-align: center; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Alinhamento do texto*/&lt;/span&gt;&lt;br /&gt;
border: solid 1px #538C17; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Tipo e espessura da borda do objeto*/&lt;/span&gt;&lt;br /&gt;
border-radius: 5px; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Define o arredondamento do objeto*/&lt;/span&gt;&lt;br /&gt;
box-shadow: 0px 2px 3px #A9A9A9; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Disposição e cor da sombra do objeto*/&lt;/span&gt;&lt;br /&gt;
padding: 10px 20px 10px 20px; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Espaçamento interno do objeto*/&lt;/span&gt;&lt;br /&gt;
margin: 0px 0px 0px 0px; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Espaçamento externo do objeto*/&lt;/span&gt;&lt;br /&gt;
text-decoration: none; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Decoração do texto (&quot;none&quot; = sem sublinhamento)*/&lt;/span&gt;&lt;br /&gt;
}&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;#botaocss a:visited {&lt;/span&gt;&lt;br /&gt;
background: #996699; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Cor de fundo do objeto quando o mesmo já foi clicado*/&lt;/span&gt;&lt;br /&gt;
border: solid 1px #804B80; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Cor da linha do objeto quando o mesmo já foi clicado*/&lt;/span&gt;&lt;br /&gt;
}&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;#botaocss a:hover {&lt;/span&gt;&lt;br /&gt;
background: #00ADFE; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Cor de fundo do objeto quando o mouse está sobre o mesmo*/&lt;/span&gt;&lt;br /&gt;
border: solid 1px #088CC9; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Cor da linha do objeto quando o mouse está sobre o mesmo*/&lt;/span&gt;&lt;br /&gt;
box-shadow: 0px 2px 3px #808080; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Disposição e cor da sombra do objeto quando o mouse está sobre o mesmo*/&lt;/span&gt;&lt;br /&gt;
}&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;#botaocss a:focus {&lt;/span&gt;&lt;br /&gt;
background: #FF4747; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Cor de fundo do objeto quando o mouse é clicado sobre o mesmo*/&lt;/span&gt;&lt;br /&gt;
border: solid 1px #CC2626; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Cor da linha do objeto quando o mouse é clicado sobre o mesmo*/&lt;/span&gt;&lt;br /&gt;
}&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;botaocss&quot;&amp;gt;&lt;br /&gt;
&amp;lt;a href=&quot;&lt;span style=&quot;color: green;&quot;&gt;SEU LINK AQUI&lt;/span&gt;&quot; title=&quot;&lt;span style=&quot;color: green;&quot;&gt;TÍTULO DO BOTÃO AQUI&lt;/span&gt;&quot;&amp;gt;&lt;span style=&quot;color: green;&quot;&gt;SEU TEXTO AQUI!&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/center&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;
Se você quiser inserir mais de um botão, basta copiar e colar as tags: &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;a href=&quot;&lt;span style=&quot;color: green;&quot;&gt;SEU LINK AQUI&lt;/span&gt;&quot; title=&quot;&lt;span style=&quot;color: green;&quot;&gt;TÍTULO DO BOTÃO AQUI&lt;/span&gt;&quot;&amp;gt;&lt;span style=&quot;color: green;&quot;&gt;SEU TEXTO AQUI!&lt;/span&gt;&amp;lt;/a&amp;gt;&lt;/span&gt;, dentro da tag: &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;div id=...&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;, (Sem espaços e/ou quebras de linhas) e adicionar os links desejados. O resultado de vários botões juntos é esse abaixo!&lt;br /&gt;
&lt;br /&gt;
&lt;center&gt;&lt;img align=&quot;absmiddle&quot; alt=&quot;Como criar um botão CSS clicável com efeitos a, a:hover, a:visited e a:focus&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg55ejpr9-WCg3kxO8Y26tr_cWSuY7z38rEt_fR_Y70n6lMF4PZfGtcsW7VXsN-Nqc_tT2nZNaNcUQsWD8XuHMbUAd-BbnoxeVpIWRU8V_4rZ0oLvm5gExdi_F1n6m6QnJ3kEFeD_pfX7c/w644-h235-no&quot; title=&quot;Como criar um botão CSS clicável com efeitos a, a:hover, a:visited e a:focus&quot; /&gt;&lt;/center&gt;&lt;br /&gt;
No link a seguir, você encontrará uma tabela de cores com códigos HTML, para fazer as alterações de cores que você quiser! → &lt;a href=&quot;http://adf.ly/511117/tabela-de-cores&quot; target=&quot;_blank&quot;&gt;Clique aqui&lt;/a&gt;! A &quot;arte&quot; do CSS requer muita paciência e prática, mas, é muito gratificante você poder ver se formar objetos, sobre códigos CSS.&lt;br /&gt;
&lt;br /&gt;
Espero que tenham gostado dessa dica! Gostou? Compartilhe! Um abraço e até a próxima!&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjssirxuXV-GR4zp-Fm58EUCw-laIrdIiYysNGlYQJ9t-BFD71p25dd7JQcJT3RIJgNUQoFIYhR_t-CWhq6mEt4rxYRaDeZFq0w_nYvjuDDXcgTlfWSe_edhZCidy0GHHJ5_0Sb5mYTxNo/s1600/feed.png) 5px 50% no-repeat #E6F5FD; border: solid 1px #85DAFF; font-size: 13px; margin-bottom: 5px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: #444444;&quot;&gt;Para receber postagens no seu E-mail, assine nossa Newsletter! → &lt;a href=&quot;http://goo.gl/T9saMO&quot; target=&quot;_blank&quot;&gt;Clique e assine agora!&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtTQVL1TGG8MUiSEFbitySihO1p0zumBUmOfaUBa7aPG7EHOWf-_EwkJ9fwgNQB-t1jc2Q_Gr4TJOOvBE0iKo2c6qkrOZUL268tPEQDG5e56L1lJStAzjTH4c9Z5L1LgJ2JHznMIEtJek/s1600/exclama%25C3%25A7%25C3%25A3o+amarela-16px.png) 5px 50% no-repeat #FFFFE0; border: solid 1px #FFD691; font-size: 13px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: tomato;&quot;&gt;Informar link quebrado eu erro nesta postagem!&lt;/span&gt; → &lt;a href=&quot;mailto:dicasdoartony@gmail.com&quot; target=&quot;_blank&quot;&gt;dicasdoartony@gmail.com&lt;/a&gt;&lt;/div&gt;</description><link>http://dicasdoartony.blogspot.com/2014/02/como-criar-um-botao-css-clicavel-com.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRXA7sdC0T3MKasC5LMLm_Sxs5BYt79uejr37BvXm9POqn_0323bVhZ4Txf50DyyLh3a22IBUPIJoO1VeD53V07fol8D9nUj3qKWqs_Yv6z8SkZgdOgr4_znFD3Qq-11R9F-Lnt3K7YPc/s72-c-no" height="72" width="72"/></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2102358606823850225.post-7151052695224442462</guid><pubDate>Sun, 02 Feb 2014 02:16:00 +0000</pubDate><atom:updated>2014-02-21T00:16:29.939-03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Internet</category><category domain="http://www.blogger.com/atom/ns#">Redes Sociais</category><category domain="http://www.blogger.com/atom/ns#">Tutoriais</category><title>Como vincular uma conta do Twitter ao Facebook</title><description>&lt;center&gt;&lt;img alt=&quot;Como vincular uma conta do Twitter ao Facebook&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNaX5pceLW_A3HunK1ghjNLrdzc9lLzAKkUe1JC1pgYx6LFtmS-9zaXPyhpjkRuK8AzZTtNO8USUS4YxPSHXtwr0y7IFNWoczOuzPBDiy7LPrA79butfc58irPtBjgcyB6Qz72uPBAwHw/s200-no/09+twitter-face.png&quot; title=&quot;Como vincular uma conta do Twitter ao Facebook&quot;/&gt;&lt;/center&gt;&lt;br /&gt;
Olá Prezados leitores do Blog Dicas do Artony!&lt;br /&gt;
&lt;br /&gt;
Na postagem anterior, mostrei &lt;a href=&quot;http://goo.gl/rfYAec&quot; target=&quot;_blank&quot;&gt;como vincular uma conta do Facebook a uma conta do Twitter&lt;/a&gt;, essa ação, faz com que seus tweets sejam publicados em seu perfil, página ou ambos no seu Facebook, de acordo com as opções escolhidas. Porém, para ter seus status de perfil e página do Facebook, tweetados automaticamente, é preciso vincular sua conta do Twitter a sua conta do Facebook. Veja como é simples!&lt;br /&gt;
&lt;br /&gt;
Faça login na sua conta do Twitter e Facebook,  respectivamente. Os links abaixo são dos sites oficiais e abrirão em  outras abas, para facilitar o seu procedimento!&lt;br /&gt;
&lt;br /&gt;
Login Twitter: &lt;a href=&quot;https://twitter.com/&quot; target=&quot;_blank&quot;&gt;https://twitter.com&lt;/a&gt;&lt;br /&gt;
Login Facebook: &lt;a href=&quot;https://www.facebook.com/&quot; target=&quot;_blank&quot;&gt;https://www.facebook.com&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Após fazer login no Facebook, veja o endereço na barra do navegador: &lt;span style=&quot;color: blue;&quot;&gt;https://www.facebook.com&lt;/span&gt;. Você deve acrescentar a esse endereço apenas uma barra e a palavra twitter. Assim: &lt;span style=&quot;color: blue;&quot;&gt;/twitter&lt;/span&gt; e teclar Enter (O endereço completo ficará assim: &lt;span style=&quot;color: blue;&quot;&gt;https://www.facebook.com/twitter&lt;/span&gt;). Agora, certamente você verá a página: Facebook para Twitter, então, basta escolher associar seu perfil, página ou ambos e ter suas atualizações do Facebook também postadas no seu Twitter automaticamente e em tempo real.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;divspoiler&quot;&gt;&lt;input type=&quot;button&quot; value=&quot;↓ Ver Conteúdo!&quot; style=&quot;font-family: Calibri; font-size: 19px; background: tomato; border: solid 2px orangered; cursor: pointer; color: #FFFFFF; padding: 6px 8px 6px 8px; width: 200px&quot; onclick=&quot;if (this.parentNode.nextSibling.childNodes[0].style.display != &#39;&#39;) { this.parentNode.nextSibling.childNodes[0].style.display = &#39;&#39;; this.value = &#39;↑ Ocultar Conteúdo!&#39;; } else { this.parentNode.nextSibling.childNodes[0].style.display = &#39;none&#39;; this.value = &#39;↓ Ver Novamente!&#39;; }&quot; /&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;div class=&quot;spoiler&quot; style=&quot;display: none;&quot;&gt;&lt;br /&gt;
&lt;center&gt;&lt;img align=&quot;absmiddle&quot; src=&quot;http://i.imgur.com/xY6n8R4.png&quot; style=&quot;border: solid 1px #e6e6e6;&quot; title=&quot;Como vincular uma conta do Twitter a uma conta do Facebook!&quot; /&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;img align=&quot;absmiddle&quot; src=&quot;http://i.imgur.com/ggg8qla.png&quot; style=&quot;border: solid 1px #e6e6e6;&quot; title=&quot;Como vincular uma conta do Twitter a uma conta do Facebook!&quot; /&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;img align=&quot;absmiddle&quot; src=&quot;http://i.imgur.com/ZiRqxMa.png&quot; style=&quot;border: solid 1px #e6e6e6;&quot; title=&quot;Como vincular uma conta do Twitter a uma conta do Facebook!&quot; /&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;img align=&quot;absmiddle&quot; src=&quot;http://i.imgur.com/RxL6IyM.png&quot; style=&quot;border: solid 1px #e6e6e6;&quot; title=&quot;Como vincular uma conta do Twitter a uma conta do Facebook!&quot; /&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;img align=&quot;absmiddle&quot; src=&quot;http://i.imgur.com/oX6EUGg.png&quot; style=&quot;border: solid 1px #e6e6e6;&quot; title=&quot;Como vincular uma conta do Twitter a uma conta do Facebook!&quot; /&gt;&lt;br /&gt;
&lt;/center&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
Espero que tenham gostado dessa dica! Gostou? Compartilhe! Um abraço e até a próxima!&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjssirxuXV-GR4zp-Fm58EUCw-laIrdIiYysNGlYQJ9t-BFD71p25dd7JQcJT3RIJgNUQoFIYhR_t-CWhq6mEt4rxYRaDeZFq0w_nYvjuDDXcgTlfWSe_edhZCidy0GHHJ5_0Sb5mYTxNo/s1600/feed.png) 5px 50% no-repeat #E6F5FD; border: solid 1px #85DAFF; font-size: 13px; margin-bottom: 5px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: #444444;&quot;&gt;Para receber postagens no seu E-mail, assine nossa Newsletter! → &lt;a href=&quot;http://goo.gl/T9saMO&quot; target=&quot;_blank&quot;&gt;Clique e assine agora!&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtTQVL1TGG8MUiSEFbitySihO1p0zumBUmOfaUBa7aPG7EHOWf-_EwkJ9fwgNQB-t1jc2Q_Gr4TJOOvBE0iKo2c6qkrOZUL268tPEQDG5e56L1lJStAzjTH4c9Z5L1LgJ2JHznMIEtJek/s1600/exclama%25C3%25A7%25C3%25A3o+amarela-16px.png) 5px 50% no-repeat #FFFFE0; border: solid 1px #FFD691; font-size: 13px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: tomato;&quot;&gt;Informar link quebrado eu erro nesta postagem!&lt;/span&gt; → &lt;a href=&quot;mailto:dicasdoartony@gmail.com&quot; target=&quot;_blank&quot;&gt;dicasdoartony@gmail.com&lt;/a&gt;&lt;/div&gt;</description><link>http://dicasdoartony.blogspot.com/2014/02/como-vincular-uma-conta-do-twitter-uma.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNaX5pceLW_A3HunK1ghjNLrdzc9lLzAKkUe1JC1pgYx6LFtmS-9zaXPyhpjkRuK8AzZTtNO8USUS4YxPSHXtwr0y7IFNWoczOuzPBDiy7LPrA79butfc58irPtBjgcyB6Qz72uPBAwHw/s72-c-no/09+twitter-face.png" height="72" width="72"/></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2102358606823850225.post-8257434415100036050</guid><pubDate>Sat, 01 Feb 2014 04:16:00 +0000</pubDate><atom:updated>2014-02-21T00:14:08.778-03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Internet</category><category domain="http://www.blogger.com/atom/ns#">Redes Sociais</category><category domain="http://www.blogger.com/atom/ns#">Tutoriais</category><title>Como vincular uma conta do Facebook ao Twitter</title><description>&lt;center&gt;&lt;img alt=&quot;Como vincular uma conta do Facebook ao Twitter&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdA1YlEMzJkynJloVj80sZMS7f1Az9w17b4o2YFJFWNz2S-j8h8lrmi8y_MEED53tF6xcBNp44k9jyPpHejfhR61ryh2C9o13rj-5gcG1tRTuwrbB1j32BJ8gyaWq960U2W9B7X81Z72s/s200-no/08+face-twitter.png&quot; title=&quot;Como vincular uma conta do Facebook ao Twitter&quot; /&gt;&lt;/center&gt;&lt;br /&gt;
Olá Prezados leitores do Blog Dicas do Artony!&lt;br /&gt;
&lt;br /&gt;
Sabemos que as redes sociais têm crescido de forma gigantesca em todo o mundo e os brasileiros engrossam de forma muito relevante essas estatísticas. O Facebook de Mark Zuckerberg, maior rede social do mundo, segundo um grande veículo de comunicação, já tem 47 milhões de usuários só no Brasil e que visitam a plataforma diariamente (&lt;i&gt;Dados de 12/09/2013&lt;/i&gt;), colocando o Brasil como o segundo país do mundo com mais atividade na rede social, só ficando atrás dos Estados Unidos, país de origem do Facebook.&lt;br /&gt;
&lt;br /&gt;
Outra rede social que também já é muito popular no Brasil há alguns anos é o Twitter, há quem critique o micro blog pela limitação dos 140 caracteres por postagem, entretanto, milhões de pessoas não conseguem passar muitas horas sem seus smartphones, tablets e computadores, para utilizar as redes sociais.&lt;br /&gt;
&lt;br /&gt;
É inegável o poder das redes sociais, por isso, o Google também decidiu investir pesado na sua rede social, o &lt;a href=&quot;https://plus.google.com/+google/posts&quot; target=&quot;_blank&quot;&gt;Google+&lt;/a&gt;. Haja vista que todas as empresas que se prezam, sejam grandes ou pequenas, nacionais ou multinacionais, celebridades nacionais e internacionais, marcam presença em peso nas redes sociais, eles que não são &quot;bobos&quot; nem nada, sabem que precisam está onde o povo está!&lt;br /&gt;
&lt;br /&gt;
Nessa postagem, mostrarei como vincular uma conta do Facebook a uma conta do Twitter e vice-versa. Inicialmente, vamos fazer o vínculo da conta Facebook à conta do Twitter. Você que é usuário das duas redes sociais, sabia que é possível associar uma conta à outra? De forma que seus tweets sejam publicados automaticamente no seu perfil ou página do Facebook (&lt;i&gt;1/2&lt;/i&gt;) e seus status de perfil ou página do Facebook sejam tweetados automaticamente (&lt;i&gt;2/2&lt;/i&gt;). Em breve...&lt;br /&gt;
&lt;br /&gt;
Faça login na sua conta do Facebook e Twitter, respectivamente. Os links abaixo são dos sites oficiais e abrirão em outras abas, para facilitar o seu procedimento!&lt;br /&gt;
&lt;br /&gt;
Login Facebook: &lt;a href=&quot;https://www.facebook.com/&quot; target=&quot;_blank&quot;&gt;https://www.facebook.com&lt;/a&gt;&lt;br /&gt;
Login Twitter: &lt;a href=&quot;https://twitter.com/&quot; target=&quot;_blank&quot;&gt;https://twitter.com&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;divspoiler&quot;&gt;&lt;input type=&quot;button&quot; value=&quot;↓ Ver Conteúdo!&quot; style=&quot;font-family: Calibri; font-size: 19px; background: tomato; border: solid 2px orangered; cursor: pointer; color: #FFFFFF; padding: 6px 8px 6px 8px; width: 200px&quot; onclick=&quot;if (this.parentNode.nextSibling.childNodes[0].style.display != &#39;&#39;) { this.parentNode.nextSibling.childNodes[0].style.display = &#39;&#39;; this.value = &#39;↑ Ocultar Conteúdo!&#39;; } else { this.parentNode.nextSibling.childNodes[0].style.display = &#39;none&#39;; this.value = &#39;↓ Ver Novamente!&#39;; }&quot; /&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;div class=&quot;spoiler&quot; style=&quot;display: none;&quot;&gt;&lt;br /&gt;
&lt;center&gt;&lt;img align=&quot;absmiddle&quot; src=&quot;http://i.imgur.com/fzFkIi7.png&quot; title=&quot;Como vincular uma conta do Facebook a uma conta do Twitter!&quot; style=&quot;border: solid 1px #e6e6e6&quot;/&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;img align=&quot;absmiddle&quot; src=&quot;http://i.imgur.com/EE6BI0k.png&quot; title=&quot;Como vincular uma conta do Facebook a uma conta do Twitter!&quot; style=&quot;border: solid 1px #e6e6e6&quot;/&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;img align=&quot;absmiddle&quot; src=&quot;http://i.imgur.com/NspvmI7.png&quot; title=&quot;Como vincular uma conta do Facebook a uma conta do Twitter!&quot; style=&quot;border: solid 1px #e6e6e6&quot;/&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;img align=&quot;absmiddle&quot; src=&quot;http://i.imgur.com/ps8rbYq.png&quot; title=&quot;Como vincular uma conta do Facebook a uma conta do Twitter!&quot; style=&quot;border: solid 1px #e6e6e6&quot;/&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;img align=&quot;absmiddle&quot; src=&quot;http://i.imgur.com/dDHznRf.png&quot; title=&quot;Como vincular uma conta do Facebook a uma conta do Twitter!&quot; style=&quot;border: solid 1px #e6e6e6&quot;/&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;img align=&quot;absmiddle&quot; src=&quot;http://i.imgur.com/SSiyrv3.png&quot; title=&quot;Como vincular uma conta do Facebook a uma conta do Twitter!&quot; style=&quot;border: solid 1px #e6e6e6&quot;/&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;img align=&quot;absmiddle&quot; src=&quot;http://i.imgur.com/YfPDltJ.png&quot; title=&quot;Como vincular uma conta do Facebook a uma conta do Twitter!&quot; style=&quot;border: solid 1px #e6e6e6&quot;/&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;img align=&quot;absmiddle&quot; src=&quot;http://i.imgur.com/MwEZiwf.png&quot; title=&quot;Como vincular uma conta do Facebook a uma conta do Twitter!&quot; style=&quot;border: solid 1px #e6e6e6&quot;/&gt;&lt;br /&gt;
&lt;/center&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
Espero que tenham gostado dessa dica! Gostou? Compartilhe! Um abraço e até a próxima!&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjssirxuXV-GR4zp-Fm58EUCw-laIrdIiYysNGlYQJ9t-BFD71p25dd7JQcJT3RIJgNUQoFIYhR_t-CWhq6mEt4rxYRaDeZFq0w_nYvjuDDXcgTlfWSe_edhZCidy0GHHJ5_0Sb5mYTxNo/s1600/feed.png) 5px 50% no-repeat #E6F5FD; border: solid 1px #85DAFF; font-size: 13px; margin-bottom: 5px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: #444444;&quot;&gt;Para receber postagens no seu E-mail, assine nossa Newsletter! → &lt;a href=&quot;http://goo.gl/T9saMO&quot; target=&quot;_blank&quot;&gt;Clique e assine agora!&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtTQVL1TGG8MUiSEFbitySihO1p0zumBUmOfaUBa7aPG7EHOWf-_EwkJ9fwgNQB-t1jc2Q_Gr4TJOOvBE0iKo2c6qkrOZUL268tPEQDG5e56L1lJStAzjTH4c9Z5L1LgJ2JHznMIEtJek/s1600/exclama%25C3%25A7%25C3%25A3o+amarela-16px.png) 5px 50% no-repeat #FFFFE0; border: solid 1px #FFD691; font-size: 13px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: tomato;&quot;&gt;Informar link quebrado eu erro nesta postagem!&lt;/span&gt; → &lt;a href=&quot;mailto:dicasdoartony@gmail.com&quot; target=&quot;_blank&quot;&gt;dicasdoartony@gmail.com&lt;/a&gt;&lt;/div&gt;</description><link>http://dicasdoartony.blogspot.com/2014/02/como-vincular-uma-conta-do-facebook-uma.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdA1YlEMzJkynJloVj80sZMS7f1Az9w17b4o2YFJFWNz2S-j8h8lrmi8y_MEED53tF6xcBNp44k9jyPpHejfhR61ryh2C9o13rj-5gcG1tRTuwrbB1j32BJ8gyaWq960U2W9B7X81Z72s/s72-c-no/08+face-twitter.png" height="72" width="72"/></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2102358606823850225.post-4312613748053909744</guid><pubDate>Mon, 27 Jan 2014 21:14:00 +0000</pubDate><atom:updated>2014-02-21T01:28:43.670-03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blogger</category><category domain="http://www.blogger.com/atom/ns#">CSS - HTML - Scripts e etc.</category><category domain="http://www.blogger.com/atom/ns#">Personalização</category><category domain="http://www.blogger.com/atom/ns#">Tutoriais</category><title>Como personalizar a barra de pesquisa do Blogger</title><description>&lt;center&gt;&lt;img alt=&quot;Como personalizar a barra de pesquisa do Blogger&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsHaFeAEDfO1jKQh3cqf53V9h7W-UiB7_mgmoPVbFvuDFJNRG6nizO44VriYItfQGQqcpxxb_GQ2lnyNfaN0Eijz8_ECPSoVCVKryZl7Bz6Pzb69THWm5EslZprO12gCVc9UDcUIi7C_s/s200-no/07+pesquisa+blogger.png&quot; title=&quot;Como personalizar a barra de pesquisa do Blogger&quot; style=&quot;border: solid 1px #E6E6E6&quot;/&gt;&lt;/center&gt;&lt;br /&gt;
Olá Prezados leitores do Blog Dicas do Artony!&lt;br /&gt;
&lt;br /&gt;
Essa postagem, é dedicada aos blogueiros iniciantes iguais a mim! Sabemos que o Blogger é um tanto quanto &quot;limitado&quot; na customização de certos recursos e alterações mais profundas no template requerem um pouco mais de conhecimento e pesquisa. Mostrarei como customizar a barra de pesquisa do Blogger e deixá-la com um aspecto mais elegante!&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background: url(http://i.imgur.com/lkAw972.png) 8px 50% no-repeat #E6F5FD; border: solid 1px #85DAFF; line-height: 110%; padding: 10px 10px 10px 50px;&quot;&gt;O código inicial, foi indicado pelo &lt;a href=&quot;http://www.dicasblogger.com.br/2013/06/personalizar-caixa-pesquisa-blogger.html&quot; target=&quot;_blank&quot;&gt;Dicas Blogger&lt;/a&gt;, porém, confesso que achei o resultado &quot;meio&quot; simplista, por isso, decidi ser um pouco mais arrojado e inserir algumas alterações próprias!&lt;/div&gt;&lt;br /&gt;
&lt;span style=&quot;color: darkorange; font-size: 21px&quot;&gt;Adicionando a caixa de pesquisa padrão!&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;Faça Login no Blogger, acesse: &lt;a href=&quot;https://www.blogger.com/home&quot; target=&quot;_blank&quot;&gt;https://www.blogger.com/home&lt;/a&gt;. Escolha seu Blog que receberá a customização e clique em &quot;&lt;span style=&quot;color: blue;&quot;&gt;Layout&lt;/span&gt;&quot;.&lt;br /&gt;
&lt;center&gt;&lt;img alt=&quot;Como personalizar a barra de pesquisa do Blogger&quot; src=&quot;http://i.imgur.com/mlZETV8.png&quot; style=&quot;margin-top: 5px;&quot; title=&quot;Como personalizar a barra de pesquisa do Blogger&quot; /&gt;&lt;/center&gt;&lt;/li&gt;
&lt;li&gt;Clique em &quot;&lt;span style=&quot;color: blue;&quot;&gt;Adicionar um Gadget&lt;/span&gt;&quot; e clique para adicionar a &quot;&lt;span style=&quot;color: blue;&quot;&gt;Caixa de pesquisa&lt;/span&gt;&quot;. Escolha suas preferências para a pesquisa e clique em &quot;&lt;span style=&quot;color: blue;&quot;&gt;Salvar&lt;/span&gt;&quot;.&lt;br /&gt;
&lt;center&gt;&lt;img alt=&quot;Como personalizar a barra de pesquisa do Blogger&quot; src=&quot;http://i.imgur.com/c2E1td7.png&quot; style=&quot;margin-top: 5px;&quot; title=&quot;Como personalizar a barra de pesquisa do Blogger&quot; width=&quot;585&quot; /&gt;&lt;/center&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;br /&gt;
&lt;span style=&quot;color: darkorange; font-size: 21px&quot;&gt;Adicionando o código HTML ao template!&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;No painel de controle do Blogger, clique em &quot;&lt;span style=&quot;color: blue;&quot;&gt;Modelo&lt;/span&gt;&quot;, depois em &quot;&lt;span style=&quot;color: blue;&quot;&gt;Editar HTML&lt;/span&gt;&quot;.&lt;/li&gt;
&lt;li&gt;Clique dentro da área do template e tecle &lt;b&gt;Ctrl+F&lt;/b&gt;. Agora pesquise por: &lt;span style=&quot;color: blue;&quot;&gt;&lt;b&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/b&gt;&lt;/span&gt; digitando ou colando.&lt;/li&gt;
&lt;li&gt;Copie o código abaixo e cole-o logo acima da tag: &lt;span style=&quot;color: blue;&quot;&gt;&lt;b&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style=&quot;background: url(http://i.imgur.com/42HHYRM.png) no-repeat 482px 5px #F9F9F9; border: solid 3px orange; font-size: 13px; line-height: 120%; margin: 5px 0 5px 0; padding: 10px;&quot;&gt;&lt;span style=&quot;color: #e74b37;&quot;&gt;/*BUSCA*/&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;Etd.gsc-input input {&lt;/span&gt;&lt;br /&gt;
background: #FFFFFF; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Cor de fundo do campo de texto*/&lt;/span&gt;&lt;br /&gt;
border: 1px solid #C6DBEF; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Estilo e cor da borda do campo de texto*/&lt;/span&gt;&lt;br /&gt;
border-radius: 5px 0px 0px 5px; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Estilo de borda arredondada do campo de texto*/&lt;/span&gt;&lt;br /&gt;
color: #333333; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Cor do texto do campo de texto*/&lt;/span&gt;&lt;br /&gt;
font-size: 18px; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Tamanho do texto do campo de texto*/&lt;/span&gt;&lt;br /&gt;
font-family: Calibri, Trebuchet MS; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Fonte do texto do campo de texto*/&lt;/span&gt;&lt;br /&gt;
height: 18px; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Altura do campo de texto*/&lt;/span&gt;&lt;br /&gt;
padding: 5px ; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Margem interna do campo de texto*/&lt;/span&gt;&lt;br /&gt;
margin: 5px 0 0 0; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Margem externa do campo de texto*/&lt;/span&gt;&lt;br /&gt;
}&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;td.gsc-input input:hover {&lt;/span&gt;&lt;br /&gt;
border: 1px solid #8EB9E5; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Estilo e cor da borda quando o mouse estiver em cima do campo de texto*/&lt;/span&gt;&lt;br /&gt;
background: #EAF8FC; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Cor de fundo do campo de texto quando o mouse estiver em cima do campo de texto*/&lt;/span&gt;&lt;br /&gt;
}&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;input.gsc-search-button {&lt;/span&gt;&lt;br /&gt;
border: 1px solid #8EB9E5; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Estilo e cor da borda do botão de pesquisa*/&lt;/span&gt;&lt;br /&gt;
background: url(http://i.imgur.com/vkRTL7l.png) no-repeat 0 50% #F6F6F6; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Imagem e cor de fundo do botão de pesquisa*/&lt;/span&gt;&lt;br /&gt;
color: #2B71BC; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Cor do texto do botão de pesquisa*/&lt;/span&gt;&lt;br /&gt;
padding: 3px 5px 5px 37px; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Margem interna do botão de pesquisa*/&lt;/span&gt;&lt;br /&gt;
font-family: Calibri, Trebuchet MS; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Fonte de texto do botão de pesquisa*/&lt;/span&gt;&lt;br /&gt;
border-radius: 0px 10px 10px 0; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Estilo de borda arredondada do botão de pesquisa*/&lt;/span&gt;&lt;br /&gt;
font-size: 18px; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Tamanho do texto do botão de pesquisa*/&lt;/span&gt;&lt;br /&gt;
margin: 5px 0 0 0; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Margem externa do botão de pesquisa*/&lt;/span&gt;&lt;br /&gt;
}&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;input.gsc-search-button:hover {&lt;/span&gt;&lt;br /&gt;
border: 1px solid #3B80CE; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Estilo e cor da borda quando o mouse estiver em cima do botão de pesquisa*/&lt;/span&gt;&lt;br /&gt;
background: url(http://i.imgur.com/vkRTL7l.png) no-repeat 0 50% #e6e6e6; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Imagem e cor de fundo quando o mouse estiver em cima do botão de pesquisa*/&lt;/span&gt;&lt;br /&gt;
color: #E74B37; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Cor do texto quando o mouse estiver em cima do botão de pesquisa*/&lt;/span&gt;&lt;br /&gt;
}&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;input.gsc-search-button:focus {&lt;/span&gt;&lt;br /&gt;
border: 1px solid #3B80CE; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Estilo e cor da borda quando o mouse clica no botão de pesquisa*/&lt;/span&gt;&lt;br /&gt;
background: url(http://i.imgur.com/vkRTL7l.png) no-repeat 0 50% #888888; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Imagem e cor de fundo quando o mouse clica no botão de pesquisa*/&lt;/span&gt;&lt;br /&gt;
color: #FFFFF; &lt;span style=&quot;color: #e74b37;&quot;&gt;/*Cor do texto quando o mouse clica no botão de pesquisa*/&lt;/span&gt;&lt;br /&gt;
}&lt;/div&gt;&lt;/li&gt;
&lt;li&gt;Clique em &quot;&lt;span style=&quot;color: blue;&quot;&gt;Salvar Modelo&lt;/span&gt;&quot;, aguarde as alterações serem feitas e pronto! Curta sua nova e elegante caixa de pesquisa!&lt;/li&gt;
&lt;/ol&gt;&lt;br /&gt;
O código acima, é exatamente o mesmo que estou utilizando no Dicas do Artony nesse momento!&lt;br /&gt;
&lt;br /&gt;
Espero que tenham gostado dessa dica! Gostou? Compartilhe! Um abraço e até a próxima!&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjssirxuXV-GR4zp-Fm58EUCw-laIrdIiYysNGlYQJ9t-BFD71p25dd7JQcJT3RIJgNUQoFIYhR_t-CWhq6mEt4rxYRaDeZFq0w_nYvjuDDXcgTlfWSe_edhZCidy0GHHJ5_0Sb5mYTxNo/s1600/feed.png) 5px 50% no-repeat #E6F5FD; border: solid 1px #85DAFF; font-size: 13px; margin-bottom: 5px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: #444444;&quot;&gt;Para receber postagens no seu E-mail, assine nossa Newsletter! → &lt;a href=&quot;http://goo.gl/T9saMO&quot; target=&quot;_blank&quot;&gt;Clique e assine agora!&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtTQVL1TGG8MUiSEFbitySihO1p0zumBUmOfaUBa7aPG7EHOWf-_EwkJ9fwgNQB-t1jc2Q_Gr4TJOOvBE0iKo2c6qkrOZUL268tPEQDG5e56L1lJStAzjTH4c9Z5L1LgJ2JHznMIEtJek/s1600/exclama%25C3%25A7%25C3%25A3o+amarela-16px.png) 5px 50% no-repeat #FFFFE0; border: solid 1px #FFD691; font-size: 13px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: tomato;&quot;&gt;Informar link quebrado eu erro nesta postagem!&lt;/span&gt; → &lt;a href=&quot;mailto:dicasdoartony@gmail.com&quot; target=&quot;_blank&quot;&gt;dicasdoartony@gmail.com&lt;/a&gt;&lt;/div&gt;</description><link>http://dicasdoartony.blogspot.com/2014/01/como-personalizar-barra-de-pesquisa-do.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsHaFeAEDfO1jKQh3cqf53V9h7W-UiB7_mgmoPVbFvuDFJNRG6nizO44VriYItfQGQqcpxxb_GQ2lnyNfaN0Eijz8_ECPSoVCVKryZl7Bz6Pzb69THWm5EslZprO12gCVc9UDcUIi7C_s/s72-c-no/07+pesquisa+blogger.png" height="72" width="72"/></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2102358606823850225.post-2058371594187324988</guid><pubDate>Sun, 26 Jan 2014 19:36:00 +0000</pubDate><atom:updated>2014-02-21T00:09:54.278-03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Downloads</category><category domain="http://www.blogger.com/atom/ns#">Internet</category><category domain="http://www.blogger.com/atom/ns#">Segurança</category><title>SpyHunter 4 - Suíte de Segurança!</title><description>&lt;center&gt;&lt;img alt=&quot;SpyHunter 4 - Suíte de Segurança!&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgneEBvvL9bXCC4TTDSPO-csKbvS5ZvhWwa2KimyxsMDdfQ1jhQbyk0y0KaCP7rMAtPQG0eYgd61dlSvUyBRR2XP_r37qMnXRGoLUEpwaLJ58LWKW4YFaBjqY4hPmHk_JNUjo68Bl-X9jA/s200-no&quot; title=&quot;SpyHunter 4 - Suíte de Segurança!&quot; /&gt;&lt;/center&gt;&lt;br /&gt;
Olá Prezados leitores do Blog Dicas do Artony!&lt;br /&gt;
&lt;br /&gt;
A segurança na Internet é uma prioridade nos dias atuais, principalmente, com o crescente número de crimes virtuais praticados, amplamente divulgados por todos os meios de comunicação. A máxima &quot;&lt;i&gt;Segurança nunca é demais&lt;/i&gt;&quot;, nunca esteve tão pertinente e o SpyHunter 4 certamente lhe ajudará a estar mais seguro!&lt;br /&gt;
&lt;br /&gt;
O programa em sua versão gratuita, apesar de não excluir automaticamente os arquivos infectados, com um clique no botão direito do mouse, detalha em qual pasta está, sendo possível acessá-la e excluir a ameaça manualmente!&lt;br /&gt;
&lt;br /&gt;
&lt;center&gt;Baixar SpyHunter 4&lt;br /&gt;
&lt;style type=&quot;text/css&quot;&gt;
#download {
font-family: Arial, Trebuchet MS;
font-size: 16px;
margin-top: -15px;
width: 252px;
}
#download a {
display: block;
background: url(http://i.imgur.com/1KXrKr2.png) no-repeat 0px 0px #FFFFFF;
font-weight: bold;
color: #6AA30F;
line-height: 47px;
text-align: left;
text-shadow: 0 1px 1px #ffffff;
text-decoration: none;
padding: 0 0 0 58px;
}
#download a:hover {
background: url(http://i.imgur.com/1KXrKr2.png) no-repeat 0px -47px #FFFFFF;
color: #629610;
}
#download a:focus {
background: url(http://i.imgur.com/1KXrKr2.png) no-repeat 0px -94px #FFFFFF;
color: #666666;
&lt;/style&gt;&lt;br /&gt;
&lt;div id=&quot;download&quot;&gt;&lt;a href=&quot;http://adf.ly/511117/spyhunter4&quot; target=&quot;_blank&quot; title=&quot;Clique para baixar o arquivo!&quot;&gt;CLIQUE PARA BAIXAR!&lt;/a&gt;&lt;/div&gt;&lt;/center&gt;&lt;br /&gt;
&lt;table cellspacing=&quot;0&quot; style=&quot;border: solid 0px #e6e6e6; box-shadow: 1px 1px 3px #d8d8d8; font-family: Arial; font-size: 13px; line-height: 1.6em; text-align: left; width: 100%;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; rowspan=&quot;1&quot; style=&quot;background: #777777; padding: 4px 10px; text-align: center;&quot;&gt;&lt;span style=&quot;color: white;&quot;&gt;&lt;b&gt;DETALHES TÉCNICOS DO PROGRAMA&lt;/b&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;background: #ffffff; border-bottom: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px; width: 50%;&quot;&gt;Tamanho:&lt;/td&gt;&lt;td style=&quot;background: #ffffff; border-bottom: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;712 KB (Apenas Instalador)&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;background: #f6f6f6; border-bottom: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Sistema Operacional:&lt;/td&gt;&lt;td style=&quot;background: #f6f6f6; border-bottom: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Windows XP / Vista / 7 / 8&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;background: #ffffff; border-bottom: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Categoria:&lt;/td&gt;&lt;td style=&quot;background: #ffffff; border-bottom: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Segurança&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;background: #f6f6f6; border-bottom: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Licença:&lt;/td&gt;&lt;td style=&quot;background: #f6f6f6; border-bottom: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Grátis&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;background: #ffffff; border-bottom: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Site do desenvolvedor:&lt;/td&gt;&lt;td style=&quot;background: #ffffff; border-bottom: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;&lt;a href=&quot;http://adf.ly/511117/spyhunter4-siteoficial&quot; target=&quot;_blank&quot; title=&quot;Clique para acessar...&quot;&gt;www.enigmasoftware.com&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
Espero que tenham gostado dessa dica! Gostou? Compartilhe! Um abraço e até a próxima!&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjssirxuXV-GR4zp-Fm58EUCw-laIrdIiYysNGlYQJ9t-BFD71p25dd7JQcJT3RIJgNUQoFIYhR_t-CWhq6mEt4rxYRaDeZFq0w_nYvjuDDXcgTlfWSe_edhZCidy0GHHJ5_0Sb5mYTxNo/s1600/feed.png) 5px 50% no-repeat #E6F5FD; border: solid 1px #85DAFF; font-size: 13px; margin-bottom: 5px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: #444444;&quot;&gt;Para receber postagens no seu E-mail, assine nossa Newsletter! → &lt;a href=&quot;http://goo.gl/T9saMO&quot; target=&quot;_blank&quot;&gt;Clique e assine agora!&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtTQVL1TGG8MUiSEFbitySihO1p0zumBUmOfaUBa7aPG7EHOWf-_EwkJ9fwgNQB-t1jc2Q_Gr4TJOOvBE0iKo2c6qkrOZUL268tPEQDG5e56L1lJStAzjTH4c9Z5L1LgJ2JHznMIEtJek/s1600/exclama%25C3%25A7%25C3%25A3o+amarela-16px.png) 5px 50% no-repeat #FFFFE0; border: solid 1px #FFD691; font-size: 13px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: tomato;&quot;&gt;Informar link quebrado eu erro nesta postagem!&lt;/span&gt; → &lt;a href=&quot;mailto:dicasdoartony@gmail.com&quot; target=&quot;_blank&quot;&gt;dicasdoartony@gmail.com&lt;/a&gt;&lt;/div&gt;</description><link>http://dicasdoartony.blogspot.com/2014/01/spyhunter-4-suite-de-seguranca.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgneEBvvL9bXCC4TTDSPO-csKbvS5ZvhWwa2KimyxsMDdfQ1jhQbyk0y0KaCP7rMAtPQG0eYgd61dlSvUyBRR2XP_r37qMnXRGoLUEpwaLJ58LWKW4YFaBjqY4hPmHk_JNUjo68Bl-X9jA/s72-c-no" height="72" width="72"/></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2102358606823850225.post-3625490627986554596</guid><pubDate>Thu, 23 Jan 2014 18:51:00 +0000</pubDate><atom:updated>2014-02-21T00:06:52.751-03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Android</category><category domain="http://www.blogger.com/atom/ns#">Tutoriais</category><title>Como restaurar versão de fábrica nos aplicativos do Android</title><description>&lt;center&gt;&lt;img alt=&quot;Como restaurar a configuração de fábrica nos aplicativos (Apps) do Android&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaf7lfw9gailr587O4HMFJiCyGm7TPg71pZxjm7__SOUbcgnI8nyMog8iSCfCF0BRXFKQjLGAVOeAFW3hxXe7qRKSospXbC_WcxjYAGBq3DAGauQ6921Uym3wZ_Nma6ZW8hPBkl5BBclI/s200-no/05+android.png&quot; title=&quot;Como restaurar a configuração de fábrica nos aplicativos (Apps) do Android&quot; /&gt;&lt;/center&gt;&lt;br /&gt;
Olá Prezados leitores do Blog Dicas do Artony!&lt;br /&gt;
&lt;br /&gt;
Nessa postagem, mostrarei como restaurar a configuração de fábrica nos aplicativos (Apps) do Android. O Android é a plataforma móvel mais popular do mundo, com mais de 70% de participação no mercado, até o começo de Abril de 2013 (&lt;i&gt;Fonte - Olhar Digital&lt;/i&gt;), está presente em centenas de milhões de dispositivos móveis em mais de 190 países ao redor do mundo. É a maior plataforma instalada e de rápido crescimento. Segundo o próprio site do Android, a cada dia, mais de um milhão de usuários ligam seus dispositivos Android pela primeira vez e começam a olhar para os aplicativos, jogos e outros conteúdos digitais.&lt;br /&gt;
&lt;br /&gt;
Porém, é muito comum encontrar usuários insatisfeitos com um ou outro aplicativo do Android, talvez, por esse motivo, mais de 20% dos usuários da plataforma Android migraram para o Windows Phone em 2013, sistema móvel da Microsoft, concorrente do Android (Google)! Particularmente, tive alguns problemas com três ou quatro aplicativos do Android: YouTube (O mais crítico), Google+, Hangout, etc. (É válido ressaltar que problemas desse tipo, sem explicação lógica, variam muito, de acordo com cada dispositivo, fabricante e versão do Android instalado). No meu caso, um SONY XPERIA - E Dual C1604 - Android 4.1.1.&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;YouTube&lt;/span&gt; - Durante semanas, a cada tentativa de atualizar o aplicativo do YouTube, eu sofria uma decepção, a resposta era incessante ao abrir o aplicativo após a atualização: &quot;&lt;span style=&quot;color: blue;&quot;&gt;Problema de rede&lt;/span&gt;&quot;, então, lá ia eu novamente restaurar o aplicativo padrão de fábrica, até que um dia tentei novamente e... Viva! O aplicativo atualizado abriu e rodou alguns vídeos, mas, para minha &quot;tristeza&quot;, vi que uma função que EU julgava prática na versão anterior havia sido tirada. De lá para cá, nunca mais atualizei o aplicativo do YouTube, podem conferir na primeira imagen do tutorial abaixo, que o meu aplicativo do YouTube ainda é o antigo! Para não me alongar muito, não vou citar os problemas com os outros aplicativos citados acima.&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background: url(http://i.imgur.com/CZiq905.png) 8px 50% no-repeat #FFF2F2; border: solid 1px #FFC4C4; line-height: 110%; padding: 10px 10px 10px 50px;&quot;&gt;Apenas faça esse procedimento, se estiver enfrentando problemas em algum aplicativo específico, restaurar aplicativos nativos do sistema, pode prejudicar o seu bom funcionamento e do dispositivo! Repito, restaure apenas o aplicativo que está com problema e/ou o qual você tem certeza que é o causador do erro!&lt;/div&gt;&lt;br /&gt;
No meu caso, restaurei o aplicativo do Facebook, porém, mesmo voltando ao padrão de fábrica, o problema persistiu, que é não mostrar imagens no aplicativo.&lt;br /&gt;
&lt;br /&gt;
São oito passos e dez telas para concluir o procedimento:&lt;br /&gt;
&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;Toque no ícone do &quot;&lt;span style=&quot;color: blue;&quot;&gt;Menu&lt;/span&gt;&quot;. &lt;a href=&quot;http://adf.ly/511117/android1&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://i.imgur.com/GXyteAx.png&quot; title=&quot;Ver imagem!&quot; /&gt;&lt;/a&gt; &lt;/li&gt;
&lt;li&gt;Encontre e toque no ícone de &quot;&lt;span style=&quot;color: blue;&quot;&gt;Configurações&lt;/span&gt;&quot;. &lt;a href=&quot;http://adf.ly/511117/android2&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://i.imgur.com/GXyteAx.png&quot; title=&quot;Ver imagem!&quot; /&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Toque em &quot;&lt;span style=&quot;color: blue;&quot;&gt;Aplicativos&lt;/span&gt;&quot;. &lt;a href=&quot;http://adf.ly/511117/android3&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://i.imgur.com/GXyteAx.png&quot; title=&quot;Ver imagem!&quot; /&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Na guia &quot;&lt;span style=&quot;color: blue;&quot;&gt;TODOS&lt;/span&gt;&quot;, encontre e toque no aplicativo que será revertido. &lt;a href=&quot;http://adf.ly/511117/android4&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://i.imgur.com/GXyteAx.png&quot; title=&quot;Ver imagem!&quot; /&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Toque em &quot;&lt;span style=&quot;color: blue;&quot;&gt;Desinstalar atualizações&lt;/span&gt;&quot;. &lt;a href=&quot;http://adf.ly/511117/android5&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://i.imgur.com/GXyteAx.png&quot; title=&quot;Ver imagem!&quot; /&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Confirme que deseja prosseguir, tocando em &quot;&lt;span style=&quot;color: blue;&quot;&gt;OK&lt;/span&gt;&quot;. &lt;a href=&quot;http://adf.ly/511117/android6&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://i.imgur.com/GXyteAx.png&quot; title=&quot;Ver imagem!&quot; /&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Confirme mais uma vez, a substituição pelo aplicativo de fábrica, &quot;&lt;span style=&quot;color: blue;&quot;&gt;OK&lt;/span&gt;&quot;. &lt;a href=&quot;http://adf.ly/511117/android7&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://i.imgur.com/GXyteAx.png&quot; title=&quot;Ver imagem!&quot; /&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Aguarde... &lt;a href=&quot;http://adf.ly/511117/android8&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://i.imgur.com/GXyteAx.png&quot; title=&quot;Ver imagem!&quot; /&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Ao finalizar a desinstalação, clique em &quot;&lt;span style=&quot;color: blue;&quot;&gt;OK&lt;/span&gt;&quot;. &lt;a href=&quot;http://adf.ly/511117/android9&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://i.imgur.com/GXyteAx.png&quot; title=&quot;Ver imagem!&quot; /&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Pronto, o aplicativo foi restaurado para a versão original de fábrica! &lt;a href=&quot;http://adf.ly/511117/android10&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://i.imgur.com/GXyteAx.png&quot; title=&quot;Ver imagem!&quot; /&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;br /&gt;
Em breve, um tutorial sobre como desativar aplicativos que você não usa no seu Android, aguardem...&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background: url(http://i.imgur.com/lkAw972.png) 5px 50% no-repeat #E6F5FD; border: solid 1px #85DAFF; color: darkblue; line-height: 110%; padding: 10px 5px 10px 5px; text-align: center;&quot;&gt;Atualização da postagem acima!&lt;/div&gt;&lt;br /&gt;
Poucas horas após publicar essa postagem, por curiosidade, tentei atualizar o aplicativo do YouTube e constatei que o problema persiste! Observe que enquanto utilizando o aplicativo mais recente (Primeira imagem), ocorreu o erro de conexão! Porém, utilizando o aplicativo padrão de fábrica, consegui acessar meu canal e minhas inscrições normalmente!&lt;br /&gt;
&lt;br /&gt;
&lt;center&gt;&lt;img alt=&quot;Como restaurar a configuração de fábrica nos aplicativos (Apps) do Android&quot; src=&quot;http://s19.postimg.org/yqnawrdc3/image.png&quot; height=&quot;400&quot; title=&quot;Como restaurar a configuração de fábrica nos aplicativos (Apps) do Android&quot; width=&quot;266&quot; /&gt; &lt;img alt=&quot;Como restaurar a configuração de fábrica nos aplicativos (Apps) do Android&quot; src=&quot;http://s19.postimg.org/z4omwcxfn/image.png&quot; height=&quot;400&quot; title=&quot;Como restaurar a configuração de fábrica nos aplicativos (Apps) do Android&quot; width=&quot;266&quot; /&gt;&lt;/center&gt;&lt;br /&gt;
Espero que tenham gostado dessa dica! Gostou? Compartilhe! Um abraço e até a próxima!&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjssirxuXV-GR4zp-Fm58EUCw-laIrdIiYysNGlYQJ9t-BFD71p25dd7JQcJT3RIJgNUQoFIYhR_t-CWhq6mEt4rxYRaDeZFq0w_nYvjuDDXcgTlfWSe_edhZCidy0GHHJ5_0Sb5mYTxNo/s1600/feed.png) 5px 50% no-repeat #E6F5FD; border: solid 1px #85DAFF; font-size: 13px; margin-bottom: 5px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: #444444;&quot;&gt;Para receber postagens no seu E-mail, assine nossa Newsletter! → &lt;a href=&quot;http://goo.gl/T9saMO&quot; target=&quot;_blank&quot;&gt;Clique e assine agora!&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtTQVL1TGG8MUiSEFbitySihO1p0zumBUmOfaUBa7aPG7EHOWf-_EwkJ9fwgNQB-t1jc2Q_Gr4TJOOvBE0iKo2c6qkrOZUL268tPEQDG5e56L1lJStAzjTH4c9Z5L1LgJ2JHznMIEtJek/s1600/exclama%25C3%25A7%25C3%25A3o+amarela-16px.png) 5px 50% no-repeat #FFFFE0; border: solid 1px #FFD691; font-size: 13px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: tomato;&quot;&gt;Informar link quebrado eu erro nesta postagem!&lt;/span&gt; → &lt;a href=&quot;mailto:dicasdoartony@gmail.com&quot; target=&quot;_blank&quot;&gt;dicasdoartony@gmail.com&lt;/a&gt;&lt;/div&gt;</description><link>http://dicasdoartony.blogspot.com/2014/01/como-restaurar-configuracao-de-fabrica.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaf7lfw9gailr587O4HMFJiCyGm7TPg71pZxjm7__SOUbcgnI8nyMog8iSCfCF0BRXFKQjLGAVOeAFW3hxXe7qRKSospXbC_WcxjYAGBq3DAGauQ6921Uym3wZ_Nma6ZW8hPBkl5BBclI/s72-c-no/05+android.png" height="72" width="72"/></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2102358606823850225.post-6419719800887007109</guid><pubDate>Tue, 21 Jan 2014 19:06:00 +0000</pubDate><atom:updated>2014-02-21T00:02:54.098-03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tutoriais</category><category domain="http://www.blogger.com/atom/ns#">Windows</category><title>Como saber se o Windows é de 32 Bits ou 64 Bits</title><description>&lt;center&gt;&lt;img alt=&quot;Como saber se o seu Sistema Operacional Windows é 32 Bits ou 64 Bits&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQugGEVuSxr1BfAEr1H81-z-t8TlMDZ9sikn22Z2_0fV9wZ7GBNR_srSiEMwOGNw82kFKoCbn0HxaNf1FvcpP1wyif3SBgSkKql9YDhvadUeJaKoF-dQ4x4Tuy9GDRKarIGx8J-SIKTR8/s200-no/04+configura%25C3%25A7%25C3%25A3o.png&quot; title=&quot;Como saber se o seu Sistema Operacional Windows é 32 Bits ou 64 Bits&quot; /&gt;&lt;/center&gt;&lt;br /&gt;
Olá Prezados leitores do Blog Dicas do Artony!&lt;br /&gt;
&lt;br /&gt;
Nesta postagem, mostrarei como saber qual é o tipo do seu Sistema Operacional Windows, 32 Bits ou 64 Bits. Alguns usuários iniciantes ainda ficam em dúvida sobre essa questão, principalmente na hora de baixar programas, que são disponibilizados pelos desenvolvedores nas duas versões, 32 Bits e 64 Bits. Veja como é simples tirar essa dúvida com apenas três cliques!&lt;br /&gt;
&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;Clique no botão Iniciar do Windows.&lt;/li&gt;
&lt;li&gt;Clique com o botão direito do mouse em &quot;&lt;span style=&quot;color: blue;&quot;&gt;Computador&lt;/span&gt;&quot;.&lt;/li&gt;
&lt;li&gt;Clique em &quot;&lt;span style=&quot;color: blue;&quot;&gt;Propriedades&lt;/span&gt;&quot;. Na janela que será aberta, veja qual é o tipo do seu Sistema Operacional!&lt;/li&gt;
&lt;/ol&gt;&lt;br /&gt;
&lt;center&gt;&lt;img alt=&quot;Como saber se o seu Sistema Operacional Windows é 32 Bits ou 64 Bits? - (Imagem)&quot; src=&quot;http://i.imgur.com/fpPttiP.png&quot; title=&quot;Como saber se o seu Sistema Operacional Windows é 32 Bits ou 64 Bits?&quot; /&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;img alt=&quot;Como saber se o seu Sistema Operacional Windows é 32 Bits ou 64 Bits? - (Imagem)&quot; src=&quot;http://i.imgur.com/9DRnX03.png&quot; title=&quot;Como saber se o seu Sistema Operacional Windows é 32 Bits ou 64 Bits?&quot; /&gt;&lt;/center&gt;&lt;br /&gt;
Espero que tenham gostado dessa dica! Gostou? Compartilhe! Um abraço e até a próxima!&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlH0Q-RIR-yc8UZ_NFNX3p4cDn_s0NatZUZHHIM5b7j_ZcWMZo-JOPvZDMCohIJ_rijODjlQ3eB-q9MjVI22XDMZ3UoAX20Wftl8mz0uvgnX5eMz2_1Umoqlb-aZ__7J7V7JIdP_flU5w/s16-no/GSK7P2j.png) 5px 50% no-repeat #E6F5FD; border: solid 1px #85DAFF; font-size: 13px; margin-bottom: 5px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: #444444;&quot;&gt;Para receber postagens no seu E-mail, assine nossa Newsletter! → &lt;a href=&quot;http://goo.gl/T9saMO&quot; target=&quot;_blank&quot;&gt;Clique e assine agora!&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtTQVL1TGG8MUiSEFbitySihO1p0zumBUmOfaUBa7aPG7EHOWf-_EwkJ9fwgNQB-t1jc2Q_Gr4TJOOvBE0iKo2c6qkrOZUL268tPEQDG5e56L1lJStAzjTH4c9Z5L1LgJ2JHznMIEtJek/s16-no/exclama%25C3%25A7%25C3%25A3o+amarela-16px.png) 5px 50% no-repeat #FFFFE0; border: solid 1px #FFD691; font-size: 13px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: tomato;&quot;&gt;Informar link quebrado eu erro nesta postagem!&lt;/span&gt; → &lt;a href=&quot;mailto:dicasdoartony@gmail.com&quot; target=&quot;_blank&quot;&gt;dicasdoartony@gmail.com&lt;/a&gt;&lt;/div&gt;</description><link>http://dicasdoartony.blogspot.com/2014/01/como-saber-se-o-seu-sistema-operacional.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQugGEVuSxr1BfAEr1H81-z-t8TlMDZ9sikn22Z2_0fV9wZ7GBNR_srSiEMwOGNw82kFKoCbn0HxaNf1FvcpP1wyif3SBgSkKql9YDhvadUeJaKoF-dQ4x4Tuy9GDRKarIGx8J-SIKTR8/s72-c-no/04+configura%25C3%25A7%25C3%25A3o.png" height="72" width="72"/></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2102358606823850225.post-1444345495571337893</guid><pubDate>Sun, 19 Jan 2014 03:54:00 +0000</pubDate><atom:updated>2014-02-18T02:34:47.483-03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Downloads</category><category domain="http://www.blogger.com/atom/ns#">Ferramentas de Áudio</category><category domain="http://www.blogger.com/atom/ns#">MP3</category><category domain="http://www.blogger.com/atom/ns#">Tutoriais</category><title>Como nivelar o volume de arquivos MP3 simultaneamente</title><description>&lt;center&gt;&lt;img align=&quot;absmiddle&quot; alt=&quot;Como nivelar o volume de vários arquivos MP3 simultaneamente&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDyI7Z9XhGYuX5na1l2ebHO39_brl5d87zNOPPMc4dtoqR4N56oO9m-mNOwtHXPT3YMnOMOXy99IeoaPTAsC_VZmCa23EzzEpKWm5-k8ye7mox7bMQIZdbM19YHtkwgpNhiJOvrBeAWbI/s320/03+mp3gain.png&quot; title=&quot;Como nivelar o volume de vários arquivos MP3 simultaneamente&quot; style=&quot;border: solid 1px #E6E6E6&quot;/&gt;&lt;/center&gt;&lt;br /&gt;
Olá Prezados leitores do Blog Dicas do Artony!&lt;br /&gt;
&lt;br /&gt;
Para quem gosta de baixar músicas da Internet no formato MP3 ou mesmo extrair dos CDs originais, um dos maiores incômodos, certamente, é a discrepância do volume de uma música para outra (No caso dos CDs originais, acontece mais de um álbum para outro). Mas, com o programa MP3Gain, você pode resolver esse problema rapidamente.&lt;br /&gt;
&lt;br /&gt;
O volume padrão especificado pelo programa é de 89,0 dB (Decibéis), particularmente, uso o programa em 95,0 dB e a qualidade de áudio permanece ótima. Antes de adicionar os arquivos MP3 no programa para ajustar o volume:&lt;br /&gt;
&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;Clique com o botão direito do mouse na pasta onde estão os arquivos MP3 e clique em &quot;&lt;span style=&quot;color: blue;&quot;&gt;Propriedades&lt;/span&gt;&quot;.&lt;/li&gt;
&lt;li&gt;Na guia &quot;&lt;span style=&quot;color: blue;&quot;&gt;Geral&lt;/span&gt;&quot;, desmarque as duas caixas de atributos da pasta, clique em &quot;&lt;span style=&quot;color: blue;&quot;&gt;Aplicar&lt;/span&gt;&quot; e confirme a alteração para a própria pasta, subpastas e arquivos.&lt;/li&gt;
&lt;li&gt;Clique em &quot;&lt;span style=&quot;color: blue;&quot;&gt;OK&lt;/span&gt;&quot; para fechar a janela de propriedades da pasta.&lt;/li&gt;
&lt;/ol&gt;&lt;br /&gt;
Ao abrir o programa, siga os 4 (Quatro) simples passos mostrados abaixo:&lt;br /&gt;
&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;Adicione a pasta onde estão os arquivos a serem nivelados.&lt;/li&gt;
&lt;li&gt;Digite o valor de dB (Decibéis) pretendidos.&lt;/li&gt;
&lt;li&gt;Clique no botão &quot;&lt;span style=&quot;color: blue;&quot;&gt;Análise Álbum&lt;/span&gt;&quot;.&lt;/li&gt;
&lt;li&gt;Clique no botão &quot;&lt;span style=&quot;color: blue;&quot;&gt;Ganho Álbum&lt;/span&gt;&quot; e aguarde a tarefa ser finalizada.&lt;/li&gt;
&lt;/ol&gt;&lt;br /&gt;
&lt;center&gt;&lt;img align=&quot;absmiddle&quot; alt=&quot;Como nivelar o volume de vários arquivos MP3 simultaneamente&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0OVD9xaQ4MBkV61C3Dq91BVaIfhHArTPd8iI0-99jznBZX3zfj-ors8bDKaqPrWz41qKab6XgHvcYxw6dzvUz9IrLt2CMzPVZ6LxSY2p3ojESwA2XnZdr6odSGLfrejgNSBL1GC4zrWs/s1600/Como+nivelar+o+volume+de+v%C3%A1rios+arquivos+MP3+simultaneamente.png&quot; title=&quot;Como nivelar o volume de vários arquivos MP3 simultaneamente&quot; style=&quot;border: solid 1px #DDDDDD&quot;/&gt;&lt;br /&gt;
&lt;br /&gt;
Baixar MP3Gain (Versão Completa)&lt;br /&gt;
&lt;style type=&quot;text/css&quot;&gt;
#download {
font-family: Arial, Trebuchet MS;
font-size: 16px;
margin-top: -15px;
width: 252px;
}
#download a {
display: block;
background: url(http://i.imgur.com/1KXrKr2.png) no-repeat 0px 0px #FFFFFF;
font-weight: bold;
color: #6AA30F;
line-height: 47px;
text-align: left;
text-shadow: 0 1px 1px #ffffff;
text-decoration: none;
padding: 0 0 0 58px;
}
#download a:hover {
background: url(http://i.imgur.com/1KXrKr2.png) no-repeat 0px -47px #FFFFFF;
color: #629610;
}
#download a:focus {
background: url(http://i.imgur.com/1KXrKr2.png) no-repeat 0px -94px #FFFFFF;
color: #666666;
&lt;/style&gt;&lt;br /&gt;
&lt;div id=&quot;download&quot;&gt;&lt;a href=&quot;http://adf.ly/511117/mp3gain-full&quot; target=&quot;_blank&quot; title=&quot;Clique para baixar o arquivo!&quot;&gt;CLIQUE PARA BAIXAR!&lt;/a&gt;&lt;/div&gt;&lt;/center&gt;&lt;br /&gt;
&lt;table cellspacing=&quot;0&quot; style=&quot;border: solid 0px #e6e6e6; box-shadow: 1px 1px 3px #d8d8d8; font-family: Arial; font-size: 13px; line-height: 1.6em; text-align: left; width: 100%;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; rowspan=&quot;1&quot; style=&quot;background: #777777; padding: 4px 10px; text-align: center;&quot;&gt;&lt;span style=&quot;color: white;&quot;&gt;&lt;b&gt;DETALHES TÉCNICOS DO PROGRAMA&lt;/b&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;background: #ffffff; border-bottom: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px; width: 50%;&quot;&gt;Tamanho:&lt;/td&gt;&lt;td style=&quot;background: #ffffff; border-bottom: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;2 MB (Versão Full)&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;background: #f6f6f6; border-bottom: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Sistema Operacional:&lt;/td&gt;&lt;td style=&quot;background: #f6f6f6; border-bottom: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Windows XP / Vista / 7 / 8&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;background: #ffffff; border-bottom: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Categoria:&lt;/td&gt;&lt;td style=&quot;background: #ffffff; border-bottom: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Ferramentas de Áudio&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;background: #f6f6f6; border-bottom: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Licença:&lt;/td&gt;&lt;td style=&quot;background: #f6f6f6; border-bottom: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Grátis&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;background: #ffffff; border-bottom: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Site do desenvolvedor:&lt;/td&gt;&lt;td style=&quot;background: #ffffff; border-bottom: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;&lt;a href=&quot;http://adf.ly/511117/mp3gain-siteoficial&quot; target=&quot;_blank&quot; title=&quot;Clique para acessar...&quot;&gt;www.mp3gain.sourceforge.net&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
Vídeo aula sobre como utilizar o programa em breve...&lt;br /&gt;
&lt;br /&gt;
Espero que tenham gostado dessa dica! Gostou? Compartilhe! Um abraço e até a próxima!&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background: url(http://i.imgur.com/GSK7P2j.png) 5px 50% no-repeat #E6F5FD; border: solid 1px #85DAFF; font-size: 13px; margin-bottom: 5px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: #444444;&quot;&gt;Para receber postagens no seu E-mail, assine nossa Newsletter! → &lt;a href=&quot;http://goo.gl/T9saMO&quot; target=&quot;_blank&quot;&gt;Clique e assine agora!&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: url(http://i.imgur.com/GXjYz9F.png) 5px 50% no-repeat #FFFFE0; border: solid 1px #FFD691; font-size: 13px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: tomato;&quot;&gt;Informar link quebrado eu erro nesta postagem!&lt;/span&gt; → &lt;a href=&quot;mailto:dicasdoartony@gmail.com&quot; target=&quot;_blank&quot;&gt;dicasdoartony@gmail.com&lt;/a&gt;&lt;/div&gt;</description><link>http://dicasdoartony.blogspot.com/2014/01/como-nivelar-o-volume-de-varios.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDyI7Z9XhGYuX5na1l2ebHO39_brl5d87zNOPPMc4dtoqR4N56oO9m-mNOwtHXPT3YMnOMOXy99IeoaPTAsC_VZmCa23EzzEpKWm5-k8ye7mox7bMQIZdbM19YHtkwgpNhiJOvrBeAWbI/s72-c/03+mp3gain.png" height="72" width="72"/></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2102358606823850225.post-5524581261913165467</guid><pubDate>Tue, 14 Jan 2014 18:41:00 +0000</pubDate><atom:updated>2014-02-18T00:14:27.503-03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Downloads</category><category domain="http://www.blogger.com/atom/ns#">DVD</category><category domain="http://www.blogger.com/atom/ns#">Ferramentas de Áudio</category><category domain="http://www.blogger.com/atom/ns#">MP3</category><category domain="http://www.blogger.com/atom/ns#">Tutoriais</category><title>Como extrair áudio de DVD para MP3</title><description>&lt;center&gt;&lt;img align=&quot;absmiddle&quot; alt=&quot;Como extrair áudio de DVD para MP3&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDhW0fxpqoqowu6Xk1F5axkcmgXbanl6wp7VijRPq_S88mlhii_PCRPzH_GSUsSSZxelSrJdrTUv9bRzWQEUnu-NJDoqW7rtcAIX78jwbJPAoCuWn67kLz8liEge58xTzN8y9kBg3pw8o/s1600/02+mediacoder.png&quot; style=&quot;border: solid 1px #E6E6E6;&quot; title=&quot;Como extrair áudio de DVD para MP3&quot; /&gt;&lt;/center&gt;&lt;br /&gt;
Olá Prezados leitores do Blog Dicas do Artony!&lt;br /&gt;
&lt;br /&gt;
Nessa postagem, mostrarei como extrair e/ou converter áudio de DVD para o formato MP3. O programa que vamos utilizar é grátis e na minha humilde opinião, o melhor programa gratuito que encontrei até hoje para realizar essa tarefa.&lt;br /&gt;
&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;Insira o DVD que deseja extrair o áudio no drive gravador do seu computador (Também é possível utilizar uma ISO montada em um drive virtual, como por exemplo: Daemon Tools Lite).&lt;/li&gt;
&lt;li&gt;Clique no menu &quot;&lt;span style=&quot;color: blue;&quot;&gt;File&lt;/span&gt;&quot; e &quot;&lt;span style=&quot;color: blue;&quot;&gt;Add Track&lt;/span&gt;&quot;.&lt;/li&gt;
&lt;li&gt;Em &quot;&lt;span style=&quot;color: blue;&quot;&gt;Track Type&lt;/span&gt;&quot; escolha a opção &quot;&lt;span style=&quot;color: blue;&quot;&gt;DVD&lt;/span&gt;&quot;, no menu suspenso.&lt;/li&gt;
&lt;li&gt;Em &quot;&lt;span style=&quot;color: blue;&quot;&gt;CD/ROM-DVD/ROM&lt;/span&gt;&quot; escolha a letra da unidade do drive (Caso tenha mais de um em seu computador).&lt;/li&gt;
&lt;li&gt;Encontre a faixa onde estão todas as faixas individuais de áudio do DVD, selecione-as com &lt;span style=&quot;color: blue;&quot;&gt;Shift+Clique&lt;/span&gt; (Todas) ou &lt;span style=&quot;color: blue;&quot;&gt;Ctrl+Clique&lt;/span&gt; (Intercaladas).&lt;/li&gt;
&lt;li&gt;Feito isso, clique em &quot;&lt;span style=&quot;color: blue;&quot;&gt;Add&lt;/span&gt;&quot; e feche a caixa de seleção das faixas.&lt;/li&gt;
&lt;li&gt;Clique na guia &quot;&lt;span style=&quot;color: blue;&quot;&gt;Audio&lt;/span&gt;&quot; e na opção &quot;&lt;span style=&quot;color: blue;&quot;&gt;Format&lt;/span&gt;&quot;, selecione o formato MP3. Clique na guia &quot;&lt;span style=&quot;color: blue;&quot;&gt;LAME MP3&lt;/span&gt;&quot; e na opção &quot;&lt;span style=&quot;color: blue;&quot;&gt;Preset&lt;/span&gt;&quot;, escolha a opção &quot;&lt;span style=&quot;color: blue;&quot;&gt;Custon&lt;/span&gt;&quot;, em &quot;&lt;span style=&quot;color: blue;&quot;&gt;Rate Mode&lt;/span&gt;&quot; escolha a opão &quot;&lt;span style=&quot;color: blue;&quot;&gt;CBR&lt;/span&gt;&quot; e defina a taxa de Kbps desejada.&lt;/li&gt;
&lt;li&gt;Escolha a pasta de saída dos arquivos na opção &quot;&lt;span style=&quot;color: blue;&quot;&gt;Output Folder&lt;/span&gt;&quot;.&lt;/li&gt;
&lt;li&gt;Na parte superior, clique em &quot;&lt;span style=&quot;color: blue;&quot;&gt;Job&lt;/span&gt;&quot; e &quot;&lt;span style=&quot;color: blue;&quot;&gt;Transcode Audio Only&lt;/span&gt;&quot;.&lt;/li&gt;
&lt;li&gt;Aguarde, e a extração do áudio do DVD para o formato MP3 está pronta!&lt;/li&gt;
&lt;/ol&gt;&lt;br /&gt;
&lt;center&gt;Baixar MediaCoder 32 bits&lt;br /&gt;
&lt;style type=&quot;text/css&quot;&gt;
#download {
  font-family: Arial, Trebuchet MS;
  font-size: 16px;
  margin-top: -15px;
  width: 252px;
}
#download a {
  display: block;
  background: url(http://i.imgur.com/1KXrKr2.png) no-repeat 0px 0px #FFFFFF;
  font-weight: bold;
  color: #6AA30F;
  line-height: 47px;
  text-align: left;
  text-shadow: 0 1px 1px #ffffff;
  text-decoration: none;
  padding: 0 0 0 58px;
}
#download a:hover {
  background: url(http://i.imgur.com/1KXrKr2.png) no-repeat 0px -47px #FFFFFF;
  color: #629610;
}
#download a:focus {
  background: url(http://i.imgur.com/1KXrKr2.png) no-repeat 0px -94px #FFFFFF;
  color: #666666;
&lt;/style&gt;&lt;br /&gt;
&lt;div id=&quot;download&quot;&gt;&lt;a href=&quot;http://adf.ly/511117/mediacoder32bits&quot; target=&quot;_blank&quot; title=&quot;Clique para baixar o arquivo!&quot;&gt;CLIQUE PARA BAIXAR!&lt;/a&gt;&lt;/div&gt;&lt;/center&gt;&lt;br /&gt;
&lt;center&gt;Baixar MediaCoder 64 bits&lt;br /&gt;
&lt;style type=&quot;text/css&quot;&gt;
#download {
  font-family: Arial, Trebuchet MS;
  font-size: 16px;
  margin-top: -15px;
  width: 252px;
}
#download a {
  display: block;
  background: url(http://i.imgur.com/1KXrKr2.png) no-repeat 0px 0px #FFFFFF;
  font-weight: bold;
  color: #6AA30F;
  line-height: 47px;
  text-align: left;
  text-shadow: 0 1px 1px #ffffff;
  text-decoration: none;
  padding: 0 0 0 58px;
}
#download a:hover {
  background: url(http://i.imgur.com/1KXrKr2.png) no-repeat 0px -47px #FFFFFF;
  color: #629610;
}
#download a:focus {
  background: url(http://i.imgur.com/1KXrKr2.png) no-repeat 0px -94px #FFFFFF;
  color: #666666;
&lt;/style&gt;&lt;br /&gt;
&lt;div id=&quot;download&quot;&gt;&lt;a href=&quot;http://adf.ly/511117/mediacoder64bits&quot; target=&quot;_blank&quot; title=&quot;Clique para baixar o arquivo!&quot;&gt;CLIQUE PARA BAIXAR!&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;/center&gt;&lt;table cellspacing=&quot;0&quot; style=&quot;border: solid 0px #e6e6e6; box-shadow: 1px 1px 3px #d8d8d8; font-family: Arial; font-size: 13px; line-height: 1.6em; text-align: left; width: 100%;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; rowspan=&quot;1&quot; style=&quot;background: #777777; padding: 4px 10px; text-align: center;&quot;&gt;&lt;span style=&quot;color: white;&quot;&gt;&lt;b&gt;DETALHES TÉCNICOS DO PROGRAMA&lt;/b&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;background: #ffffff; border-bottom: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px; width: 50%;&quot;&gt;Tamanho:&lt;/td&gt;&lt;td style=&quot;background: #ffffff; border-bottom: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;59,6 MB (32 bits) - 61,3 MB (64 bits)&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;background: #f6f6f6; border-bottom: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Sistema Operacional:&lt;/td&gt;&lt;td style=&quot;background: #f6f6f6; border-bottom: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Windows XP / Vista / 7 / 8&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;background: #ffffff; border-bottom: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Categoria:&lt;/td&gt;&lt;td style=&quot;background: #ffffff; border-bottom: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Conversor de Áudio e Vídeo&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;background: #f6f6f6; border-bottom: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Licença:&lt;/td&gt;&lt;td style=&quot;background: #f6f6f6; border-bottom: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Grátis&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style=&quot;background: #ffffff; border-bottom: solid 1px #e6e6e6; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;Site do desenvolvedor:&lt;/td&gt;&lt;td style=&quot;background: #ffffff; border-bottom: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 2px 10px;&quot;&gt;&lt;a href=&quot;http://adf.ly/511117/mediacoder-siteoficial&quot; target=&quot;_blank&quot; title=&quot;Clique para acessar...&quot;&gt;www.mediacoderhq.com&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
Vídeo aula sobre como utilizar o programa em breve...&lt;br /&gt;
&lt;br /&gt;
Espero que tenham gostado dessa dica! Gostou? Compartilhe! Um abraço e até a próxima!&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background: url(http://i.imgur.com/GSK7P2j.png) 5px 50% no-repeat #E6F5FD; border: solid 1px #85DAFF; font-size: 13px; margin-bottom: 5px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: #444444;&quot;&gt;Para receber postagens no seu E-mail, assine nossa Newsletter! → &lt;a href=&quot;http://goo.gl/T9saMO&quot; target=&quot;_blank&quot;&gt;Clique e assine agora!&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: url(http://i.imgur.com/GXjYz9F.png) 5px 50% no-repeat #FFFFE0; border: solid 1px #FFD691; font-size: 13px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: tomato;&quot;&gt;Informar link quebrado eu erro nesta postagem!&lt;/span&gt; → &lt;a href=&quot;mailto:dicasdoartony@gmail.com&quot; target=&quot;_blank&quot;&gt;dicasdoartony@gmail.com&lt;/a&gt;&lt;/div&gt;</description><link>http://dicasdoartony.blogspot.com/2014/01/como-extrair-audio-de-dvd-para-mp3.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDhW0fxpqoqowu6Xk1F5axkcmgXbanl6wp7VijRPq_S88mlhii_PCRPzH_GSUsSSZxelSrJdrTUv9bRzWQEUnu-NJDoqW7rtcAIX78jwbJPAoCuWn67kLz8liEge58xTzN8y9kBg3pw8o/s72-c/02+mediacoder.png" height="72" width="72"/></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2102358606823850225.post-8297270759074355947</guid><pubDate>Thu, 09 Jan 2014 18:04:00 +0000</pubDate><atom:updated>2014-02-21T01:00:45.035-03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Downloads</category><category domain="http://www.blogger.com/atom/ns#">Excel</category><category domain="http://www.blogger.com/atom/ns#">Tutoriais</category><category domain="http://www.blogger.com/atom/ns#">Windows</category><title>Como calcular porcentagem no Microsoft Excel</title><description>&lt;center&gt;&lt;img align=&quot;absmiddle&quot; alt=&quot;Como calcular porcentagem no Microsoft Excel&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnkYYOQ0KhX9PPgN5-nD8I7MFu-VPbmhfxJ7OeJNdaQSoPCOd-poZwATrDTgUrGcqnIfY-c0-Q_y7nIMCyjf1OdoEpH2lm7FQKFkcE7ET5LmDT_1QozN3SQcmwB5qI44phDyKpjkqMPKE/s1600/01+como+calcular+porcentagem+no+excel.png&quot; title=&quot;Como calcular porcentagem no Microsoft Excel&quot; style=&quot;border: solid 1px #E6E6E6&quot;/&gt;&lt;/center&gt;&lt;br /&gt;
Olá Prezados leitores do Blog Dicas do Artony!&lt;br /&gt;
&lt;br /&gt;
Nesta primeira postagem, mostrarei como calcular porcentagem no Microsoft Excel, utilizando uma fórmula muito prática e eficiente.&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;Valor recebido.&lt;/li&gt;
&lt;li&gt;Valor de custo.&lt;/li&gt;
&lt;li&gt;Valor líquido (Positivo ou negativo) - (Fórmula).&lt;/li&gt;
&lt;li&gt;% (Porcentagem) - (Fórmula).&lt;/li&gt;
&lt;/ul&gt;&lt;br /&gt;
Exemplo:&lt;br /&gt;
&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;Você vendeu um produto e recebeu o valor de R$ 10,00.&lt;/li&gt;
&lt;li&gt;O custo para aquisição do produto foi de R$ 5,00.&lt;/li&gt;
&lt;li&gt;Neste caso, com números &quot;redondos&quot;, fica fácil contabilizar e entender que o valor líquido é de R$ 5,00 (Positivo).&lt;/li&gt;
&lt;li&gt;E a porcentagem? O valor recebido sendo o dobro do valor de custo, a % (Porcentagem) é de 100% (Positivo).&lt;/li&gt;
&lt;/ol&gt;&lt;br /&gt;
Agora vamos a fórmula que permitirá encontrar a porcentagem!&lt;br /&gt;
&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;Abra o Microsoft Excel. Na &lt;b&gt;célula A1&lt;/b&gt; digite o valor recebido pela venda.&lt;/li&gt;
&lt;li&gt;Na &lt;b&gt;célula B1&lt;/b&gt; digite o valor de custo do produto.&lt;/li&gt;
&lt;li&gt;Na &lt;b&gt;célula C1&lt;/b&gt;, digite ou cole a fórmula: &lt;b&gt;&lt;span style=&quot;color: tomato;&quot;&gt;=A1-B1&lt;/span&gt;&lt;/b&gt; e tecle Enter. Na mesma célula C1, será mostrado o valor líquido. A seguir, a fórmula na qual encontraremos a porcentagem.&lt;/li&gt;
&lt;li&gt;Clique na &lt;b&gt;célula D1&lt;/b&gt; para selecioná-la e a formate como % (Porcentagem) teclando: &lt;b&gt;Ctrl+Shift+%&lt;/b&gt;, digite ou cole a fórmula: &lt;b&gt;&lt;span style=&quot;color: tomato;&quot;&gt;=C1*100/B1/100&lt;/span&gt;&lt;/b&gt; e tecle Enter. A porcentagem será mostrada na mesma célula D1.&lt;/li&gt;
&lt;/ol&gt;&lt;br /&gt;
&lt;center&gt;&lt;span style=&quot;color: darkorange; font-size: 21px&quot;&gt;Assista o vídeo tutorial&lt;/span&gt;&lt;br /&gt;
&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3ZzGZZnlUl_dJc9CkCSmC0NQBCC9TyT5NdYup8htaZc4_7tYn_kQokBe9YAzHnkTmRRZMokrJ9Hbbl-NrcJaImIAh8PF16kHKaE8TLNOw3NOjjeR_nIJ5EM-APfUfSgNh5C5RzgA7BxI/w550-h410-no/bg-yt.png) 50% 0px no-repeat transparent; line-height: auto; margin-top: 5px; padding: 34px 0 99px 0&quot;&gt;&lt;iframe allowfullscreen=&quot;&quot; frameborder=&quot;0&quot; height=&quot;270&quot; src=&quot;//www.youtube.com/embed/CZLzl_Wozqs?rel=0&quot; style=&quot;border: solid 2px #444444;&quot; width=&quot;480&quot;&gt;&lt;/iframe&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/center&gt;&lt;br /&gt;
Se preferir, pode baixar o modelo dessa planilha clicando no botão abaixo!&lt;br /&gt;
&lt;br /&gt;
&lt;center&gt;Baixar Planilha Estilo (%)&lt;br /&gt;
&lt;style type=&quot;text/css&quot;&gt;
#download {
  font-family: Arial, Trebuchet MS;
  font-size: 16px;
  margin-top: -15px;
  width: 252px;
}
#download a {
  display: block;
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfCZluQ1yUjQyJxfz6_rv4bqZV3MoF4hlgXv78UJFWzHLN2diuxRjWezjxFQ81Grm5Mw4-_Keu4QK40H-WS_3T_9Y2fRbtO-j0zefNe2KtN9oAmDNO_0ycrvJAcHzQNOlMTAMi6wrBdPE/w252-h141-no/bot%25C3%25A3o+download.png) no-repeat 0px 0px #FFFFFF;
  font-weight: bold;
  color: #6AA30F;
  line-height: 47px;
  text-align: left;
  text-shadow: 0 1px 1px #ffffff;
  text-decoration: none;
  padding: 0 0 0 58px;
}
#download a:hover {
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfCZluQ1yUjQyJxfz6_rv4bqZV3MoF4hlgXv78UJFWzHLN2diuxRjWezjxFQ81Grm5Mw4-_Keu4QK40H-WS_3T_9Y2fRbtO-j0zefNe2KtN9oAmDNO_0ycrvJAcHzQNOlMTAMi6wrBdPE/w252-h141-no/bot%25C3%25A3o+download.png) no-repeat 0px -47px #FFFFFF;
  color: #629610;
}
#download a:focus {
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfCZluQ1yUjQyJxfz6_rv4bqZV3MoF4hlgXv78UJFWzHLN2diuxRjWezjxFQ81Grm5Mw4-_Keu4QK40H-WS_3T_9Y2fRbtO-j0zefNe2KtN9oAmDNO_0ycrvJAcHzQNOlMTAMi6wrBdPE/w252-h141-no/bot%25C3%25A3o+download.png) no-repeat 0px -94px #FFFFFF;
  color: #666666;
&lt;/style&gt;&lt;br /&gt;
&lt;div id=&quot;download&quot;&gt;&lt;a href=&quot;http://adf.ly/511117/planilha-excel-download&quot; target=&quot;_blank&quot; title=&quot;Clique para baixar o arquivo!&quot;&gt;CLIQUE PARA BAIXAR!&lt;/a&gt;&lt;/div&gt;&lt;/center&gt;&lt;br /&gt;
Espero que tenham gostado dessa dica! Gostou? Compartilhe! Um abraço e até a próxima!&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlH0Q-RIR-yc8UZ_NFNX3p4cDn_s0NatZUZHHIM5b7j_ZcWMZo-JOPvZDMCohIJ_rijODjlQ3eB-q9MjVI22XDMZ3UoAX20Wftl8mz0uvgnX5eMz2_1Umoqlb-aZ__7J7V7JIdP_flU5w/s16-no/GSK7P2j.png) 5px 50% no-repeat #E6F5FD; border: solid 1px #85DAFF; font-size: 13px; margin-bottom: 5px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: #444444;&quot;&gt;Para receber postagens no seu E-mail, assine nossa Newsletter! → &lt;a href=&quot;http://goo.gl/T9saMO&quot; target=&quot;_blank&quot;&gt;Clique e assine agora!&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtTQVL1TGG8MUiSEFbitySihO1p0zumBUmOfaUBa7aPG7EHOWf-_EwkJ9fwgNQB-t1jc2Q_Gr4TJOOvBE0iKo2c6qkrOZUL268tPEQDG5e56L1lJStAzjTH4c9Z5L1LgJ2JHznMIEtJek/s16-no/exclama%25C3%25A7%25C3%25A3o+amarela-16px.png) 5px 50% no-repeat #FFFFE0; border: solid 1px #FFD691; font-size: 13px; padding: 2px 0px 2px 28px;&quot;&gt;&lt;span style=&quot;color: tomato;&quot;&gt;Informar link quebrado eu erro nesta postagem!&lt;/span&gt; → &lt;a href=&quot;mailto:dicasdoartony@gmail.com&quot; target=&quot;_blank&quot;&gt;dicasdoartony@gmail.com&lt;/a&gt;&lt;/div&gt;</description><link>http://dicasdoartony.blogspot.com/2014/01/como-calcular-porcentagem-no-microsoft.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnkYYOQ0KhX9PPgN5-nD8I7MFu-VPbmhfxJ7OeJNdaQSoPCOd-poZwATrDTgUrGcqnIfY-c0-Q_y7nIMCyjf1OdoEpH2lm7FQKFkcE7ET5LmDT_1QozN3SQcmwB5qI44phDyKpjkqMPKE/s72-c/01+como+calcular+porcentagem+no+excel.png" height="72" width="72"/></item></channel></rss>