tag:blogger.com,1999:blog-9683304375090805372024-03-12T20:41:25.370-03:00Categoria BloggerDicas e Tutoriais práticos para você realizar suas atividades no mundo virtual muito mais fácil!JACNhttp://www.blogger.com/profile/15784652932629392580noreply@blogger.comBlogger188125tag:blogger.com,1999:blog-968330437509080537.post-31975834052860245702013-04-19T12:31:00.000-03:002013-04-19T12:31:20.142-03:00Novidade no Blogger: sistemas de comentários do Google+<div style="text-align: justify;">
A Google não para de trazer novidades para o Blogger e nem de tentar trazer popularidade para o Google+! Tendo isso, a Google pós mais uma novidade no Blogger: a possibilidade de comentar com o sistema de comentários do Google+.</div>
<div style="text-align: justify;">
<br />
<a name='more'></a></div>
<div style="text-align: justify;">
O sistema funciona <b>quase </b>do mesmo modo que o <a href="http://joao987.blogspot.com.br/2012/02/substituindo-caixa-de-comentarios-do.html" target="_blank">Facebook Comments</a> funciona, mas tem alguns recursos a mais, como a menção prática de usuários de seus círculos nos comentários e compartilhar o comentário.<br />
<br />
Também há alguns recursos que tem nas duas plataformas, como a opção opcional de compartilhar o sue comentário na rede social e dar +1 (ou Curtir lá no Facebook) e ainda filtrar os comentários por todos os "comentaristas" ou somente os de seus círculos, e também de Recentes primeiro ou principais.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-JsXAokN2MBg/UXFhejjBpKI/AAAAAAAAGnc/fdkk1v1jMf8/s1600/18622-0a5ab882e7791ed0c3dbe57d1e45e128.jpg" imageanchor="1" style="margin-left: 0em; margin-right: 0em;"><img border="0" src="http://3.bp.blogspot.com/-JsXAokN2MBg/UXFhejjBpKI/AAAAAAAAGnc/fdkk1v1jMf8/s1600/18622-0a5ab882e7791ed0c3dbe57d1e45e128.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
Se você gostou da novidade e desejar utilizar em seu blog, basta acessar a guia Google+ no Painel de Controle do seu blog e marcar a caixa "Usar Comentários do Google+ neste blog".</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-rSv3rBY7f_0/UXFikGp5_lI/AAAAAAAAGno/ZYENwvAQp5A/s1600/18622-0a5ab882e7791ed0c3dbe57d1e45e128.jpg" imageanchor="1" style="margin-left: 0em; margin-right: 0em;"><img border="0" height="221" src="http://3.bp.blogspot.com/-rSv3rBY7f_0/UXFikGp5_lI/AAAAAAAAGno/ZYENwvAQp5A/s640/18622-0a5ab882e7791ed0c3dbe57d1e45e128.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
E como sempre eu encerro postagens deste tipo, a Google não para de mandar novidades para o Blogger, e isso é bom, pois a plataforma fica cada vez mais profissional.</div>
JACNhttp://www.blogger.com/profile/15784652932629392580noreply@blogger.com9tag:blogger.com,1999:blog-968330437509080537.post-90721017061329438372013-04-10T16:51:00.000-03:002013-04-13T19:24:17.165-03:00Novidade no Blogger: Novo editor HTML<div style="text-align: justify;">
Desde ontem à noite (09/04/2013), a equipe do Blogger lançou o novo editor de HTML para o Blogger. Não é o Editor HTML de postagens, e sim o do layout do blog. Ano passado, a Google fez inúmeras mudanças no Blogger e acho que esse ano também terá. Você pode conferir o anúncio original no <a href="http://buzz.blogger.com/2013/04/improvements-to-blogger-template-html.html" target="_blank">Blogger Buzz</a>.<br />
<a name='more'></a></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-BWZ8100obs0/UWW80rey0GI/AAAAAAAAGmg/C3ZJb8b6NOU/s1600/modelo.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="300" src="http://2.bp.blogspot.com/-BWZ8100obs0/UWW80rey0GI/AAAAAAAAGmg/C3ZJb8b6NOU/s640/modelo.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Na imagem acima, você pode conferir o novo Editor de HTML. Você pode ver isso ao vivo na guia Modelo.</td></tr>
</tbody></table>
<div style="text-align: justify;">
Além do visual mais profissional, as novas mudanças está bem focada na facilitação de utilizar o editor. Veja as novidades detalhadamente abaixo.</div>
<h3>
Ir para um widget</h3>
<div style="text-align: justify;">
Agora é possível "filtrar" os widgets que estão presentes no layout. Bem, não é necessariamente filtrar, mas levar diretamente ao código do widget que você clicou. Para usar a ferramenta, basta clicar, no menu superior, em "Ir para um widget" e selecionar o desejado.</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://2.bp.blogspot.com/-18n846QFmYQ/UWW-xn0DsAI/AAAAAAAAGmo/AExjaeYszGk/s1600/widget.png" /></div>
<h3>
Novo Expandir modelos de widgets</h3>
<div style="text-align: justify;">
Se você ver uma seta (►) ao lado de certo código, saiba que é o Expandir modelos de widgets. Particularmente, eu achei bem melhor do que ficar esperando carregar e ainda clicar numa caixa.</div>
<h3>
Numeração de linhas e destaque de classe</h3>
<div style="text-align: justify;">
Agora você pode ver que as linhas de seu layout estão todas numeradas, para melhorar a organização. E também há cores, que servem para indicar uma classe (class).</div>
<h3>
Reverter alterações</h3>
<div style="text-align: justify;">
Essa opção serve como retornar antes de salvar, é como a ferramenta desfazer. Ela se aplica às alterações feitas no template, das quais você poderá visualizar antes de salvar, mas não depois de salvar.</div>
<h3>
Reverter modelos de widget para o padrão</h3>
<div style="text-align: justify;">
Com esta opção, é possível retornar à configuração padrão de um widget. Suponhamos que você tenha alterado a cor de fundo e queira voltar a utilizar a configuração padrão, basta clicar nesta opção, selecionar o widget e clicar em reverter o widget selecionado ou, fazer o mesmo selecionando todos. Todavia, ela não se funciona naqueles que foram excluídos.</div>
<h3>
Visualizar modelo</h3>
<div style="text-align: justify;">
No editor antigo, esta opção era aberta em um nova guia. Agora, essa visualização é exibida dentro do próprio editor. E, quando ativada, veda o uso das demais opções, sendo necessário selecionar "editar modelo" para continuar a edição e/ou acessar outras opções.<br />
<br />
As novidades são apenas essas, e creio que novas opções venham para o Blogger neste ano. Caso você encontrou um erro ou acha que alguma coisa deve melhorar, lembre-se de deixar o seu <b>feedback</b> para o Blogger. É sempre muito importante. Para fazer isso, basta clicar no botão inferior direito "Reportar problemas", que está sempre presente na interface.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<i><span style="color: #444444;">O nosso artigo contém informações do Dicas Blogger (<a href="http://www.dicasblogger.com.br/2013/04/novidades-novo-editor-html-no-blogger_10.html" rel="nofollow" target="_blank">leia aqui</a>) e do Blogger Buzz (<a href="http://buzz.blogger.com/2013/04/improvements-to-blogger-template-html.html" target="_blank">leia aqui</a>).</span></i></div>
JACNhttp://www.blogger.com/profile/15784652932629392580noreply@blogger.com2tag:blogger.com,1999:blog-968330437509080537.post-47209776808431532292013-03-24T13:47:00.000-03:002013-03-24T13:47:04.269-03:00Ativando e personalizando o novo layout de canais do YouTube<div style="text-align: justify;">
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
Estamos de volta e hoje, para recomeçar a postar de verdade, iremos aprender a ativar o novo layout de canais do YouTube. O novo layout está mais organizado, limpo e mais "único". Confira a seguir como realizar a ativação e a como personalizar o novo layout de uma forma simples e rápida.</div>
<a name='more'></a><o:p></o:p></div>
<h3>
Introdução ao novo layout</h3>
<div class="MsoNormal">
<div style="text-align: justify;">
O novo layout foi estreado de uma forma bastante organizada, oferecendo ferramentas para separa vídeos por categorias, listas de reprodução e entre outros. Além disso, ficou mais rápido e carregamento da página e com um visual mais limpo.</div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
Com o novo layout, você não terá a opção de colocar background no seu canal. Agora você irá utilizar uma capa, como acontece no Facebook e Twitter. Segundo o YouTube, o novo design de canais deixará o seu canal único.</div>
</div>
<h3>
Tutorial (em texto)</h3>
<div>
<div style="text-align: justify;">
Nesta parte em texto do tutorial, iremos aprender a realizar a ativação do novo layout. No tópico abaixo, você erá o tutorial mais completo.</div>
</div>
<div>
<div style="text-align: justify;">
<br /></div>
</div>
<div>
<div style="text-align: justify;">
<b>1.</b> <a href="http://www.youtube.com/onechannel" target="_blank">Acesse a página</a> do YouTube contendo as informações do novo layout.</div>
</div>
<div>
<div style="text-align: justify;">
<br /></div>
</div>
<div>
<div style="text-align: justify;">
<b>2.</b> Role até o final da página e clique no botão Começar.</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-H_MdtrqNG3Y/UU8sBgROdaI/AAAAAAAAGkg/HUdF5ekcbUE/s1600/cats.jpg" imageanchor="1" style="margin-left: 0em; margin-right: 0em;"><img border="0" height="118" src="http://4.bp.blogspot.com/-H_MdtrqNG3Y/UU8sBgROdaI/AAAAAAAAGkg/HUdF5ekcbUE/s640/cats.jpg" width="640" /></a></div>
<h3>
Tutorial completo (em vídeo)</h3>
<div style="text-align: justify;">
O vídeo abaixo ira mostrar todos os passos em mais detalhes e também irá ensinar a criar sua capa para seu "novo canal". Bom vídeo!</div>
<div style="text-align: justify;">
<br /></div>
<center>
<iframe allowfullscreen="" frameborder="0" height="360" src="http://www.youtube.com/embed/7BFX_OzIty0?list=PLO-NP14Jiw37QkjvGVjK7jA_YATgrLfvC" width="640"></iframe></center>
<center style="text-align: justify;">
<br /></center>
<center style="text-align: justify;">
Nosso canal já está com o novo estilo de canais. Por enquanto temos teste vídeo, mas iremos refazendo os vídeos anteriores e atualizando alguns. Caso ainda não tenha seja um escrito de nosso canal, <a href="http://www.youtube.com/user/categoriablogger?feature=guide" target="_blank">acesse o canal aqui</a> e inscreva-se. Dúvidas e opiniões, deixe na seção de comentários abaixo!</center>
JACNhttp://www.blogger.com/profile/15784652932629392580noreply@blogger.com0tag:blogger.com,1999:blog-968330437509080537.post-2016677526871507202013-03-07T17:21:00.003-03:002013-03-07T17:21:43.746-03:00Facebook anuncia novo design do Feed de notícias<div style="text-align: justify;">
Hoje (07/03), o Facebook anunciou o novo design do Feed de notícias. Mark Zuckerberg, CEO do Facebook, citou os pontos importantes: feed baseado em vários assuntos e design consistente em desktops, smartphones e tablets. O princípio da mudança é oferecer um “jornal personalizado” para cada usuário e acabar com a bagunça no Feed.</div>
<div style="text-align: justify;">
<br />
<a name='more'></a></div>
<div style="text-align: justify;">
O novo feed de notícias exibe fotos em tamanhos maiores, o que oferece outros tipos de conteúdo além de textos, como imagens compartilhadas. Vídeos e mapas também ganharam destaque. Além disso, quando vários amigos compartilharem a mesma postagem, as fotos de cada um aparecerão em uma barra lateral, ao lado do post. <a href="https://www.facebook.com/about/newsfeed" target="_blank">Na página</a> com informações sobre as novidades, o Facebook descreve as mudanças deste modo: “Adeus desorganização! Olá histórias nítidas e atraentes.”</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/--Tx5FuMzc_o/UTj0GyyLA0I/AAAAAAAAGio/4LR5cPIJKuU/s1600/share-posts.png" imageanchor="1" style="margin-left: 0em; margin-right: 0em;"><img border="0" height="320" src="http://4.bp.blogspot.com/--Tx5FuMzc_o/UTj0GyyLA0I/AAAAAAAAGio/4LR5cPIJKuU/s640/share-posts.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
Você terá acesso a novos feeds, tanto na web quanto nos demais dispositivos compatíveis. No feed “Todos os amigos”, somente publicações publicados pelos seus amigos serão exibidos, excluindo conteúdos publicados por páginas (que você curtiu) ou artistas (que você seguiu). Em “Seguidores”, somente as publicações das páginas que você curte e das pessoas que você segue. Por fim, há o feed “Fotos”, que exibe imagens e o “Música”, com as publicações sobre as músicas que você ouve. Jogos, grupos e demais, estão também localizadas na barra lateral.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
De acordo com o Facebook, o novo feed de notícias será distribuído igualmente para todos os usuários. Se você quiser ser um dos primeiros a receber a novidade, basta entrar na lista de espera (você pode fazer isso acessando o rodapé <a href="https://www.facebook.com/about/newsfeed" target="_blank">desta página</a>). O Facebook vai liberar atualizações dos aplicativos para iPhone e iPad nas próximas semanas. O aplicativo para Android será atualizado futuramente.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Para ter um resumo mais completo e com detalhes, assista ao vídeo disponibilizado pelo Facebook.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<center>
<iframe allowfullscreen="" frameborder="0" height="360" src="http://www.youtube.com/embed/YaQQHYQHnMk" width="640"></iframe></center>
JACNhttp://www.blogger.com/profile/15784652932629392580noreply@blogger.com0tag:blogger.com,1999:blog-968330437509080537.post-23357058447546481152013-02-05T23:26:00.000-02:002013-03-07T17:23:35.970-03:00GuestPost: Comprar links é um bom negócio nos tempos atuais?<div style="text-align: justify;">
É notório que Google Penguim e Panda revolucionaram o mercado SEO e tem gerado muita confusão na cabeça dos bloggers e webmasters. Sem dúvidas, comprar links sempre foi um bom negócio e que trazia um retorno significativo a páginas perante aos mecanismos de busca, porém após as modificações destes algoritmos ocorrida em 2012 existem uma série de restrições com relação a esta prática.<br />
<a name='more'></a><br />
Principalmente com o Google Penguim, o Web Spam tem sido um dos principais casos em que o Google tem combatido de frente, o que pode tornar nosso link building, se não estiver construído de forma adequada, um tremendo fiasco e causar danos irreversíveis.<br />
<br />
Após aproximadamente 8 meses que o Penguim foi lançado, já podemos fazer algumas análises a respeito do comportamento para tentar elucidar o que isto impacta para quem deseja comprar links na internet.<br />
<h4>
Qualidade gera qualidade</h4>
Sempre foi nítido que conseguirmos links em páginas de qualidade passam um juice (poder) muito maior a página que esta sendo linkada. Porém, com o surgimento do Penguim o inverso também esta sendo analisado. Páginas que possuem muitos links de outras páginas que praticam SPAM, que são de péssima qualidade, que possuem algum tipo de Malware ou algo do tipo tem sido rebaixado nos resultados do Google, perdendo assim sua credibilidade frente ao buscador. Isto se deve ao fato de que muitos webmasters que praticavam Black Hat SEO a fim de prevalecer suas páginas e obter rendimentos com programas de afiliados, criavam centenas ou até mesmo milhares de links em fóruns de SPAM, páginas criadas na internet com o único intuído de apontar links para outras páginas e outros locais de péssima qualidade, visando unicamente obter vantagens. Com o Penguim, este tipo de prática foi fortemente combatida.<br />
<h4>
Leia Também</h4>
<ul>
<li><a href="http://afiliados-na-web.com/2013/01/comprar-links-na-text-link-ads-100-de-crdito-gratis/" rel="dofollow" target="_blank">Comprar links na Text-link-ads - U$100 de crédito grátis</a></li>
<li><a href="http://afiliados-na-web.com/" rel="dofollow" target="_blank">Escolha um Afiliado adequado para seu blog</a></li>
<li><a href="http://afiliados-na-web.com/2012/12/programa-de-afiliados-as-melhores-redes-de-afiliados/" rel="dofollow" target="_blank">Redes de afiliados que mais pagam</a></li>
</ul>
<br />
<h4>
Variação de Texto Ancora</h4>
Sempre foi nítido também o fato de que os textos ancoras dos links que apontam para uma determinada página fortalecem a página linkada para aquela determinada palavra-chave. Com isto, os webmasters que praticam Black Hat SEO, começaram a criar seus links em outros locais sempre com o texto ancora com a palavra-chave exata que almejavam nos buscadores. Se levarmos em consideração que quando um link building é feito naturalmente, cada autor que lhe citar coloca a texto ancora da forma que desejar, a variação de textos ancoras para uma determinada página é muito grande. Este talvez seja a principal característica do Penguim, que avalia a variação dos textos ancoras dos links que apontam para suas páginas, de forma a reduzi-lo nos resultados caso detecte que houve artificialidade na construção de seus links.<br />
<h4>
Maioria de domínios estrangeiros</h4>
Além disso, uma outra característica de quem praticava Black Hat SEO, é a construção de muitos links em domínios de origem de línguas na qual não tenham a mínima relação com a da página que esta sendo linkada. Quando ocorre naturalmente o link building, o maior percentual é sempre de links em páginas de mesma língua e domínio. Por exemplo, se tem uma página em português, começar a receber a maioria de links de domínios como .jp, .ru, e assim por diante pode demonstrar uma certa artificialidade na construção destes links.<br />
<br />
Resumindo, acredito que a compra de links ainda continua sendo uma boa alternativa para conseguirmos bons <i>rankeamentos</i> nos buscadores, porém temos que ter o cuidado e conhecimento suficiente para não tornarmos esta prática algo que terá efeito reverso ao que estamos esperando dos mecanismos de busca.<br />
<br />
E você, costuma comprar links?<br />
<br />
<b>Esse Guest Post foi escrito por Adriano Luz do blog <a href="http://afiliados-na-web.com/" rel="nofollow" target="_blank">Afiliados na Web</a>. Gostaria de escrever um Guest Post para nosso blog? Acesse a guia <a href="http://joao987.blogspot.com.br/p/entrar-em-contato.html" target="_blank">Contato</a> e envie o seu!</b></div>
JACNhttp://www.blogger.com/profile/15784652932629392580noreply@blogger.com4tag:blogger.com,1999:blog-968330437509080537.post-54362525708256997672013-01-17T23:44:00.000-02:002013-03-07T17:23:26.086-03:00Por que eu uso o SkyDrive?<div style="text-align: justify;">
Atualmente existem vários serviços com suporte de trabalho na nuvem, entre eles, o <b>Google Drive</b>, <b>Dropbox</b> e o <b>SkyDrive</b>. Todos são ótimos, mas eu gosto mais do SkyDrive, que você saberá o por que mais adiante.<br />
<br /></div>
<div style="text-align: justify;">
Todos os servições são excelentes, mas todos tem seus prós e contras. Eu escolhi o SkyDrive por que ele é completamente sincronizado com a minha conta da Microsoft.<br />
<a name='more'></a></div>
<h1>
Onde quiser</h1>
<div style="text-align: justify;">
Eu uso o Windows 8, ele usará minha conta da Microsoft para sincronizar todas as configurações do sistema na nuvem e disponibilizar elas em qualquer computador que eu usar o Windows 8 com minha conta.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://res2.windows.microsoft.com/resbox/en/6.2/2012-Win8GA/ab264fbb-e2a8-4e8b-bcaf-5ec7da5a84ca_26.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="http://res2.windows.microsoft.com/resbox/en/6.2/2012-Win8GA/ab264fbb-e2a8-4e8b-bcaf-5ec7da5a84ca_26.jpg" width="640" /></a></div>
<div style="text-align: justify;">
Mas isso não explica como é minha experiência com o SkyDrive. Eu uso o SkyDrive pois ele é completamente integrado com meu sistema operacional, ele é rápido com o upload dos arquivos e possui uma lixeira; para caso eu perca algum arquivo arquivo eu possa recuperá-lo (essa lixeira também é sincronizada com a lixeira do Windows).</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
O SkyDrive também é altamente sincronizado com o Office 2013 (que está vindo por aí) e com as versões de testes do Office 2013. E colaborar com seus amigos no mesmo documento Além de tudo, eu posso acessar, remotamente, meu(s) computador(es) com o SkyDrive para área de trabalho do Windows.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Resumindo tudo, eu posso ter meus arquivos sempre que quiser e onde quiser.</div>
<h1>
Agora a real experiência...</h1>
<div style="text-align: justify;">
Ainda não usava o Windows 8 neste tempo, mas o Windows 7 no meu computador. Geralmente eu não costumo desligar ele, apenas hiberno (ou suspendo), ou seja, ele fica sempre ligado mas em economia de energia.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Digitei meu trabalho da escola em meu computador de casa e no dia seguinte teria que apresentá-lo usando o PowerPoint. Infelizmente, sai atrasado e esqueci o meu pendrive em casa. Quando cheguei na escola me dei conta que havia esquecido ele e fiquei desesperado.</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://3.bp.blogspot.com/-ygUUKUJAELs/UPigFK5hkJI/AAAAAAAAGNI/jgBjisuOnt4/s1600/skydrive-first-run.png" /></div>
<div style="text-align: justify;">
Lembrei-me que não havia desligado completamente o computador e usava o SkyDrive da área de trabalho. Rapidamente acessei o computador da escola, fiz login em minha conta pelo SkyDrive da Web e acessei o meu computador remotamente. E simplesmente assim, rápido e fácil.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Me dei conta de que o SkyDrive é realmente muito útil e bastante funcional.</div>
<h1>
Comparando</h1>
<div style="text-align: justify;">
Todos comparam, todos tem prós e contras, mas é claro que existe um melhor. Vamos comparar o tamanho do espaço disponível, as ferramentas e interação na IU (Interface de Usuário).</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-pvf0FXG_GP0/UPiiDTFNBlI/AAAAAAAAGOs/DV--FQoDEN0/s1600/competion.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="177" src="http://4.bp.blogspot.com/-pvf0FXG_GP0/UPiiDTFNBlI/AAAAAAAAGOs/DV--FQoDEN0/s640/competion.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<h3>
Tamanho disponível:</h3>
<div style="text-align: justify;">
(Tamanhos oferecidos gratuitamente)</div>
<div style="text-align: justify;">
</div>
<ul>
<li>SkyDrive: 7GB;</li>
<li>Google Drive: 5GB;</li>
<li>Dropbox: 2GB;</li>
</ul>
Quem ganhou é o SkyDrive. Pois oferece gratuitamente 7 gigabytes, 2 a mais que o Google Drive.<br />
<h3>
Ferramentas:</h3>
<div>
<ul>
<li>SkyDrive: Conta com suporte à sincronização direta ao sistema Windows, busca de arquivos remotamente no computador, sincronização com os dispositivos móveis e Office. Além de colaborar com amigos no mesmo documento online;</li>
<li>Google Drive: Colaboração de documentos com amigos online, não busca arquivos remotamente, upload um pouco demorado, sem integração com suítes de documentos, sem integração à sistemas populares (somente com Chrome OS) e sincronização com dispositivos móveis;</li>
<li>Dropbox: Lentidão no upload, sem suporte a busca de arquivos remotamente, sincronização com dispositivos móveis, sem colaboração com amigos, sem integração à suíte de arquivos, sem integração direta com o sistema.</li>
</ul>
<h3>
Interface:</h3>
</div>
<div>
<ul>
<li>SkyDrive: O SkyDrive conta com uma interface bem limpa, rápida, intuitiva, leve e fluída. Possibilitando maior usabilidade e sem percas de tempo;</li>
<li>Google Drive: Interface com visual minimalista, rápida e bastante intuitiva, além de lembrar, é claro, o Google;</li>
<li>Dropbox: Interface simples, nada intuitiva, rápida, e um pouco desorganizado.</li>
</ul>
<h3>
Conclusão</h3>
</div>
<div style="text-align: justify;">
Não é ser "fanboy" do SkyDrive, mas realmente ele é o melhor em relação ao assunto tratado. Poucos são os contras e muitos são os pros.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
A quem goste e use os outros serviços, mas se formos levar em consideração todas as ferramentas, a usabilidade e enfim, tudo o que foi comparado e dito acima, o SkyDrive é a melhor opção para se usar.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
É por isso que o escolhi. Pelas ferramentas, pela sincronização, pela rapidez e, para não repetir, tudo que foi dito acima. Enfim, no tópico "Agora a real experiência" vocês souberam o por que de mim usar o SkyDrive.</div>
<div style="text-align: justify;">
Foi uma situação que eu sempre desconfiei, pois minha "falta de memória" é inevitável (rsrsrs), por isso sempre fiquei bem preparado, usei por que já veio com meu PC e tinha ótimas críticas, depois virei fã.</div>
JACNhttp://www.blogger.com/profile/15784652932629392580noreply@blogger.com0tag:blogger.com,1999:blog-968330437509080537.post-34736888504209608762013-01-09T22:15:00.000-02:002013-03-07T17:22:34.924-03:00Adicionado ícones abaixo da caixa de busca do cabeçalho<div style="text-align: justify;">
Oi pessoal. Um pouco de tempo sem postar, pois estou um pouco ocupado atualizando alguns artigos e preparando uma vídeo-aula nova, mas vamos com este tutorial um pouco simples. Me pediram por comentários, para criar um artigo que ensinasse como adicionar ícones de redes sociais abaixo da caixa de busca que está localizada o cabeçalho (como você pode observar aqui no blog).</div>
<a name='more'></a><br />
<div style="text-align: justify;">
É um processo bem simples que você verá a seguir.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
1. Você já deve ter a caixa de busca instalada em seu blog, caos não saiba como fazer isso, veja <a href="http://joao987.blogspot.com.br/2012/02/dividindo-o-cabecalho-em-duas-colunas.html" target="_blank">este tutorial</a> publicado aqui no blog.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
2. Depois de feita a instalação e a divisão dos cabeçalhos, acesse a guia Modelo e clique no botão Editar HTML. Marque a caixa Expandir modelos de widgets e pressione Ctrl+F e localize a seguinte linha do seu HTML.</div>
<div style="text-align: justify;">
<br /></div>
<blockquote class="tr_bq">
<b:widget id='CustomSearch1'</blockquote>
<br />
3. Por geral, o código completo é este o código completo da caixa de busca.<br />
<br />
<br />
<blockquote>
<b:widget id='CustomSearch1' locked='false' title='<b>Seu título</b>' type='CustomSearch'><br />
<b:includable id='main'><br />
<!-- only display title if it's non-empty --><br />
<b:if cond='data:title != &quot;&quot;'><br />
<h2 class='title'><data:title/></h2><br />
</b:if><br />
<div class='widget-content'><br />
<div expr:id='data:widget.instanceId + &quot;_form&quot;'><br />
<span class='cse-status'><data:loadingMsg/></span><br />
</div><br />
</div><br />
<!-- override gsearch.css --><br />
<style type='text/css'><br />
#uds-searchControl .gs-result .gs-title,<br />
#uds-searchControl .gs-result .gs-title *,<br />
#uds-searchControl .gsc-results .gsc-trailing-more-results,<br />
#uds-searchControl .gsc-results .gsc-trailing-more-results * {<br />
color:<data:linkColor/>;<br />
}<br />
#uds-searchControl .gs-result .gs-title a:visited,<br />
#uds-searchControl .gs-result .gs-title a:visited * {<br />
color:<data:visitedLinkColor/>;<br />
}<br />
#uds-searchControl .gs-relativePublishedDate,<br />
#uds-searchControl .gs-publishedDate {<br />
color: <data:dateColor/>;<br />
}<br />
#uds-searchControl .gs-result a.gs-visibleUrl,<br />
#uds-searchControl .gs-result .gs-visibleUrl {<br />
color: <data:urlColor/>;<br />
}<br />
#uds-searchControl .gsc-results {<br />
border-color: <data:borderColor/>;<br />
background-color: <data:backgroundColor/>;<br />
}<br />
#uds-searchControl .gsc-tabhActive {<br />
border-color: <data:borderColor/>;<br />
border-top-color: <data:activeBorderColor/>;<br />
background-color: <data:backgroundColor/>;<br />
color: <data:textColor/>;<br />
}<br />
#uds-searchControl .gsc-tabhInactive {<br />
border-color: <data:borderColor/>;<br />
background-color: transparent;<br />
color: <data:linkColor/>;<br />
}<br />
#uds-searchClearResults {<br />
border-color: <data:borderColor/>;<br />
}<br />
#uds-searchClearResults:hover {<br />
border-color: <data:activeBorderColor/>;<br />
}<br />
#uds-searchControl .gsc-cursor-page {<br />
color: <data:linkColor/>;<br />
}<br />
#uds-searchControl .gsc-cursor-current-page {<br />
color: <data:textColor/>;<br />
}<br />
</style><br />
<b:include name='quickedit'/><br />
</b:includable><br />
</b:widget></blockquote>
<br />
<h3>
Analisando o código e adicionado os ícones</h3>
<div>
O código da caixa de busca é composto por código HTML e o código CSS. Esses códigos estão separados pela linha <b><!-- override gsearch.css --></b>. Você vai colar <b>antes </b>desta linha, o seguinte código:</div>
<div>
<br /></div>
<div>
<blockquote class="tr_bq">
<div class='sidebar-social-gadget' oncontextmenu='return false' ondragstart='return false'><a href='http://twitter.com/<b><span style="color: red;">NOME-DE-USUÁRIO</span></b>' target='_blank' title='Siga no Twitter'><img alt='Twitter' border='0' src='<span style="color: blue;">https://lh6.googleusercontent.com/-6YcFWEyGRco/UCvKSQiF2OI/AAAAAAAAELo/PZKRirRzNUw/s512/Twitter-Bird-Metro.PNG</span>'/></a> <a href='http://www.facebook.com/<b><span style="color: red;">LINK-FACEBOOK</span></b>' target='_blank' title='Curta no Facebook'><img alt='Facebook' border='0' src='<span style="color: blue;">https://lh4.googleusercontent.com/-V4e3N5_kyaw/UCvKRTTnLWI/AAAAAAAAELQ/gS_KS7YmG9M/s512/Facebook-F-Metro.PNG</span>'/></a> <a href='http://www.youtube.com/user/<b><span style="color: red;">-USUÁRIO-DO-YOUTUBE</span></b>' target='_blank' title='Inscreva-se no YouTube'><img alt='YouTube' border='0' src='<span style="color: blue;">https://lh5.googleusercontent.com/-BPRt6QiPX5U/UCvKSkxDUqI/AAAAAAAAEL0/PPaqePANW_k/s512/Youtube-Metro.PNG</span>'/></a><br />
<a href='<b><span style="color: red;">URL-DE-PERFIL-DO-GOOGLE+</span></b>' target='_blank' title='Google+'><img alt='Google+' border='0' src='<span style="color: blue;">https://lh6.googleusercontent.com/-hJNJcJP1M2I/UCvKRiPgcKI/AAAAAAAAELU/ALH6H98TKQw/s512/Google%252B-Metro.PNG</span>'/></a></div> </div> </blockquote>
<br />
Modifique todas as partes destacadas de vermelho pelos seus respectivos destinos. Você pode alterar os ícones pelo de sua preferência, eles estão destacados de azul.<br />
Seu código geral deverá ficar assim:<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-hphoiSPAN_U/UO4GWiTaq1I/AAAAAAAAGIY/fLEz9FhBbAE/s1600/FHFH.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="562" src="http://1.bp.blogspot.com/-hphoiSPAN_U/UO4GWiTaq1I/AAAAAAAAGIY/fLEz9FhBbAE/s640/FHFH.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Clique na imagem para ampliar</td></tr>
</tbody></table>
<div style="text-align: justify;">
Agora procuremos por <b>]]></b:skin></b> e <b>acima </b>dela adicionemos o seguinte código. Este código será responsável por dar estilo aos ícones. Personalize como desejar.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
</div>
<blockquote class="tr_bq">
/* ----- Redes Socias ----- */<br />
div.sidebar-social-gadget {text-align:center;}<br />
div.sidebar-social-gadget img {width: 40px;height:40px;opacity:1;-webkit-transition: 0.2s all;<br />
-moz-transition: 0.2s all;<br />
-ms-transition: 0.2s all;<br />
-o-transition: 0.2s all;<br />
transition: 0.2s all;}<br />
div.sidebar-social-gadget img:hover {width: 40px;height:40px;opacity:0.8;-webkit-transition: 0.2s all;<br />
-moz-transition: 0.2s all;<br />
-ms-transition: 0.2s all;<br />
-o-transition: 0.2s all;<br />
transition: 0.2s all;}</blockquote>
<br />
Pronto. Provavelmente deverá está funcionado perfeitamente. Caso não esteja, deixe suas dúvidas e problemas nos comentário abaixo. Espero ter ajudado e até a próxima.</div>
JACNhttp://www.blogger.com/profile/15784652932629392580noreply@blogger.com3tag:blogger.com,1999:blog-968330437509080537.post-79715822180191188622013-01-02T15:27:00.001-02:002013-03-07T17:22:25.232-03:00Incorporando tweets aos posts do blog<div style="text-align: justify;">
O Twitter é uma grande rede social, onde milhares de pessoas postam pequenos textos. É sempre bom usar o Twitter para ficar sempre atualizado sobre as novidades das grandes empresas (como o Google, Microsoft) e famosos de seu gosto.<br />
<a name='more'></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Você está escrevendo um artigo e é necessário "ilustrá-lo" com um tweet. Você pode fazer um Print Screen/ScreenShot e depois adicioná-lo ao post. Mas o próprio Twitter disponibiliza uma ferramenta capaz de incorporar em seu post ou em qualquer local que dê suporte à HTML, etc.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Para fazer isso, basta encontrar o seu tweet na Linha do tempo. Depois, clique em <b>Expandir</b> e em <b>Detalhes</b> ou clique somente no <b>horário</b> em que o tweet foi publicado.</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://2.bp.blogspot.com/-1vaVBAAx25Y/UORrpq9XEAI/AAAAAAAAF6A/nxNJhOdK2fI/s1600/tweet.png" /></div>
<div class="separator" style="clear: both; text-align: justify;">
Na nova tela que aparecerá, clique em <b>Incorporar este Tweet</b>. Na pop-up que abrirá, faça os ajustes de alinhamento e escolha a forma do código. Após copie o código.</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://1.bp.blogspot.com/-0um7SsbSs4s/UORtJwYBLgI/AAAAAAAAF8k/20je6F_IX2k/s1600/cats.jpg" /></div>
<div class="separator" style="clear: both; text-align: justify;">
Após copiar o código, vá onde você desejar adicionar o tweet e cole o código. Salve as configurações. Caso queria adicionar à um post, basta acessar o Editor de Postagens do Blogger e clicar em <b>HTML</b> e colar o código. Veja o exemplo:</div>
<blockquote class="twitter-tweet tw-align-center" lang="pt">
Loja da Apple em Paris é assaltada no ano novo <a href="http://t.co/BwzwfQ1Y" title="http://migre.me/cCXXF">migre.me/cCXXF</a><br />
— Olhar Digital (@olhardigital) <a data-datetime="2013-01-02T17:00:32+00:00" href="https://twitter.com/olhardigital/status/286517343461466112">janeiro 2, 2013</a></blockquote>
<div style="text-align: justify;">
Viu como é muito simples? Compartilhe com seus amigos caso tenha gostado e em casos de dúvidas, comente abaixo. Até a próxima!</div>
JACNhttp://www.blogger.com/profile/15784652932629392580noreply@blogger.com4tag:blogger.com,1999:blog-968330437509080537.post-26479975676974690692012-12-24T19:55:00.000-02:002012-12-24T19:55:47.156-02:00Feliz Natal, pessoal!<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://1.bp.blogspot.com/-O37K5niWcl0/UNjMF4-aJ7I/AAAAAAAAF1Y/Ife6kWQYykE/s1600/cartao-cb.png" /></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-family: inherit;">Olá pessoal do Categoria Blogger! Hoje é dia 24, o dia da véspera de Natal. Uma das datas mais esperadas por aqueles que creem em Cristo e você já sabe.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-family: inherit;"><br />
</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-family: inherit;">Esse ano foi um ano muito interessante no mundo da tecnologia, foi de quase muito investimento aqui no Categoria Blogger, muitas polêmicas (21/12/12), muitas coisas engraçadas (<a href="http://www.youtube.com/watch?v=3adl33jR6-s" target="_blank">como essa</a>), enfim, foi um ano muito bom.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-family: inherit;"><br />
</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-family: inherit;">Aqui no CB, eu particularmente achei maravilhoso. Foi muuuitos comentários, postagens, e outras coisinhas. Gostei bastante, e para 2013 temos muitas, mas muitas novidades que estão em minhas notas virtuais (Evernote) que estou </span>fazendo<span style="font-family: inherit;"> e tudo para que saia o mais rápido </span>possível<span style="font-family: inherit;"> dele.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-family: inherit;"><br />
</span></div>
<div class="separator" style="clear: both; text-align: justify;">
Vamos para de conversa e vamos "direto ao ponto". Criei o belo cartãozinho que você veem acima, e vim aqui para desejar a vocês, as pessoas para quem publico, um Feliz natal muito feliz e um ano novo repleto de realizações, que os planos traçados sejam realizados e para você que é Cristão (como eu), que ele continue abençoando você e sua família.</div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Segoe UI Light; font-size: 30px;">Feliz Natal e um Feliz Ano Novo!</span></div>
Até próximo ano!JACNhttp://www.blogger.com/profile/15784652932629392580noreply@blogger.com0tag:blogger.com,1999:blog-968330437509080537.post-64552212968337469702012-12-18T22:26:00.001-02:002012-12-18T22:26:42.183-02:00Mencione pessoas do Google+ em seus posts<div style="text-align: justify;">
A Equipe do Blogger adicionou hoje (18/12/12) um novo recurso ao Blogger, agora no Editor de Postagens. Agora, é possível marcar/mencionar as pessoas de seus círculos do Google+ nas suas postagens.<br />
<a name='more'></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Para fazer a marcação de pessoas, basta digitar no campo do Editor o "<b>+</b>" seguido do nome da pessoa.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-7Pma7zfgYpo/UNClvQ8ohSI/AAAAAAAAAP4/q9waw-p5RvQ/s800/google%252B%2520mentions.jpg" imageanchor="1" style="margin-left: 0em; margin-right: 0em;"><img border="0" height="309" src="http://1.bp.blogspot.com/-7Pma7zfgYpo/UNClvQ8ohSI/AAAAAAAAAP4/q9waw-p5RvQ/s640/google%252B%2520mentions.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Ao digitar o "<b>+</b>" e digitar, em seguida, a primeira letra do nome, aparecerá sugestões de pessoas que contenha no nome a letra digitada.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-uQV0aMkYmgk/UNEIfNQlhDI/AAAAAAAAFyE/czqMa9qM5Wk/s1600/cats.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-uQV0aMkYmgk/UNEIfNQlhDI/AAAAAAAAFyE/czqMa9qM5Wk/s1600/cats.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
A Google está querendo deixar você mais sociável no Google+ e aumentar a rede social. Eu, particularmente, não gostava do Google+, mas agora estou gostando bastante. É uma rede para quem quer conversar e ter bastante amizades. <a href="https://plus.google.com/106693069776720583126" target="_blank">Siga-me</a> no Google+ e também o <a href="https://plus.google.com/108400520611738564867?prsrc=1" target="_blank">Categoria Blogger</a>.</div>
JACNhttp://www.blogger.com/profile/15784652932629392580noreply@blogger.com4tag:blogger.com,1999:blog-968330437509080537.post-30105170636950113962012-12-07T10:51:00.002-02:002012-12-07T10:51:44.288-02:00Mudanças no Categoria Blogger para 2013<div style="text-align: justify;">
Olá pessoal, irei logo agora, adiantando os assuntos. Muita gente que segue o blog está meio que perdido diante de tanta falta de atualização, falta de artigos, novidades etc. Ontem (06/12) publiquei uma mensagem no perfil do Categoria Blogger no Facebook falando sobre tudo o que irá de acontecer no blog.</div>
<a name='more'></a><br />
<div style="text-align: justify;">
Dentre essas mudanças, está novo layout e outros coisas que você verá na mensagem. Estamos, ou melhor, estou, com uma grande expectativa para este mês de dezembro e o novo ano, 2013. Bem, é muito trabalho pela frente, então veja a mensagem publicada.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
"Como eu (João Almeida nunca estou satisfeito (rs), 2013 será um grande ano para mim, claro, e para o Categoria Blogger. A cada dia que passa, minha cabeça tem mais e mais ideias para o novo Categoria Blogger.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Será com grande prazer, que irei apresentar para vocês, ainda no Natal, o novo Categoria Blogger. O layout será totalmente diferente de todos já vistos lá no Categoria Blogger, teremos também domínio próprio, parcerias novas (e fortalecer as atuais), lançaremos nosso "market" de templates e muito mais coisinhas para vocês.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
O Categoria Blogger irá sair de um simples metablog para um grande site. Sairemos da facilidade para o avançado. Estamos também pensando em mudar de plataforma, uma plataforma mais avançada, o WordPress. Nesse novo ano que chegará irá acontecer muita coisa legal no Categoria Blogger e será um grande ano para mim também, pois irei sair de um simples blogueiro para ir ao design.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Será com bastante trabalho este mês de dezembro. A preguiça iremos deixar de lado e colocarei a mão na massa. Procurarei ajuda à grandes amigos blogueiros e muito mais coisas que vocês ficarão sabendo com o tempo. Peço a vocês, que ajudem a divulgar o blog com seus amigos e familiares. Ficarei bastante agradecido.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Bem, a mensagem de hoje é só isso, por enquanto. Temos bastante trabalho pela frente, ideias já estão sendo anotadas e breve sairão do papel (ou melhor, no OneNote e do Evernote).</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Agradeço a todos vocês pela força que nos dão, pelas visitas, pelo carinho imenso que alguns leitores têm comigo e pelo blog e vamos aguardar as novidades. Será difícil eu publicar artigos durante tal tempo de trabalho, mas tempo mais de 200 artigos esperando você lá no blog. Acompanhe sempre as novidades aqui no Facebook e lá no Twitter (twitter.com/Categoria_b) e é claro, acessem o blog.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Abraços e até mais. Vocês também irão encontrar esta mensagem no blog.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
João Almeida,</div>
<div style="text-align: justify;">
diretor e fundador do Categoria Blogger."</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
O trabalho do template já está acontecendo a partir de hoje (07/12), a migração para o WordPress ainda é uma questão a ser pensada, pois se formos realmente se mudar para lá, terá de ter bastante trabalho. Só que temos algumas ideias em relação à isso.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Bem, por enquanto é só. Qualquer novidade, qualquer coisa, estaremos publicando <a href="https://www.facebook.com/categoria.blogger" target="_blank">no Facebook</a>. Até mais.</div>
JACNhttp://www.blogger.com/profile/15784652932629392580noreply@blogger.com2tag:blogger.com,1999:blog-968330437509080537.post-49526203695140518052012-12-02T00:24:00.000-02:002012-12-02T00:24:01.289-02:00Facebook libera à todos o recurso Sincronização de Fotos<div style="text-align: justify;">
O Facebook liberou ontem (30/11) uma atualização para os usuários de Android e iOS a ferramente de sincronização privada de fotos do seu telefone celular para a rede social. Isso parece ser um pouco inútil na primeira vista, mas pode ser de grande utilidade.</div>
<div style="text-align: justify;">
</div>
<a name='more'></a><div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://1.bp.blogspot.com/-sNMy9kV4J8I/ULq7AdAWCYI/AAAAAAAAFio/FYWeZ3L1cNE/s1600/sync-photos.png" /></div>
</div>
<div style="text-align: justify;">
A seguir, vamos destacar partes importantes dessa ferramente que você pode encontrar na <a href="https://www.facebook.com/help/photosync" target="_blank">página de ajuda</a> da Sincronização de fotos.</div>
<h1 style="text-align: justify;">
Como acontece a sincronização de fotos?</h1>
<div style="text-align: justify;">
<span style="background-color: white; line-height: 19px;"><span style="font-family: inherit;">Quando você ativa sincronização de fotos, as fotos do seu celular são salvas em uma seção privada de suas fotos do Facebook. Você pode facilmente compartilhar suas fotos sincronizadas na sua linha do tempo usando um desktop, celular ou outro dispositivo.</span></span></div>
<h1>
Como faço para sincronizar as minhas fotos?</h1>
<div>
<div>
Você pode visualizar a sincronização de fotos primeiro verificando se você tem a versão mais recente do aplicativo Facebook instalado no seu telefone.</div>
<div>
<br /></div>
<div style="text-align: justify;">
<b>No aplicativo:</b></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Vá até a sua linha do tempo</div>
<div style="text-align: justify;">
Toque em <b>Fotos</b></div>
<div style="text-align: justify;">
Toque em <b>Sincronizar</b>, na parte inferior da sua seção de fotos. Siga as instruções passo a passo.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Do seu computador:</b></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Vá até a sua linha do tempo</div>
<div style="text-align: justify;">
Clique em <b>Fotos</b></div>
<div style="text-align: justify;">
Clique em <b>Sincronizado do telefone</b>, na parte superior da sua seção de fotos. Siga as instruções passo a passo.</div>
</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
O recurso é muito legal e também ser como um backup de suas fotos. Você também pode, nas configurações, ajustar para que a ferramente sincronize toda a sua galeria. Por padrão, a ferramenta sincroniza somente as fotos recentes.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
As novidades que estão chegando ao Facebook são incríveis e está fazendo dele mais que uma rede social. Esperamos, em breve, uma mudança de interface - pois a atual já está um pouco ultrapassada.</div>
JACNhttp://www.blogger.com/profile/15784652932629392580noreply@blogger.com3tag:blogger.com,1999:blog-968330437509080537.post-31926563464915286532012-11-18T15:07:00.000-02:002012-11-18T15:07:29.201-02:00Conhecendo o Windows 8 - Personalizando<div style="text-align: justify;">
O Windows 8 traz uma porção de ferramentas para você personalizar o sistema e deixá-lo com sua cara. Você pode personalizar a tela Iniciar, tela de bloqueio, cores e desktop. E também uma função bem legal que o Windows 7 não tinha. Vamos conhecê-las?<br />
<a name='more'></a></div>
<h1>
Personalizando a tela Iniciar </h1>
<div style="text-align: justify;">
A tela Iniciar é o começo. É por ela onde começa tudo no computador. Na primeira coisa que você irá ver precisará ter um visual bem elegante e que lhe deixe agradado. Então, vamos organizar os blocos, as cores e o plano de fundo.</div>
<h3>
Organizando os blocos</h3>
<div style="text-align: justify;">
Nós já conhecemos o tiles (blocos) e live tiles (blocos dinâmicos). Que tal deixá-los bem organizados para facilitar sua navegação.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Clique sobre um bloco e arraste-o pelo tela Iniciar e solte-o onde desejar. Você pode criar novas colunas. Basta arrastar um bloco e ao aparecer uma linha branca opaca, soltar o bloco. Veja a animação.</div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='520' height='360' src='https://www.blogger.com/video.g?token=AD6v5dwhAzuYPFSqmqbkFymssPMd_BQnIe4QF1kZW3JySwsY35f2VFHizGsVnxwyEQj8LL5JjI8L9BFiZW5G8CXtcA' class='b-hbp-video b-uploaded' frameborder='0'></iframe></div>
<div style="text-align: justify;">
Para aumentar ou diminuir blocos, basta clicar sobre um bloco com o botão direito do mouse e no menu inferior, clicar sobre maior ou menor. Veja a imagem.</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://3.bp.blogspot.com/-xRm3msjlIrg/UKg9o3j1hYI/AAAAAAAAFdE/oLVbtVSfhHQ/s1600/demo2.png" /></div>
<h3>
Personalizando cores e plano de fundo e tela de bloqueio</h3>
<div style="text-align: justify;">
Como já iniciei, a tela Iniciar é o começo de tudo. Vamos personalizar a cor e o plano de fundo para deixar ela mais "aconchegante" para você.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Na tela Iniciar, abra a Charms Bar e clique em Mudar configurações do computador. No menu de configurações, já estará selecionado a opção Personalizar.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Ela estará dividida em três categorias: <b>Tela de bloqueio</b>, <b>Tela Inicial</b> e <b>Imagem da conta</b>.</div>
<div style="text-align: justify;">
No menu <b>Tela de bloqueio</b>, você pode escolher o plano de fundo que aparecerá logo quando ligar o computador. Basta selecionar uma das miniaturas mostradas ou se desejar, poderá escolher uma imagem de sua preferência clicando em <b>Procurar</b>.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-SdFgZVx0OGg/UKhAL6nGbTI/AAAAAAAAFek/BOLpa4aOhrA/s1600/lockscreen.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="365" src="http://2.bp.blogspot.com/-SdFgZVx0OGg/UKhAL6nGbTI/AAAAAAAAFek/BOLpa4aOhrA/s400/lockscreen.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
No menu Tela Inicial, você poderá escolher as cores e o plano de fundo dela. Abaixo da janela de visualização, você encontra algumas miniaturas disponíveis para sua escolha. Você não pode escolher uma imagem de sua preferência, somente as disponíveis.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-G4NgA3oEJJg/UKhBUzpeq_I/AAAAAAAAFes/gpncekuDWAk/s1600/inicial.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="397" src="http://3.bp.blogspot.com/-G4NgA3oEJJg/UKhBUzpeq_I/AAAAAAAAFes/gpncekuDWAk/s400/inicial.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
Mais em baixo, você encontra as cores para a sua tela e outras partes do sistema. Faça suas escolhas.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Em <b>imagem da conta</b>, você irá modificar a imagem de exibição da sua conta da Microsoft. Clique em <b>Procurar</b> para escolher uma foto de sua preferência.</div>
<h1>
Personalizando a área de trabalho</h1>
<div style="text-align: justify;">
O segundo plano, ou melhor, a área de trabalho, que ainda serve para muita coisa. Então é bom deixarmos ela bem bonita.</div>
<h3>
Escolhendo o tema</h3>
<div style="text-align: justify;">
O processo de escolha do tema é igual ao do Windows 7. Clicando com o botão direito do mouse, selecione a opção <b>Personalizar</b> e faça os ajustes que achar mais necessário.</div>
<h3>
Funcionalidade nova (e interessante)</h3>
<div style="text-align: justify;">
No Windows 8, a cor da janela e da barra de tarefas poderá mudar de cor aleatoriamente de acordo com o papel de parede escolhido, sabia?</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Essa função não estava disponível no Windows 7, chegou agora no Windows 8 e é muito legal. Ela irá modificar a cor para a cor mais predominante no papel de parede.</div>
<div style="text-align: justify;">
Para ativar, basta abrir a janela de personalização descrito no passo anterior e na área para a escolha da cor da janela, selecione <b>Automático</b>.</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://2.bp.blogspot.com/-4IvC3Y-sEvA/UKhDkj2A4qI/AAAAAAAAFe0/I8RyCtq66cM/s1600/cor.png" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Somente. Por hoje é só. O Windows 8 ainda tem muito o que mostrar. Se você já usa, o que tem achado dele? Se ainda estiver pensando em usá-lo, o que está em dúvida? Fique de olho aqui no Categoria Blogger e mais informações você encontra no <a href="http://windows.microsoft.com/" target="_blank">site do Windows</a>.</div>
JACNhttp://www.blogger.com/profile/15784652932629392580noreply@blogger.com0tag:blogger.com,1999:blog-968330437509080537.post-35245332702593092302012-11-13T14:39:00.001-02:002012-11-17T23:28:39.913-02:00Conhecendo o Windows 8 - A tela Iniciar<div style="text-align: justify;">
Com o lançamento do Windows 8, o que deixou muita gente com a a pluga atrás da orelha, foi a troca do menu Iniciar para a nova tela Iniciar. No tutorial de hoje, aprenderemos a visualizar todos os aplicativos instalados no computador e nomear um grupo (coluna) de aplicativos da Tela Iniciar.<br />
<a name='more'></a></div>
<h1>
Visualizando todos os aplicativos instalados</h1>
<div style="text-align: justify;">
Na <b>tela Iniciar</b> ou na <b>Área de Trabalho</b>, <a href="http://joao987.blogspot.com.br/2012/11/windows-8-dicas.html#ler" target="_blank">abra a Charms Bar</a> e clique no botão <b>Pesquisar</b>. Também, na tela Iniciar, clique com o <b>botão direito</b> do mouse e no menu inferior clique em <b>Todos os aplicativos</b>.</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-JohIdWVP6TY/UKJ1GUcpb1I/AAAAAAAAFa0/F1HL2vimRnE/s1600/Captura+de+Tela+(16).png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="225" src="http://4.bp.blogspot.com/-JohIdWVP6TY/UKJ1GUcpb1I/AAAAAAAAFa0/F1HL2vimRnE/s400/Captura+de+Tela+(16).png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Clique na imagem para ampliar</td></tr>
</tbody></table>
<div style="text-align: start;">
Você verá todos os aplicativos instalados no computador.</div>
<h1>
Nomeando um grupo de aplicativos</h1>
<div style="text-align: justify;">
Manter a organização da sua tela Iniciar é essencial e facilita a busca por aplicativos fixados nela.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Para nomear um grupo, na tela Inciar, utilize o atalho do teclado <b>Ctrl</b> com a tecla <b>-</b> ou a tecla <b>Ctrl</b> com a <b>rolagem do scroll do mouse para baixo</b>. E ainda clicar no ícone de <b>Menos</b> (-) perto da barra de rolagem no canto inferior da tela.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Clique com o <b>botão direito</b> do mouse em um grupo (coluna) de aplicativos e no meu inferior, clique em <b>Nome do grupo.</b> Na pequena janela, digite um nome de seu desejo e clique em <b>Nomear</b>. Como na imagem abaixo.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-lXDMJ1lqgBM/UKJ3ADUo3rI/AAAAAAAAFbE/W3MBxKutPyI/s1600/tela-star-group.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://1.bp.blogspot.com/-lXDMJ1lqgBM/UKJ3ADUo3rI/AAAAAAAAFbE/W3MBxKutPyI/s400/tela-star-group.png" width="316" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Fácil, não é mesmo? O Windows 8 facilita muito sua navegação pelo sistema e páginas. Para saber mais sobre o Windows 8, basta visitar o <a href="http://windows.microsoft.com/" target="_blank">site do Windows</a> e mais tutoriais você encontra aqui no Categoria Blogger! Até a próxima.</div>
JACNhttp://www.blogger.com/profile/15784652932629392580noreply@blogger.com0tag:blogger.com,1999:blog-968330437509080537.post-35241471502415935832012-11-09T14:02:00.000-02:002012-11-13T14:42:21.270-02:00Dicas úteis e simples para quem quer ou já utiliza o Windows 8<div style="text-align: justify;">
Olá pessoal! Depois de muito tempo de férias, estamos de volta à ativa. E hoje, iremos aprender, algumas dicas rápidas, básicas e que tudo usuário e futuro usuário do Windows 8 deve saber. Entre eles, iremos mostrar os movimentos que você deve fazer com o mouse.<br />
<a name='more'></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Todos nós sabemos que o Windows 8 teve uma grande mudança em relação à sua interface de usuário. Entre elas, a perda do Menu Iniciar, para uma grande e charmosa Tela Iniciar e outros grandes destaques. O Windows 8 deve sua interface adaptada tanto para usuário com teclado e mouse tanto para usuários com tela de toque ou os dois. Portanto, requer alguns movimentos.</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://4.bp.blogspot.com/-YfzWGkS8t7c/UJ0jXCHEqII/AAAAAAAAFVI/dkCxWlM4r2s/s1600/Windows_8_logo_and_wordmark.png.png" /></div>
<div style="text-align: justify;">
Daremos destaque nesse "mini guia" aos movimentos realizados com o mouse, pois aqui no Brasil, ainda há um "escassez" de telas de toque (por enquanto, espero). Bem, vamos ao tutorial?</div>
<h1>
Conhecendo a Charms Bar</h1>
<div>
<div style="text-align: justify;">
Não importa onde você esteja no Windows 8, os botões ajudam você a realizar as tarefas mais frequentes, como pesquisar, compartilhar links e fotos, conectar dispositivos e alterar configurações. O que você pode fazer com os botões pode variar dependendo do que você estiver fazendo, isto é, se estiver na tela inicial ou usando um aplicativo. Então, comece a explorar.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Os cinco botões — Pesquisar, Compartilhar, Iniciar, Dispositivos e Configurações — estão sempre disponíveis no lado direito da sua tela. Veja como abri-los:</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Com toque</b>, deslize o dedo pela borda direita e toque no botão desejado.</div>
<div style="text-align: justify;">
<b>Com o mouse</b>, mova o ponteiro pelo canto direito superior ou canto direito inferior e mova-o para cima ou para baixo para clicar no botão desejado.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Veja o que você pode fazer com eles:</div>
</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-M2xPiNGWeR8/UJ0kC3WTeFI/AAAAAAAAFVQ/FMCQdcf43sY/s1600/Captura+de+Tela+(10).png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="295" src="http://2.bp.blogspot.com/-M2xPiNGWeR8/UJ0kC3WTeFI/AAAAAAAAFVQ/FMCQdcf43sY/s400/Captura+de+Tela+(10).png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Clique na imagem para ampliar</td></tr>
</tbody></table>
<h1>
Programas abertos</h1>
<div>
<div style="text-align: justify;">
Às vezes, você quer voltar para um aplicativo que acabou de usar ou alternar rapidamente para aplicativos recentes.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Se você quer alternar para o aplicativo que acabou de usar, veja como fazer:</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Com toque</b>, passe o dedo desde a borda esquerda.</div>
<div style="text-align: justify;">
<b>Com o mouse</b>, mova o ponteiro para o canto esquerdo superior e clique no canto.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Se você quer alternar para outro aplicativo que usou recentemente, veja como fazer:</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Com toque</b>, passe o dedo desde a borda esquerda sem levantá-lo e depois pressione o aplicativo de volta em direção à borda esquerda. Você verá os aplicativos usados recentemente, além da tela inicial. Toque no aplicativo que deseja.</div>
<div style="text-align: justify;">
<b>Com o mouse</b>, mova o ponteiro para o canto esquerdo superior e depois mova-o para baixo. Você verá os aplicativos usados recentemente, além da tela inicial. Clique no aplicativo que deseja.</div>
</div>
<h1>
Dois aplicativos, uma só tela</h1>
<div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-P8rKoLul5Yw/UJ0oHXB5-zI/AAAAAAAAFYE/vMSIir-o7-U/s1600/cats.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="225" src="http://1.bp.blogspot.com/-P8rKoLul5Yw/UJ0oHXB5-zI/AAAAAAAAFYE/vMSIir-o7-U/s400/cats.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Clique na imagem para ampliar</td></tr>
</tbody></table>
<div style="text-align: justify;">
Fique de olhe na sua lista de reprodução de músicas enquanto trabalha em um relatório. Compare a agenda do seu time favorito com seu próprio calendário. Você pode fazer muito mais quando ajusta um segundo aplicativo à esquerda ou à direita da sua tela. Os aplicativos executam todas as mesmas ações quando são ajustados ou estão em tamanho cheio, mas eles farão ajustes inteligentes para caber no tamanho menor. Experimente diferentes layouts para descobrir qual funciona melhor para você.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Se você quer ajustar o aplicativo que está usando, veja como fazer:</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Com toque</b>, deslize seu dedo desde a borda esquerda para exibir o segundo aplicativo. Em seguida, arraste esse aplicativo para o lado esquerdo ou direito da tela até que uma abertura apareça atrás dele.</div>
<div style="text-align: justify;">
<b>Com o mouse</b>, mova o ponteiro para o canto esquerdo superior até que o segundo aplicativo seja exibido. Em seguida, arraste esse aplicativo para o lado esquerdo ou direito da tela até que uma abertura apareça atrás dele.<br />
<br />
Pronto pessoal! Essas são algumas dicas que passamos para vocês. Lembrando que, qualquer informações a mais você pode encontrar no <a href="http://windows.microsoft.com/" target="_blank">site do Windows</a>. Até a próxima.</div>
</div>
JACNhttp://www.blogger.com/profile/15784652932629392580noreply@blogger.com2tag:blogger.com,1999:blog-968330437509080537.post-78068109639158557642012-10-27T13:55:00.000-02:002012-10-27T13:55:19.314-02:00Adicionando gadget de Assinar Feed com Redes Sociais ao blog<div style="text-align: justify;">
Olá leitores do Categoria Blogger! Ainda estou na fase de férias mas como disse, sempre que eu pudesse dava uma "passadinha" aqui no blog. E hoje estarei atendendo o pedido do leitor Silvio que nos pediu - por e-mail - para mostrar como adicionar um gadget de Redes Sociais com as Redes Sociais, igual aqui do blog.</div>
<a name='more'></a><br />
<div style="text-align: justify;">
O gadget é bastante útil e não "consume" tanto espeço na barra lateral. Mudei algumas coisas no CSS do gadget para diferenciar o do blog. Seguimos o tutorial.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b><span style="color: red;">1.</span></b> Acesse o painel de controle do seu blog e clique no menu <span style="color: blue;">Modelo</span>. Clique no botão <b>Editar HTML</b> e pressione o botão <b>Ctrl+F</b> para abrir a janela <b>Localizador</b> do navegador, após isso, procure pela seguinte linha.</div>
<div style="text-align: justify;">
<br /></div>
<blockquote class="tr_bq">
]]></b:skin></blockquote>
<br />
<div style="text-align: justify;">
<b><span style="color: red;">2.</span></b> Copie o código abaixo e cole-o <b>acima</b> da linha encontrada no passo anterior. Se desejar, faça modificações necessárias.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
</div>
<blockquote class="tr_bq">
/* ----- Newsletter ----- */<br />.input-rss {<br />padding: 5px;<br />}<br />.input-rss {<br />font-family: Segoe UI;<br />border: 1px solid #999;<br />padding: 5px;<br />margin: 0px 10px 0px 0px;<br />max-width: 159px;<br />min-width: 159px;<br />font-size: 13px;<br />font-weight: normal;<br />}<br />.input-rss:focus {<br />border: 1px solid #222;<br />}<br />.submit-rss {<br />font-family: Segoe UI Semibold, Segoe UI;<br />font-size: 13px;<br />font-weight: normal;<br />margin:0px;<br />cursor:pointer;<br />}<br />.submit-rss {<br />color:#FFF;<br />background: #094AB2;<br />border: 0px solid transparent;<br />text-decoration:none;<br />margin: 10px 0px 0px;<br />padding: 4px 10px;<br />outline:0px solid #FFFFFF;<br />}<br />.submit-rss:visited {<br />color:#FFF;<br />background: #094AB2;<br />border: 0px solid transparent;<br />text-decoration:none;<br />margin: 10px 0px 0px;<br />padding: 4px 10px;<br />outline:0px solid #FFFFFF;<br />}<br />.submit-rss:hover {<br />background: #07419D;<br />text-decoration: none;<br />}<br />.submit-rss:active {<br />background: #212121;text-decoration:none;}<br />.text-rss {<br />font-family: Segoe UI;<br />font-size: 13px;<br />font-weight: normal;<br />background:#FFFFFF url('https://lh6.googleusercontent.com/--86YrL1X6Gg/UE4puUx-sYI/AAAAAAAAE3E/usr9kkeJpHE/s16/1347299743_021.png') no-repeat left top;<br />padding:1px 0px 10px 20px;<br />}<br />table.rss {<br />background:#FFFFFF;<br />border:1px solid #FFFFFF;<br />padding:0px;margin:0px;<br />}<br />.mais-infor {<br />font:normal bold 12px Arial;<br />float:right;<br />padding:0px;<br />margin:0px;<br />color:#3F91C3;<br />text-decoration:none;<br />outline:0px solid #FFFFFF;<br />}<br />/* ----- Redes Socias ----- */<br />div.sidebar-social-gadget {text-align:center;}<br />div.sidebar-social-gadget img {width: 60px;height:60px;opacity:1;-webkit-transition: 0.2s all;<br />-moz-transition: 0.2s all;<br />-ms-transition: 0.2s all;<br />-o-transition: 0.2s all;<br />transition: 0.2s all;}<br />div.sidebar-social-gadget img:hover {width: 60px;height:60px;opacity:0.8;-webkit-transition: 0.2s all;<br />-moz-transition: 0.2s all;<br />-ms-transition: 0.2s all;<br />-o-transition: 0.2s all;<br />transition: 0.2s all;}</blockquote>
<br />
<br />
<div style="text-align: justify;">
<b><span style="color: red;">3.</span></b> Clique em <b>Visualizar</b> e se estiver tudo certo, clique em <b>Salvar modelo</b>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b><span style="color: red;">4.</span></b> Acesse o menu <span style="color: blue;">Layout</span> de seu modelo e clique em <b>Adicionar um gadget</b>. Na nova janela, escolha a opção <b>HTML/JavaScript</b>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b><span style="color: red;">5.</span></b> Dê um título ao gadget e na opção <b>Conteúdo</b>, cole o código a seguir. Lembre-se de fazer as modificações destacadas.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
</div>
<blockquote class="tr_bq">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=<b>NOME-DO-SEU-FEED</b>', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><span class="text-rss">Informe o e-mail:</span><input id="input-rss" placeholder="Digite seu email..." class="input-rss" type="text" name="email" /><input type="hidden" value="<b>NOME-DO-SEU-FEED</b>" name="uri" /><input type="hidden" name="loc" value="pt_BR" /><input class="submit-rss" type="submit" value="Assinar" /><br /></form><div id="borda"></div><div class="sidebar-social-gadget" oncontextmenu="return false" ondragstart="return false"><a href="http://twitter.com/#!/<b><span style="color: red;">PERFIL-DO-TWITTER</span></b>" target="_blank" title="Siga no Twitter"><img src="https://lh6.googleusercontent.com/-6YcFWEyGRco/UCvKSQiF2OI/AAAAAAAAELo/PZKRirRzNUw/s512/Twitter-Bird-Metro.PNG" border="0" alt="Twitter" /></a> <a href="http://www.facebook.com/PERFIL-DO-FACEBOOK" target="_blank" title="Curta no Facebook"><img src="https://lh4.googleusercontent.com/-V4e3N5_kyaw/UCvKRTTnLWI/AAAAAAAAELQ/gS_KS7YmG9M/s512/Facebook-F-Metro.PNG" border="0" alt="Facebook"/></a> <a href="http://www.youtube.com/user/<b><span style="color: red;">PERFIL-DO-YOUTUBE</span></b>" target="_blank" title="Inscreva-se no YouTube"><img src="https://lh5.googleusercontent.com/-BPRt6QiPX5U/UCvKSkxDUqI/AAAAAAAAEL0/PPaqePANW_k/s512/Youtube-Metro.PNG" border="0" alt="YouTube" /></a><br /><a href="https://plus.google.com/<b><span style="color: red;">PERFIL-DO-GOOGLEPLUS</span></b>" target="_blank" title="Google+"><img src="https://lh6.googleusercontent.com/-hJNJcJP1M2I/UCvKRiPgcKI/AAAAAAAAELU/ALH6H98TKQw/s512/Google%252B-Metro.PNG" border="0" alt="Google+" /></a></div></blockquote>
<br />
Nas partes destacadas em negrito, adicione o nome do seu Feed. Nas partes destacadas de vermelho, adicione os links das redes sociais.<br />
<br />
<b><span style="color: red;">6.</span></b> <b>Salve</b> as informações e clique em<b> Salvar organizações</b>.<br />
JACNhttp://www.blogger.com/profile/15784652932629392580noreply@blogger.com3tag:blogger.com,1999:blog-968330437509080537.post-55757602034363692052012-10-17T20:31:00.000-03:002012-10-17T20:49:35.045-03:00Olá, férias! Entenda os motivos e sua duração<div style="text-align: justify;">
Olá queridos leitores. Há muito, muito tempo que eu não tiro umas ferias aqui no blog, nem mesmo férias de começo de ano. Então, estamos aqui para lhe explicar o que vai acontecer e o por que das férias. Esperamos que entendam o motivo. Sigamos.<br />
<a name='more'></a></div>
<h1>
Por que o motivo das férias e qual será sua duração?</h1>
<div style="text-align: justify;">
O motivo desse "merecido descanso" é a sobrecarga de tarefas escolares, coisas pessoais, organização de certas coisas, entre demais. Tenho que me dedicar um pouco mais à escola e ajeitar algumas coisinhas.</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="margin-left: 1em; margin-right: 1em; text-align: center;">
<img border="0" height="131" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcToahJQC2_v-yqIs6XS4aGOpEGHjMiMFDksWstT1j5Jc_vT6q7I7w" width="200" /></div>
<br />
<div style="text-align: justify;">
Eu vou pegar, no máximo, <b>duas semanas</b>, ou seja, voltaremos a ativa no dia <b>1 de novembro</b> ou <b>antes</b>. Amanhã lançaremos uma vídeo aula e daí começa as férias.</div>
<h1>
E o que acontece com o blog?</h1>
<div style="text-align: justify;">
Bem, o blog continuará como está agora e de vez em quando passarei por aqui para publicar uma postagem bem simples. Mas para vocês não ficarem sem o que fazer, vocês podem ver <a href="http://joao987.blogspot.com/p/arquivo-de-postagens.html" target="_blank">nossas postagens</a> mais antigas que também são de grande ajuda.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Mas como sou inseparável deste blog, sempre estarei fazendo umas modificações aqui no template. Para deixá-lo mais fácil e simples para vocês.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Bem, espero que entendam o motivo dessas férias e até mais vê. Fiquem com nossas postagens e com algumas que postarei quando tiver um tempinho.</div>
JACNhttp://www.blogger.com/profile/15784652932629392580noreply@blogger.com1tag:blogger.com,1999:blog-968330437509080537.post-80243626194725728642012-10-15T21:32:00.000-03:002012-10-15T21:32:31.478-03:00Adicionando contagem regressiva ao blog<div style="text-align: justify;">
Olá amigos blogueiros! Como já repararam aqui no blog, adicionei uma contagem regressiva ao blog fazendo a contagem de dias faltantes para o <b>lançamento oficial do Windows 8</b>. Mas como fiz para criar tal contagem regressiva? Fiz tudo aquilo com a ajuda do <b>ClockEasy</b> e é claro, uma boa pitada de minhas ideias. Vamos ver como fazer bem direitinho? Então prossiga o tutorial.</div>
<a name='more'></a><br />
<div style="text-align: justify;">
<b><span style="color: red;">1.</span></b> Primeiramente, acesse a página do <b>ClockEasy</b> na guia <b>Countdown</b>, para diminuir o trajeto, acesse o <a href="http://clockeasy.com/tool-countdown" target="_blank">link direto</a>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b><span style="color: red;">2.</span></b> Ao abrir a página, você se depara com inúmeras funcionalidades, vamos explicá-las.</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-48c1KhAbbiE/UHynzsk4XAI/AAAAAAAAFIM/Tk-Z7bOZ97s/s1600/options.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="181" src="http://4.bp.blogspot.com/-48c1KhAbbiE/UHynzsk4XAI/AAAAAAAAFIM/Tk-Z7bOZ97s/s400/options.PNG" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Clique na imagem para ampliar</td></tr>
</tbody></table>
<ul>
<li><b>1: Estilo</b> - Você pode escolher entre inline ou block. <a href="http://clockeasy.com/images/faq-0.png" rel="nofollow" target="_blank">Veja</a> as ilustrações do site;</li>
<li><b>2: Data</b> - Data de término da contagem. <i>Ex.: A partir de hoje até o dia 10/30/2012</i>;</li>
<li><b>3 </b>e<b> 4: Hour e Minute</b> - Hora e minuto do término da data, horário que irá terminar a contagem;</li>
<li><b>5: Until event</b> - Nome do evento que aparecerá antes da contagem;</li>
<li><b>6: On Event</b> - Mensagem que aparecerá quando chegar a hora e o dia da contagem;</li>
<li><b>7: More details</b> - Caso deseje, adicione detalhes adicionais;</li>
<li><i>Sem número:</i> Estilos da contagem;</li>
<li><b>8: Padding </b>- Caso escolha uma borda, a distância interna da borda ao texto;</li>
<li><b>9: Generate</b> - Gera o código da contagem.</li>
</ul>
<div style="text-align: justify;">
<b><span style="color: red;">3.</span></b> Ao configurar tudo como desejado, clique no botão <b>Generate</b> e copie o código fornecido.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b><span style="color: red;">4.</span></b> Logo, acesse o painel de controle do seu blog e clique em <span style="color: blue;">Layout</span> e clique em <b>Adicionar um gadget</b>. Selecione a opção <b>HTML/JavaScript</b>, se desejar, coloque um título e em <b>Conteúdo</b> cole o código copiado no passo anterior.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b><span style="color: red;">5.</span></b> Clique no botão <b>Salvar</b> e em seguida em <b>Salvar organização</b>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Pronto! Não é bem simples fazer uma contagem regressiva? Ah, e se você voltar à página inicial do site, você verá inúmeras opções relacionadas a relógios. Caso você entenda bem o código, pode dar uma personalizada (como eu fiz). Caso tenha dúvidas, deixe seu comentário e até a próxima!</div>
JACNhttp://www.blogger.com/profile/15784652932629392580noreply@blogger.com4tag:blogger.com,1999:blog-968330437509080537.post-3734465555853543342012-10-04T20:15:00.000-03:002012-10-05T13:05:05.233-03:00Seleção: 5 jogos pagos e gratuitos para seu Android<div style="text-align: justify;">
Para substituir as duas semanas perdidas do "Aplicativo da Sexta", resolvemos fazer uma seleção com 5 jogos pagos e gratuitos de diversas categoriais. Todos os jogos tem uma jogabilidade muito legal e pode tirar seu tédio durante a espera na fila, no recreio do colégio, enfim, para você se divertir.</div>
<a name='more'></a><div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Vale lembrar que não nos responsabilizamos pela compatibilidade dos aplicativos com seu aparelho. Vamos à lista.</div>
<h1>
Asphalt 7: Heat</h1>
<div style="text-align: justify;">
Asphalt 7 foi um dos jogos mais esperados do ano de 2012. Com gráficos incríveis, fazem você se viciar ainda mais nesse jogo de corrida alucinante. A jogabilidade também é muito legal.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
O jogo é controlado por acelerômetro e tem o áudio incrível! Recomendamos você fazer o download em smartphone como o Galaxy Nexus, Galaxy SII/SIII, tablets em geral, pois o tamanho dele não é nada generoso (1,4 GB).</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
O aplicativo é pago, mas vale a pena investir neste incrível jogo. <a href="https://play.google.com/store/apps/details?id=com.gameloft.android.ANMP.GloftA7HM&feature=top-paid" target="_blank">Clique aqui</a> para fazer o download diretamente da Play Store.</div>
<h1>
Batman - O Cavaleiro das Trevas Ressurge</h1>
<div style="text-align: justify;">
Eu simplesmente amo esse jogo! Gráficos, sons e jogabilidade incrível! O jogo do Batman é muito bom.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Nesse game, você é o Batman e você está "perambulando" pela cidade de Gotham City e deverá lutar contra vários bandidos que tetam aterrorizar a cidade. Recomendamos a jogada em tablets, pois o jogo fica ainda mais interessante.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
O preço e o tamanho não é nada generoso, custando 14,16 reais e pesando extremos 1,8 GB, vale apena baixar e investir no game. <a href="https://play.google.com/store/apps/details?id=com.gameloft.android.ANMP.GloftKRHM&feature=top-paid" target="_blank">Clique aqui</a> para fazer o download na Play Store.</div>
<h1>
Cut the Rope: Experiments Free</h1>
<div style="text-align: justify;">
Finalmente chegamos aos jogos gratuitos. Eu também amo este jogo, é viciante! Esta é a nova versão do famoso Cut the Rope.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
O On Nom (monstrinho verde) foi encontrado pelo professor e ele passa por uma bateria de testes para comer o docinho. Com níveis cada vez mais difícil, o jogo cativa mais sua atenção. Vale a pena baixar.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="https://play.google.com/store/apps/details?id=com.zeptolab.ctrexperiments.ads&feature=more_from_developer#?t=W251bGwsMSwyLDEwMiwiY29tLnplcHRvbGFiLmN0cmV4cGVyaW1lbnRzLmFkcyJd" target="_blank">Clique aqui</a> para fazer o download na Play Store.</div>
<h1>
Bad Piggies</h1>
<div style="text-align: justify;">
Bad Piggies é o contrário de Angry Birds. Agora os porcos é quem estão no comando e você deverá criar carros, aviões com diversos entulhos e conseguir juntar os pedaços de mapas.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
A jogabilidade é um pouco lenta, mas é muito engraçado ver "porcos voando". Vale a pena baixar e instalar o jogo. <a href="https://play.google.com/store/apps/details?id=com.rovio.BadPiggies#?t=W251bGwsMSwyLDIxMiwiY29tLnJvdmlvLkJhZFBpZ2dpZXMiXQ.." target="_blank">Clique aqui</a> para fazer o download diretamente da Play Store.</div>
JACNhttp://www.blogger.com/profile/15784652932629392580noreply@blogger.com2tag:blogger.com,1999:blog-968330437509080537.post-71027793586326773242012-09-28T19:34:00.000-03:002012-09-28T19:38:27.421-03:00Facebook atualiza página de álbuns de foto dos perfis<div style="text-align: justify;">
O Facebook atualizou "aleatoriamente" para alguns usuários, a nova interface para os álbuns de fotos dos perfis da rede social. Mas hoje, 28/09, a Equipe do Facebook disponibilizou a nova interface para todos e deve chegar em até 48 horas (2 dias).<br />
<a name='more'></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Com a nova interface, fica muito mais simples <b>curtir</b>, <b>editar</b>, e além de uma nova possibilidade de <b>destacar</b> uma determinada foto - como ocorre na timeline. Veja nos tópicos a seguir, cada nova funcionalidade detalhadamente.</div>
<h1>
Destaque seus favoritos</h1>
<div style="text-align: justify;">
Agora é possível <b>destacar</b> suas fotografias favoritas deixando-a maior se destacando entre as demais. Isso "imita" a timeline que, clicando numa estrela, destaca a foto.<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://s-static.ak.facebook.com/rsrc.php/v2/y3/r/tL2QSYL1IpR.png" /></div>
<div class="separator" style="clear: both; text-align: justify;">
Acho isso bastante legal e deixa você personalizar ainda mais o seu perfil no Facebook.</div>
</div>
<h1>
Comente e curta de forma fácil e rápido</h1>
<div style="text-align: justify;">
No momento em que você passa o mouse por cima de uma foto, aparecerá o nome do álbum de fotos e as opções: <b>Curtir</b> e <b>Comentar</b>.</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://1.bp.blogspot.com/-g0qLtlC0Jig/UGYkdE6PZNI/AAAAAAAAFAA/hw525dgiwX0/s1600/Capturar.PNG" /></div>
<div class="separator" style="clear: both; text-align: justify;">
Agora você faz isso de uma forma mais rápida e simples.</div>
<h1>
Informações adicionais</h1>
<div style="text-align: justify;">
Muitas já estão dizendo que a nova interface está parecido com <a href="http://www.gomonews.com/wp-content/uploads/2010/06/windows_phone_7_live_tiles.jpg" rel="nofollow" target="_blank">os tiles</a> da tela <b>Start</b> (Iniciar) do Windows 8 e Windows Phone.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Ao abrir a guia <b>Fotos</b>, você já encontra as fotos em que você foi marcado, logo depois, em uma guia, você encontra as opções <b>Álbuns</b> (geral) e <b>Fotos</b> (as mais recentes). Está muito melhor e funcional.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Eu gostei dessa novidade e espero que vocês também tenham. Confira a novidade em seu perfil no Facebook e até a próxima. </div>
JACNhttp://www.blogger.com/profile/15784652932629392580noreply@blogger.com2tag:blogger.com,1999:blog-968330437509080537.post-67779744742519591622012-09-19T22:59:00.000-03:002012-11-13T14:42:21.288-02:00Adicionando e personalizando uma caixa de busca no cabeçalho <div style="text-align: justify;">
Olá queridos leitores. Hoje, recebi um e-mail de um leitor, que pede para que ensinemos a personalizar e posicionar uma caixa de busca no cabeçalho (header) do blog. O processo é bem simples e consiste em apenas dois tutoriais. Vamos começar?</div>
<a name='more'></a><br />
<div style="text-align: justify;">
<b><span style="color: red;">1.</span></b> Em primeiro lugar, teremos de separar o cabeçalho em dois. Aqui no blog, já existe um tutorial mostrando como você pode fazer isso. <a href="http://joao987.blogspot.com.br/2012/02/dividindo-o-cabecalho-em-duas-colunas.html" target="_blank">Clique aqui</a> para acessar o tutorial.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b><span style="color: red;">2.</span></b> Após fazer a divisão do cabeçalho, vamos personalizar caixa de busca. Antes disso, teremos de, instalar a caixa de busca personalizada que o Blogger oferece. Para isso, vá em <span style="color: blue;">Layout</span>, <b>Adicionar um gadget</b> e selecione a opção <b>Caixa de pesquisa</b>. <b>Lembre-se de adicionar o gadget de pesquisa, no cabeçalho duplicado</b>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b><span style="color: red;">3.</span></b> Depois disso, vamos personalizar. Vamos na guia <span style="color: blue;">Modelo</span> e clicar no botão <b>Editar HTML</b>. Pressione <b>Ctrl+F</b> e procure pelo código a seguir.</div>
<div style="text-align: justify;">
<br /></div>
<blockquote class="tr_bq" style="text-align: justify;">
]]></b:skin></blockquote>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b><span style="color: red;">4. </span></b>Cole o seguinte código fazendo modificações desejadas. Lembre-se de modificar somente o que sabe, qualquer modificação errada, pode deixar a busca desorganizada.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
</div>
<blockquote>
#header-right .CustomSearch {<br />max-width:275px;<br />min-width:275px;<br />padding:20px 0px 0px 150px;<br />}<br />#header-right .CustomSearch .widget-content {<br />background: #f3f3f3;<br />border:1px solid #DADADA;<br />padding:10px 0px 3px 0px;<br />}<br />.cse input.gsc-input, input.gsc-input {<br />font-family: Arial, Trebuchet MS, Verdana;<br />font-size: 12px;<br />font-weight: normal;<br />color: #000000;<br />padding:5px;<br />margin:0px 1px 0px 5px;<br />max-width:152px;<br />min-width:152px;<br />background:#FFFFFF;<br />border:1px solid #999;<br />height: 25px;<br />}<br />.cse input.gsc-input, input.gsc-input:focus {<br />border: 1px solid #222;<br />}<br />#uds-searchControl .gs-result .gs-snippet {<br />margin: .25em 0;<br />line-height: 1.2em;<br />text-align: justify;<br />}<br />.cse input.gsc-search-button, input.gsc-search-button {<br />font-family: Segoe UI Semibold, Segoe UI;<br />font-size: 13px;<br />font-weight: normal;<br />color: white;<br />background: #a2d;<br />border:1px solid #000;<br />text-decoration:none;<br />margin:0px 8px 0px 0px;<br />padding:5px 5px;<br />width:82px;<br />height:28px;<br />outline:0px solid #FFFFFF;<br />cursor:pointer !important;<br />}<br />.cse input.gsc-search-button, input.gsc-search-button:hover {<br />background: #333;<br />text-decoration: none;<br />}<br />.cse .gsc-branding, .gsc-branding {<br />display: none;<br />}<br />.cse .gsc-webResult.gsc-result, .gsc-webResult.gsc-result {<br />padding:5px 0px 10px;<br />border: 1px solid #FFFFFF;<br />margin-bottom: 0;<br />border-bottom:1px dashed #CCCCCC;<br />}</blockquote>
<br />
<b><span style="color: red;">5.</span></b> Clique em <b>Visualizar</b> e se o gadget estiver personalizado, clique em <b>Salvar modelo</b>.<br />
<br />
Pronto. O gadget já foi adicionado, o cabeçalho duplicado e caixa de pesquisa personalizada. Espero que tenho ajudado ao Kelven e aos que tinham as mesmas dúvidas. Até a próxima.<br />
JACNhttp://www.blogger.com/profile/15784652932629392580noreply@blogger.com0tag:blogger.com,1999:blog-968330437509080537.post-12879602428562435812012-09-18T12:46:00.002-03:002012-09-18T12:46:44.185-03:00Twitter agora conta com "capa" para cabeçalho no perfil<div style="text-align: justify;">
A equipe do Twitter publicou hoje em seu blog oficial, que agora é possível adicionar uma foto de capa (ou header photo) no perfil, parecido com a do Facebook mas bem diferente. A atualização já foi aplicada para o aplicativo do twitter para iPad, iPhone, Dispositivos Android e Twitter para a web.<a name='more'></a></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-xE_Vv34y1HA/UFfQIl10t5I/AAAAAAAAADg/yUBG1BcQ9go/s1600/TODAY_web_and_devices.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="265" src="http://4.bp.blogspot.com/-xE_Vv34y1HA/UFfQIl10t5I/AAAAAAAAADg/yUBG1BcQ9go/s400/TODAY_web_and_devices.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Fonte da imagem: <a href="http://blog.twitter.com/2012/09/because-you-have-more-to-show.html" target="_blank">Reprodução/Blog do Twitter</a></td></tr>
</tbody></table>
<div style="text-align: justify;">
Adicionando a capa, o seu perfil muda completamente, como você pode ver na imagem baixo. Deixa mais bonito que o padrão e "mostra o que você tem para mostrar".</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" src="http://1.bp.blogspot.com/-281VxYSS4d0/UFiVnuMaxBI/AAAAAAAAE90/lBXpNX8mgP4/s1600/Capturar.PNG" style="margin-left: auto; margin-right: auto;" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Fonte da imagem: <a href="https://twitter.com/breakingnews" target="_blank">Reprodução/Perfil do Breaking News</a></td></tr>
</tbody></table>
<div>
<div style="text-align: justify;">
Para a adicionar a capa no perfil, basta acessar as <a href="https://twitter.com/settings/design" target="_blank">configurações de aparência</a> do seu perfil do Twitter e fazer o upload de sua foto, com no máximo <b>5MB</b> e no tamanho <b>1252x626</b>. Não só a capa do perfil é novidade, mas mudar a cor da camada para preto e branco também agora é possível. Você também encontra nas configurações de aparência.</div>
</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
E aí? Gostaram das novidades no Twitter? Você pode baixar o aplicativo para seu <a href="http://itunes.apple.com/br/app/twitter/id333903271?mt=8" target="_blank">iPhone</a> ou <a href="http://itunes.apple.com/br/app/twitter/id333903271?mt=8" target="_blank">iPad </a>e <a href="https://play.google.com/store/apps/details?id=com.twitter.android&hl=pt" target="_blank">Android</a>. Acesse agora mesmo o seu perfil e adicione!</div>
JACNhttp://www.blogger.com/profile/15784652932629392580noreply@blogger.com0tag:blogger.com,1999:blog-968330437509080537.post-66628639731795692012-09-14T18:46:00.000-03:002012-11-13T14:42:21.286-02:00Acessando o seu computador a partir do SkyDrive<div style="text-align: justify;">
Após <a href="http://joao987.blogspot.com.br/2012/09/acessando-pc-skydrive.html" target="_blank">vermos</a> como disponibilizar o seu computador na web, hoje aprenderemos como acessá-lo em outro computador, de uma forma fácil e simples com o SkyDrive. Você consegue fazer isso é apenas alguns passos. Assista a vídeo aula e aprenda.<br />
<a name='more'></a></div>
<h1>
Materiais necessários</h1>
<div>
Para realizar o processo, você precisará dos seguintes materiais aí pertinho de você.</div>
<div>
<ul>
<li>Um <b>celular</b> ou <b>conta de e-mail</b> que você usou para recuperar sua conta do Microsoft;</li>
<li>Um computador com o SkyDrive para Windows ou Mac <b>ligado</b>; e</li>
<li>Uma <b>conta</b> no SkyDrive.</li>
</ul>
Tendo os materiais em mãos, vamos ao tutorial.</div>
<h1>
Tutorial em vídeo e texto</h1>
<div align="center" class="video">
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="330" src="https://www.youtube.com/embed/22EOmvN7RTg" width="400"></iframe><br />
<div style="text-align: justify;">
<b><span style="color: red;">1.</span></b> Acessando a sua conta do SkyDrive, você encontra na interface uma coluna lateral direta com várias guias. Na guia <b>PCs</b>, clique em seu computador.</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://1.bp.blogspot.com/-0GfwKfl2SM4/UFOjNGlMzKI/AAAAAAAAE6I/2KmT1_NQT60/s1600/skydrive.PNG" /></div>
<div class="separator" style="clear: both; text-align: justify;">
<b><span style="color: red;">2.</span></b> Clicando no computador desejado (caso tenha vários), o SkyDrive entrará com um código de segurança. Clique no link <b>Entrar com um código de segurança</b>.</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://3.bp.blogspot.com/-NKhA_mu170E/UFOj3LGmFnI/AAAAAAAAE6Y/5OnOoqJZ-SM/s1600/cod-segu.png" /></div>
<div class="separator" style="clear: both; text-align: justify;">
<b><span style="color: red;">3.</span></b> Ao clicar no link, você receberá um código ou pelo celular ou pelo email. Pode <b>demorar</b> um pouco, mas aguarde. Após receber o código de segurança, digite na caixa e logo depois clique em <b>Enviar</b>. Caso não receba o código, clique no link <b>Não obtive o código</b>.</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://2.bp.blogspot.com/-9zIKzedQUXY/UFOkkuNkPFI/AAAAAAAAE6g/JLaBuBE232k/s1600/seguranca.png" /></div>
<div class="separator" style="clear: both; text-align: justify;">
Pronto. Após isso você pode ver todos os seus arquivos que estão localizados no computador. Isso é uma grande utilidade. Boa sorte e até a próxima.</div>
</div>
JACNhttp://www.blogger.com/profile/15784652932629392580noreply@blogger.com0tag:blogger.com,1999:blog-968330437509080537.post-90652084289773229882012-09-12T13:03:00.003-03:002012-11-13T14:42:21.304-02:00Disponibilizando o seu computador na web com o SkyDrive<div style="text-align: justify;">
Olá leitores! Iremos ver na vídeo aula de hoje, como disponibilizar o seu computador na web através de sua conta no SkyDrive. O processo é simples e amanhã mostraremos como fazer isso, neste tutorial ensinaremos apenas como disponibilizar. Então, vamos assistir?<br />
<a name='more'></a></div>
<div align="center" class="video">
<br />
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="330" src="https://www.youtube.com/embed/uINdB2u5QA8" width="400"></iframe></div>
<div style="text-align: justify;">
<b><span style="color: red;">1.</span></b> Na sua barra de notificações, clique com o botão direito no ícone do SkyDrive e clique em <b>Configurações</b>, como na imagem abaixo.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://2.bp.blogspot.com/-gVbym4qm5BE/UFCwLIbHPaI/AAAAAAAAE40/A1olS4bLKbQ/s1600/config-skydrive.png" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<b><span style="color: red;">2.</span></b> Na janela que aparece, na guia Configurações e no tópico Geral, marque (caso esteja desmarcada) a caixa onde descreve: <b>Disponibilizar os arquivos deste PC para mim em meus outros dispositivos</b>. Logo depois clique em <b>OK</b>.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://2.bp.blogspot.com/-SJrmI02HbDk/UFCw3wrJ6wI/AAAAAAAAE48/R7cpJfSn-zM/s1600/maruqe-ok.png" /></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="text-align: justify;">Pronto. Em um processo simples e fácil, você tem acesso a todos os arquivos encontrados em seu computador. No próximo tutorial, mostraremos como acessar o seu computador.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="text-align: justify;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="color: #999999; text-align: justify;"><i><b>Nota:</b> Você só poderá acessar o seu computador através do SkyDrive, caso o mesmo esteja ligado.</i></span></div>
JACNhttp://www.blogger.com/profile/15784652932629392580noreply@blogger.com0tag:blogger.com,1999:blog-968330437509080537.post-39552694061346011462012-09-07T21:26:00.002-03:002012-09-07T21:26:35.233-03:00Aplicativo da Sexta: Unified Remote<div style="text-align: justify;">
Olá seguidores! O aplicativo da Sexta desta semana é o Unified Remote. Um aplicativo bastante útil para gerenciar seu computador de onde estiver com alguns toques na tela. Você pode utilizá-lo como mouse e teclado, além de controlar os programas abertos, navegar por slides no PowerPoint e muito mais!<br />
<a name='more'></a></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="313" src="http://1.bp.blogspot.com/5qn7Oag1PcYgLUKrfPCdnP46XEKmdq7VnWjCXTIRWjFaIWqmGhCCcyochDNS2SMn6fA=w705" width="590" /></div>
<div class="separator" style="clear: both; text-align: justify;">
Ele é bastante útil para estudantes no momento de fazer apresentações no PowerPoint. Pois sempre tem que pedir ajuda a uma pessoa para ir passando os slides, e é claro, existe os brincalhões que ficam passando os slides sem que você ordene (e isso é muito chato). Então, você pode gerenciar os seus slides através de seu gadget <b>facilmente</b> e<b> sem problemas</b>.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Seu mouse ou teclado quebrou, logo a noite? Você não precisa ter dores de cabeça! Utilizando o <b>Unified Remote</b>, você usa o seu gadget como teclado e mouse. Com a versão paga, você pode <b>falar</b> e <b>guiar</b> o seu PC.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Para poder gerenciar seu computador a partir de seu gadget, você primeiramente deverá baixar a versão para computador clicando <a href="http://www.baixaki.com.br/download/unified-remote.htm" target="_blank">aqui</a> e depois baixar a versão <a href="https://play.google.com/store/apps/details?id=com.Relmtech.Remote&feature=search_result#?t=W251bGwsMSwxLDEsImNvbS5SZWxtdGVjaC5SZW1vdGUiXQ.." target="_blank">gratuita</a> ou <a href="https://play.google.com/store/apps/details?id=com.Relmtech.RemotePaid&feature=more_from_developer" target="_blank">paga</a> no seu gadget.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Nessa semana que vem, iremos publicar uma vídeo aula mostrando como gerenciar seu PC. Bom download e até a próxima!</div>
JACNhttp://www.blogger.com/profile/15784652932629392580noreply@blogger.com2