Tecnoblog

Widget imagem com efeito Shake

2013-07-21T22:11:00.000-03:00

Olá amigos! Quanto tempo né? Pois é, por motivos escolares (motivos escolares? Nada a ver Hein...) fiquei esse extenso e longo período sem atualizar por meio de postagens o nosso querido Tecnoblog, de certa forma serei beneficiado, pois irei trazer mais tutoriais em breve para vocês, leitores. (Continue lendo para acompanhar o artigo/tutorial)

Bom, sem mais demandas vamos começar com o tutorial de hoje, bem, como você leu "Widget imagem com efeito Shake", esse tutorial consiste basicamente em um Widget de uma imagem que possui um efeito Chamado Shake, "Como assim Shake?" Segundo ao nosso querido Google Translate (Tradutor) Shake significa "Tremer" mas eu prefiro o termo "Balançar" (eahaeuhaeuhauea)... Desde já, irei vos passar o link da preview do Widget.

Oficina Tecnoblog:

http://tecnoblogoficina.blogspot.com.br/

- Onde se encontra o preview/widget?

R: Sidebar

- Qual título do Widget para mim saber qual é?

R: Exemplo Widget Shake

Então bora lá para o tutorial!

Do Layout ao Modelo

1. Faça login no Blogger

2. Em seguida no menu suspenso, clique em Layout

3. Em seguida clique em Adicionar um Gadget

5. E escolha HTML/JavaScript

4. E no campo em branco, cole o seguindo código:

<a href="URL_DE_DIRECIONAMENTO" target="_blank"><img src="IMAGEM_DO_WIDGET" title="TÍTULO_A_APARECER" alt="TEXTO_AO_PASSAR_MOUSE_SOBRE_A_IMAGEM"/></a> border="3" width="240" height="235" class="shake" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.8;this.filters.alpha.opacity=50" style="opacity: 0.8;"></a>

Após isso salve, e guarde, e não modifique nada.
Em seguida...

2. Em seguida no menu suspenso do início do blogger, clique em Modelo.

3. Em seguida clique no botão em Editar HTML

4. E procure pela seguinte tag:

]]></b:skin>

E acima da tag que citei cole o seguinte código:

.shake{
display:inline-block;
}
.shake:hover,
.shake:focus{
animation-name: shake;
animation-duration: 2.8s;
transform-origin:50% 50%;
animation-iteration-count: infinite;
animation-timing-function: linear;
-moz-animation-name: shake;
-moz-animation-duration: 0.8s;
-moz-transform-origin:50% 50%;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-webkit-animation-name: shake;
-webkit-animation-duration: 0.8s;
-webkit-transform-origin:50% 50%;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
}
@keyframes shake{
0% { transform: translate(2px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(0px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(2px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(2px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}
@-moz-keyframes shake{
0% { -moz-transform: translate(2px, 1px) rotate(0deg); }
10% { -moz-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -moz-transform: translate(-3px, 0px) rotate(1deg); }
30% { -moz-transform: translate(0px, 2px) rotate(0deg); }
40% { -moz-transform: translate(1px, -1px) rotate(1deg); }
50% { -moz-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -moz-transform: translate(-3px, 1px) rotate(0deg); }
70% { -moz-transform: translate(2px, 1px) rotate(-1deg); }
80% { -moz-transform: translate(-1px, -1px) rotate(1deg); }
90% { -moz-transform: translate(2px, 2px) rotate(0deg); }
100% { -moz-transform: translate(1px, -2px) rotate(-1deg); }
}
@-webkit-keyframes shake {
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
@-webkit-keyframes adjustHue {
0% { -webkit-filter: hue-rotate(30deg); }
10% { -webkit-filter: hue-rotate(60deg); }
20% { -webkit-filter: hue-rotate(90deg); }
30% { -webkit-filter: hue-rotate(120deg); }
40% { -webkit-filter: hue-rotate(150deg); }
50% { -webkit-filter: hue-rotate(180deg); }
60% { -webkit-filter: hue-rotate(210deg); }
70% { -webkit-filter: hue-rotate(240deg); }
80% { -webkit-filter: hue-rotate(270deg); }
90% { -webkit-filter: hue-rotate(300deg); }
100% { -webkit-filter: hue-rotate(330deg); }
}

Bom, pessoal, em seguida de todo esse processo clique em visualizar e se estiver tudo como desejado, Salve o Modelo.

Espero que tenha ajudado, contribuído para todos vocês!
Até a próxima :D

Windows 8.1 a nova atualização (Gratuita)

2013-05-20T17:57:00.003-03:00

Olá Amigos, neste artigo de hoje venho informa-lhes sobre a informação confirmada pela vice-presidente de finanças da unidade Windows, Tami Reller, durante a Global Technology, Media and Telecom Conference.

Diante a essas informações a Microsoft pode voltar com o famoso Botão iniciar e trará suporte também para dispositivos com telas menores de 7 ou 8 polegadas.

A atualização estará disponível para download gratuitamente ainda neste ano para computadores que rodem o Windows 8, por meio da loja Windows Store.

“Ficará ainda mais fácil chegar à tela inicial do Windows”, se limitou a dizer Reller.

A Microsoft deve apresentar detalhes sobre o Windows 8.1 durante sua conferência para desenvolvedores que será realizada em junho.

Fonte: Exame.com

Pausa do Tecnoblog - Motivos, Esclarecimentos, Dúvidas

2013-04-12T21:09:00.000-03:00

Olá Galera! Acho que estranharam o extenso tempo em que o Tecnoblog ficou tanto tempo sem artigos como sempre e desatualizações, bem continue lendo o artigo e saiba mais sobre oque causou esse "transtorno".

Bom pessoal, ultimamente quando minhas férias acabaram eu dei procedência aos estudos em uma escola de período integral, eu martelei pensamentos ao ponto em que a carga horária não seria pesada, mas em compensação ao meu ensino fundamental a carga horária é triplicada a tradicional e devido a isso estava totalmente sem tempo para o blog, estou cursando o curso de informática e pretendo aumentar meus conhecimentos na programação web, só que tem seus contras, fiquei até preocupado em ter que pensar em desistir dele e tudo mais, só que vi que não vale a pena, nem que seja uma postagem por semana, do que um blog excluído, Se Deus quiser o Tecnoblog retomará a sua repercussão e também irá crescer conto com a ajuda de todos vocês! E você contem comigo com tudo o que precisar, qualquer duvida comentem aqui ou por E-mail.

Esclarecimentos:

- O Blog não será excluído, a não ser que motivos superiores (extremos) vierem a tona.

- Iremos aceitar sugestões de postagens de todos os leitores.

- Realizaremos uma postagem por semana, ou mais caso haja alguma sugestão.

Apenas isso, não deixem de visitar o Tecnoblog, esperamos que você tenham compreendido a situação e agradecemos a atenção de todos, Valeu pessoal!

Até mais,

Caio Vinicius.

Novidade - Windows Blue

2013-02-24T18:11:00.000-03:00

Olá Galera! Muito rumores sobre a atualização para o Windows 8, o novo Windows Blue, vem chegando. E dessa vez o pessoal do The Verge divulgou uma notícia falando sobre a suposta data de lançamento da versão de teste e melhorias que estariam sendo feitas no sistema.

Segundo as fontes que divulgaram a informação, a Microsoft está pensando em lançar a versão de teste no verão norte-americano, nosso inverno. Recentemente a Microsoft passou da Milestone 1 para o Windows Blue, mas, a empresa está preparando uma Milestone para ser a base para a versão de visualização que será liberada. A versão pública, vai ser lançada para os usuários do Windows 8 testarem, darem feedback para a Microsoft assim, ela irá aperfeiçoar o sistema para sua versão final.

O The Verge também foi informado de que a equipe do Bing está trabalhando pesado para melhorar a experiência do sistema de pesquisa do Windows de uma forma significativa. Recursos como por exemplo, o usuário procurar um filme e ter vários opções que falem ou até executem uma prévia do filme na pesquisa, melhorando a experiência de ter que pular de aplicativo em aplicativo para ter resultados.

As atualizações “Blue” são esperadas para o fim desse ano. Elas adicionaram novos recursos no Windows 8 e no Windows Phone.

Fonte: The Verge

Botões Redes Sociais com efeito de Transição

2013-01-30T20:12:00.000-02:00

Olá Leitores! Hoje irei vos ensinar um tutorial bem legal, no mesmo estarei ensinando como adicionar botões de redes sociais no seu Blog com um lindo efeito de transição.

Inserindo no Blog

1. No menu do Blog, clique em Layout
2. Em seguida clique em Adicionar um Gadget

3. Escolha a opção HTML/JavaScript

4. Dê um título ao Gadget

5. E no campo do Gadget adicione o seguinte código:

<div class='widget-content'>
<style type="text/css"> #buttoncb ul {margin:10px 15px;padding:0px;} #buttoncb ul li {list-style-type: none;padding: 0;background: transparent;margin: 0;} #buttoncb ul li a{background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmorZyxM2HQbbCKaF9rq04CrCQ-J4Ebx9mRxccCRUu956lLyhmBdyDZM9Mij9IsMX3JoxbDW2LjZS9mEpECVwatLsKGo8cGWNKi1kfaGSZpUZXdsLcQEAW7lcD6MRRtePd0VVbAdMTxQo/s1600/blsocial12.png') 0 0 no-repeat; height:48px;padding-left: 48px;cursor: pointer;text-decoration: none;border-radius:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;-o-border-radius:0.5em;display:inline-block;margin:0;width: 220px;} #buttoncb ul li:hover span {margin-left: 10px;opacity: 1;} #buttoncb ul li span {border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; color: white; margin-left: 100px; opacity: 0; position: relative; text-align: center; width: auto; padding: 5px 10px; transition: all 0.3s cubic-bezier(1,2,0,0) 0s; -moz-transition: all 0.3s cubic-bezier(1,2,0,0) 0s; -webkit-transition: all 0.3s cubic-bezier(1,2,0,0) 0s; top: 14px;} #buttoncb span{padding:5px;background:#000;color:#fff;margin:0 5px;} #buttoncb .fb span {background-color: #0853A3;} #buttoncb .twiter span {background-color: #00B1F7;} #buttoncb .google span {background-color: #9E0202;} #buttoncb .pint span {background-color: #D00;} #buttoncb .linkedin span {background-color: #005075;} #buttoncb .devart span {background-color: #4C7A4A;} #buttoncb .ytube span {background-color: #A00;} #buttoncb .rss span {background-color: #EC5601;} #buttoncb a.fb { background-position: 0 -384px;} #buttoncb a.twiter { background-position: 0 -432px;} #buttoncb a.google { background-position: 0 -480px;} #buttoncb a.pint { background-position: 0 -528px;} #buttoncb a.linkedin { background-position: 0 -576px;} #buttoncb a.devart { background-position: 0 -624px;} #buttoncb a.ytube { background-position: 0 -672px;} #buttoncb a.rss { background-position: 0 -720px;} #buttoncb a.fb:hover { background-position: 0 0px;color: #0374DD;} #buttoncb a.twiter:hover { background-position: 0 -48px;color: #00A1DF;} #buttoncb a.google:hover { background-position: 0 -96px;color: #A70000;} #buttoncb a.pint:hover { background-position: 0 -144px;color: #C00;} #buttoncb a.linkedin:hover { background-position: 0 -192px;color: #005772;} #buttoncb a.devart:hover { background-position: 0 -240px;color: #4C7A4A;} #buttoncb a.ytube:hover { background-position: 0 -288px;color: #A00;} #buttoncb a.rss:hover { background-position: 0 -336px;color: #EC5601;} </style> <div id="buttoncb"> <ul> <li ><a href="Link Facebook Anda" class="icon fb" ><span>Facebook</span></a></li> <li ><a href="Link Twitter Anda" class="icon twiter" ><span>Twitter</span></a></li> <li ><a href="Link Google+ Anda" class="icon google" ><span>Google+</span></a></li> <li ><a href="Link Pinterest Anda" class="icon pint" ><span>Pinterest</span></a></li> <li ><a href="Link Linkedin Anda" class="icon linkedin" ><span>LinkedIn</span></a></li> <li ><a href="Link Deviant Art Anda" class="icon devart" ><span>DeviantArt</span></a></li> <li ><a href="Link Youtube Anda" class="icon ytube" ><span>Youtube</span></a></li> <li ><a href="Link RSS Anda" class="icon rss" ><span>RSS</span></a></li> </ul> </div>
</div>

Atenção: Os links em Negrito, você substituirá pelo link do mesmo..

Demo:

http://tecnoblogoficina.blogspot.com.br/

Pronto Galera, espero que tenham gostado, qualquer duvida não deixem de comentar aí :D.
Abraços!

ARTIGO ATUALIZADO - 06/02/2013 - ÁS 18:36

Créditos: Jackson Soares

Post: Botões Sociais com lindo efeito de transição – Versão 2

Efeito sépia nas imagens do seu blog

2013-01-11T14:22:00.000-02:00

Olá Galera! Hoje irei ensinar a vocês, um efeito muito legal que é aplicado justamente nas imagens do seu blog, o efeito classicamente chamado de sépia, quer um exemplo/demonstração do efeito? Se sim, confira no blog de testes:

http://tecnoblogoficina.blogspot.com.br/2013/01/blog-post.html

Agora vamos aprender a inserir o efeito ao seu blog.

Simples! Siga os seguintes passos:

1. Faça login no Blogger

2. Em seguida no menu suspenso, clique em Modelo.

3. Em seguida clique no botão em Editar HTML

4. E procure pela seguinte tag:

]]></b:skin>

5. Acima da tag citada, adicione o seguinte código CSS:

img {-webkit-filter: sepia(0%);transition:All 0.4s ease;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;}img:hover {-webkit-filter: sepia(100%);transition:All 1s ease;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;}

Pronto, só clicar em salvar, espero que tenham gostado do tutorial, qualquer dúvida não deixe de comentar, Abraços, e até a próxima amigos.

Adicionado o Botão "Desligar" ao Windows 8 - Tutorial escrito e Vídeo Aula.

2012-12-25T18:51:00.001-02:00

Olá queridos Leitores do tecnoblog, hoje venho ensinando como adicionar o botão Desligar ao seu novo Sistema operacional, Windows 8.

Bem, muitos usuários de cara perceberam que o S.O não tem o menu iniciar, sendo assim a maioria não sabia como desligar o computador pelo PC ligado mesmo, devido a isso tem gente que deliga diretamente em alguma fonte de energia assim podendo prejudicar sua máquina.

Bom, então vamos ao Tutorial que é bem simples:

Primeiro, vá até a Área de Trabalho e clique com o botão direito do mouse, na lista de opções, coloque o mouse em cima de “Novo”, vai aparecer uma outra lista, então vá até “Atalho” e clique em cima.

Uma janela vai abrir com o título “Criar Atalho” com um espaço em branco para digitar. Neste espaço, cole este código ”shutdown /p” (sem as aspas, claro) e clique em avançar. Agora você escolhe um nome para o atalho, pode ser “desligar” ou qualquer outro nome que faça você identificar o botão e clique em concluir.

Pronto, o atalho está criado, agora basta fixar na tela inicial, mas antes, se você quiser, coloque um ícone no atalho.

Para colocar um ícone no atalho desligar, basta apertar o botão direito em cima do atalho e ir em propriedades, na janela que abriu, clicar em “Alterar Ícone“, depois escolher um ícone da lista ou clicar em “Procurar” para selecionar o seu próprio ícone personalizado. Clique em Ok, Ok até fechar todas as janelas.

Para fixar o ícone na tela inicial, clique com o botão direito em cima do ícone novamente e clique em “Fixar na Tela Inicial“.

Pronto, atalho criado e você já pode desligar sua máquina com segurança!

Ainda não entendeu? Simples... veja a rápida vídeo Aula ensinando:

Outros métodos

1° método: Bom pessoal, não existe só essa maneira de desligar sua máquina se você observar bem no seu teclado, nele vai ter o botão "Power", bem, apertando ele sua máquina se desligará normalmente.

2° método: Outro método é também simples, mas que alguns usuários do Windows 8 tem dúvidas, é simples pelo sistema operacional mesmo podemos desligar, basta você arrastar o mouse para o canto superior da sua tela a charm bar será aberta desde então clique em "Configurações" logo em baixo depois também no canto inferior você encontrará um ícone chamado "liga/desliga" clicando nele uma mini "janelinha" aparecerá e assim você escolherá entre: Desligar, suspender, reiniciar..

Adicionando mais botões a sua tela

Bom pessoal, não só como o botão Desligar também pode ser adicionado mas como também o de reiniciar e hibernar pode ser adicionado para isso faça o seguinte, quando você for colocar o comando ao atalho que anteriormente foi "shutdown /p" você pode adicionar outros comandos, dentre eles estão:

Reiniciar: Shutdown.exe -r -t 00
Hibernar: rundll32.exe PowrProf.dll,SetSuspendState
Suspender: rundll32.exe powrprof.dll,SetSuspendState 0,1,0

Bom pessoal, espero que tenham gostado do tutorial, Abraços, e até a próxima.

Box de notícias variadas no seu Blog

2012-12-11T08:45:00.002-02:00

Olá queridos leitores do Tecnoblog, devidamente como falei o blog poderia vir com posts surpresas durante minha ausência, desde então "arranjei" um tempinho e vim postar aqui para vocês um tutorial bem legal, é sobre a caixa de notícias variadas, mas oque seria ela? Ela é basicamente uma box aonde você poderá colocar notícias anexadas de imagens com efeitos CSS shadow, ao colocar o mouse em cima da imagem o efeito é ativado.

Então vamos ao Tutorial de como instala-lo em seu Blog:

1° Passo - Injetando o código CSS

1. Faça login no Blogger

2. Em seguida no menu suspenso, clique em Modelo.

3. Em seguida clique no botão em Editar HTML

4. E procure pela seguinte tag:

]]></b:skin>

5. E acima do código Citado acima, adicione o seguinte código:

#boxW{width:268px; height:786px; background:#FFF; display:block; position:relative; border:1px solid #000000; padding:0; margin:0; }.paddingW{ padding:2px; margin:auto;}.headerW{ float:left; width:268px; height:40px; background:#c50512; margin:0 0 10px 0; box-shadow:0 0 15px #c50512; border-bottom:1px solid #c50512; }span.tiHeW{ text-align:left; font:18px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; float:left; margin:8px 0 0 15px; }.headerW img.imgHeaderW{ float:right; border:0; margin:0 10px 0 0; }.linksW{ width:124px; height:175px; background:none; margin:2px 4px; float:left; }.linksW img.imgW{ width:120px; height:120px; box-shadow:0 0 10px #ccc; padding:2px; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in;-moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; border-radius:3px; }.linksW img.imgW:hover{box-shadow:0 0 20px #585858;}.linksW a.tilW{ font:11px Arial, Helvetica, sans-serif; font-weight:bold; color:#000; text-align:center; float:left; margin:4px 2px 2px; text-decoration:none; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in;-moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; } .linksW a.tilW:hover{ color:#FF7575; }

2° Passo - Adicionando HTML e utilizar em seu Blog

1. No menu do Blog, clique em Layout

2. Em seguida clique em Adicionar um Gadget

3. Escolha a opção HTML/JavaScript

4. Dê um título ao Gadget

5. E no campo do Gadget adicione o seguinte código HTML:

<div id="boxW"><div class="headerW"><a href="Logo do header" target="_blank"><img class="imgHeaderW" src="LINKPARAALOGO" /></a></div><div class="paddingW"><div class="linksW"><a href="SITEDANOTICIA" target="_blank"><img class="imgW" src="IMAGEMDEMONSTRATIVADANOTICIA" /></a><a class="tilW" href="/w/805/155" target="_blank">DESCRIÇÃODANOTICIA</a></div><div class="linksW"><a href="SITEDANOTICIA" target="_blank"><img class="imgW" src="IMAGEMDEMONSTRATIVADANOTICIA" /></a><a class="tilW" href="/w/870/155" target="_blank">DESCRIÇÃODANOTICIA</a></div><div class="linksW"><a href="SITEDANOTICIA" target="_blank"><img class="imgW" src="IMAGEMDEMONSTRATIVADANOTICIA" /></a><a class="tilW" href="/w/931/155" target="_blank">DESCRIÇÃODANOTICIA</a></div><div class="linksW"><a href="SITEDANOTICIA" target="_blank"><img class="imgW" src="IMAGEMDEMONSTRATIVADANOTICIA" /></a><a class="tilW" href="/w/958/155" target="_blank">DESCRIÇÃODANOTICIA</a></div><div class="linksW"><a href="SITEDANOTICIA" target="_blank"><img class="imgW" src="IMAGEMDEMONSTRATIVADANOTICIA" /></a><a class="tilW" href="/w/749/155" target="_blank">DESCRIÇÃODANOTICIA</a></div><div class="linksW"><a href="SITEDANOTICIA" target="_blank"><img class="imgW" src="IMAGEMDEMONSTRATIVADANOTICIA" /></a><a class="tilW" href="/w/824/155" target="_blank">DESCRIÇÃODANOTICIA</a></div><div class="linksW"><a href="SITEDANOTICIA" target="_blank"><img class="imgW" src="IMAGEMDEMONSTRATIVADANOTICIA" /></a><a class="tilW" href="/w/977/155" target="_blank">DESCRIÇÃODANOTICIA</a></div><div class="linksW"><a href="SITEDANOTICIA" target="_blank"><img class="imgW" src="IMAGEMDEMONSTRATIVADANOTICIA" /></a><a class="tilW" href="/w/700/155" target="_blank">DESCRIÇÃODANOTICIA</a></div></div></div>

Sendo que:

Logo do header: Nessa parte, você colocará devidamente uma mini-logo para que os outros vejam que as noticias foram publicadas a partir do seu site.

LINKPARAALOGO: No "Logo do header" você sabe que coloca sua mini-logo.. nesse "LINKPARALOGO" você deve colocar um link para que ao clicarem nessa logo forem redirecionados para um site, ou para a página inicial do seu.
SITEDANOTICIA: O nome já explica exatamente o mesmo, daí você coloca o link da notícia desejada para que seus leitores vejam e se interessem.
IMAGEMDEMONSTRATIVADANOTICIA: Aqui você colocará uma imagem como no exemplo/foto que postei acima, (que foi celulares) desde então a partir da notícia que você pegará, devidamente terá que colocar uma imagem que receie o leitor a visitar a notícia.
DESCRIÇÃODANOTICIA: Na descrição você deve colocar uma descrição da notícia apenas.

Pronto Amigos Leitores, gostaram? Se sim comentem e digam o que acharam!
Abraços e um Feliz Natal.
Boas festas..

Aviso - Pausa de postagens por motivos superiores

2012-11-29T13:50:00.001-02:00

Olá Queridos Leitores do Tecnoblog, por meio desse artigo, venho informado-lhes que ficarei mais ou menos uma ou mais semana sem postar aqui no blog, infelizmente, devido ao motivo que terei provas na minha escola e por esse motivo terei que dar uma "pausa" no blog, mas voltarei com carga total, devido que entrarei de férias e terei que estudar para uma prova seletiva, a data certa para a volta de mim no blog será ao dias 17 de dezembro de 2012! Se preparem, qualquer coisa posto algo aqui para o blog não ficar totalmente "desatualizado" e talvez guests posts sejam postadas aqui! Obrigado pela compreensão. Até mais.

Windows 8 - Descobrindo a Charm Bar e funções semelhantes.

2012-11-18T15:23:00.000-02:00

Olá Queridos leitores do Tecnoblog! Hoje vamos dar continuidade aos tutoriais do Windows 8, hoje nós vamos descobrir a Charm Bar e funções semelhantes. Algumas pessoas ainda não sabem a função da Charm Bar, e por incrível que pareça nem sabe encontra-la. Então nesse tutorial vamos mostra-los como encontra-la e as sua funções. Vamos lá?

Posicionando o mouse nos cantos superior e inferior direito da tela ou apertando as teclas Windows + C, um menu aparecerá (charm bar) com as seguintes ferramentas: pesquisar, compartilhar, menu iniciar, dispositivos e configurações. Cada uma delas funcionam de forma específica em cada aplicativo aberto no momento.

O botão “Pesquisar” serve para que se busquem aplicativos ou outros tipos de pesquisas, dependendo do app (no Xbox Music, por exemplo, ela serve para que você procure por músicas, artistas etc); “Compartilhar” serve para que você compartilhe as informações de um aplicativo para suas redes sociais, email e para outros aplicativos; o “Iniciar” o leva para o menu de início do Windows; “Dispositivos” mostram os dispositivos compatíveis ou instalados no momento; e o “Configurações” exibe as configurações específicas de um aplicativo e é um dos menus mais usados no sistema.

Se do lado direito encontramos a Cham Bar, do lado esquerdo podemos observar a barra de tarefas “touch” do Windows 8. Passando o mouse nos cantos superior ou inferior esquerdo da tela, o menu é aberto com os aplicativos atualmente ativos no computador. Ao clicar em um, o mesmo passa a ser primeiro plano na tela.

Vídeo demonstrativo

Bom amigos e amigas.. esse foi nosso artigo de hoje. Esperamos que vocês tenham compreendido o tutorial e tudo mais. Até mais.. Um Abraço.

Entrada e saída de comandantes do Windows 8 (Windows)!

2012-11-13T14:52:00.000-02:00

Olá queridos leitores, não sei se vocês sabem ou já tem visto nas notícias de site.. mas o Executivo responsável pelo lançamento do Windows 8 e Surface RT deixa a Microsoft. Vamos saber mais o porque dele ter saído como comandante do Windows e quem será a nova comandante. Vamos lá?

A Saída do executivo assustou e pegou muita gente de surpresa. Depois que o Windows 8 e do Surface RT era esperado que algumas mudanças acontecessem dentro da Microsoft. O CEO Steve Ballmer enviou um E-mail a todos os funcionários avisando que o executivo Sinofsky escolheu se afastar da Microsoft depois do lançamento do Windows 8 e Surface.

Em seguida, Sinofsky encaminhou um email aos funcionários, explicando que a sua saída aconteceu depois de um período de reflexão em que resolveu usar a sua experiência para criar coisas novas e enfrentar novos desafios. Na sua mensagem, o executivo buscou acabar com possíveis especulações sobre a sua saída, deixando claro que os motivos pelos quais está deixando a Microsoft são pessoais e não envolvem a companhia ou sua administração. Muitos Boatos na internet deixaram em dúvidas do que realmente aconteceu..

Julie Larson-Green, a mulher que vai comandar o Windows

Ela será a nova comandante do Windows, uma pessoa como Sinofsky foi uma pessoa escolhida, mas que agora já é veterano na casa mas como ele saiu precisou de alguém para comandar o Windows, mas esse cargo não foi para qualquer um(a) precisava-se de um belo tempo na "casa" (microsoft)

Julie Larson-Green é uma antiga funcionária da Microsoft, que já conta com quase 20 anos de empresa. Ela começou a sua carreira na área da tecnologia depois de se formar em Administração de Negócios e conseguir um emprego em uma companhia chamada Aldus — fundada pelo criador do PageMaker.

Nessa época, Green trabalhava na área de suporte da empresa. Contudo, ela aprendeu sozinha a programar e fez o seu mestrado em Ciência da Computação. Em pouco tempo, ela começou a escrever seus próprios códigos e se tornou a chefe da área de desenvolvimento da Aldus.

Seis anos depois de entrar no seu primeiro emprego, Green largou tudo para entrar na Microsoft. Ela começou a trabalhar na área de programação de um software chamado Visual C++. Em pouco tempo, ela passou a colaborar com o design de interface da Microsoft, que é a parte do desenvolvimento que leva em consideração como a pessoa vai usar os programas feitos.

Por conta do seu bom desempenho, ela passou para projetos mais importantes e conquistou cada vez mais espaço dentro da Microsoft. A partir de 2005, Green começou a ser uma figura pública, representando a empresa em diversos tipos de evento e construindo a sua carreira como executiva.

Por hoje é só pessoal! Até a próxima qualquer coisa fiquem ligados no TB.

Windows 8 - Painel de controle

2012-11-13T14:12:00.000-02:00

Olá queridos leitores do Tecnoblog! Hoje vou dar continuidade aos nossos artigos básicos sobre o Windows 8. Hoje vamos mostrar-lhes o novo painel de controle do Windows 8. Vamos lá?

Com o Windows 8 chegando muitas pessoas ainda não viram ou sabem o que há de novo no S.O da Microsoft, vou mostrar aqui o Painel De Controle no estilo Modern UI do Windows 8. Mas muitas pessoas perguntam - E o Painel tradicional da versão anterior (Windows 7) ainda existe? A resposta é simples: Sim ainda existe aquele Painel De Controle normal do Windows como todos estão acostumados.. Então também ensinarei a como ir até ele.

1 – Encoste o mouse no canto inferior ou superior direito da tela para mostrar a Charm Bar Após isso, vá em configurações e escolha Mudar configurações do computador.

O painel de Controle em Modern UI irá abrir e logo aparecerá a opção Personalizar.

2 – No mesmo poderemos mudar imagem de bloqueio, tela iniciar, e imagem da conta.

3 – Pronto o painel de controle esta aberto.. Agora você pode desfrutar deixando seu PC do jeito que quiser.. como por exemplo atualiza-lo.. para isso role a página até o final e clique em Windows Update.

Painel de controle "Tradicional" (Windows 7)

Muita gente se pergunta como abrir ou se tem o Painel de controle oficial da versão anterior Windows 7 para o novo S.O. Mas o Windows 8 possui ele sim para isso na área de trabalho.

1 - Na área de trabalho, clique com o botão direito no canto esquerdo da barra de tarefas como o exemplo da imagem abaixo:

2 - Clique em "Painel de controle" depois disso, pronto! Seu painel de controle estará aberto.

Por hoje é só pessoal.. mas tem mais artigos em breve.. até a próxima.

Abraços.

Caio Vinicius.

Windows 8: Entenda as principais mudanças do mesmo.

2012-11-10T08:10:00.000-02:00

Olá Leitores do Tecnoblog, como vocês perceberam no artigo anterior, nosso blog ficará todo o mês em Dicas e Tutoriais sobre o Windows 8, depois em diante voltamos aos nossos posts normais sobre Blogger e tudo mais.. Bem nesse artigo nós vamos entender as principais mudanças que ocorreu no novo sistema operacional da microsoft.

A partir de hoje mostraremos as principais mudanças e tutoriais e novidades do windows 8! Então vamos mostrar as novidades mais simples do Windows 8:

Menu Iniciar: o que mais assusta no Windows 8, mas que não passa de uma ferramenta útil para um sistema baseado em aplicativos. Com ele você acessa seus Apps já instalados e suas informações, direto na tela. No Painel de Controle há a opção de estilizar da forma que bem entender o Menu Iniciar e todas as cores do computador. Tudo isso é sincronizado na sua conta do Hotmail/Outlook (caso você permita) e sempre que você acessar o Windows de outro computador, com a sua conta, todas as configurações de cores serão automaticamente baixadas.

Live Tiles: são os botões de acesso aos seus aplicativos. Elas exibem informações referentes aquilo que o aplicativo faz e ajudam o usuário a saber quando existe um novo email não lido, uma nova solicitação de amizade no Facebook, um novo tweet etc. As live tiles são personalizadas, podem ser desinstaladas ou retiradas do menu iniciar e possuem até 2 tamanhos diferentes podendo ser mudada.

Conta: fica localizada no canto superior direito do menu iniciar. Com ele, o usuário pode alterar a sua foto de perfil, bloquear o computador ou simplesmente sair da conta Atualizar o S.O ou simplesmente edita-lo.

Bom pessoal, por hoje foi só, amanhã teremos mais tutorial de como personalizar seu Windows 8 (Tela de fundo, papel de parede entre outros.) Então, Até a próxima.

Aprenda a usar o Windows 8 Aqui no Tecnoblog

2012-11-10T07:44:00.000-02:00

Olá leitores do Tecnoblog, ultimamente foi lançado o Novo sistema operacional como vocês já devem ter percebido, o Windows 8.

Bom, nós do Tecnoblog, resolvermos criar tutoriais para o mesmo, ajudando em diversas dúvidas, e atendendo-as principalmente aqueles que o utilizam, muitas pessoas não gostaram do Sistema Operacional, mas talvez com uma "ajudinha" mudem de opinião, então desde já fiquem ligados no Tecnoblog, a qualquer hora ou minuto uma postagem será lançada como auto-ajuda para quem ainda não se adaptou ao Windows 8!

Guest Post - A moda dos cupons de descontos

2012-11-02T22:48:00.000-02:00

Olá Pessoal, a seguir mostrarei a vocês o Guest Post do Kiko Mesquita, Sobre a moda de cupons de descontos. Vamos lá?

Depois dos sites de compras coletivas, é a vez dos cupons de desconto. É uma maneira de o comerciante atrair o cliente e do consumidor pagar mais barato.

De viagem a depilação a laser.

Tem desconto para quase tudo nos sites de compra coletiva, mas no site de reclamações, a lista de queixas é quase tão extensa quanto a de opções de serviços. Atraso na entrega, cancelamento de compra demora na devolução do dinheiro, propaganda enganosa. Desde 2010 aumentou muito o número de pessoas para quem o barato saiu caro. A estimativa é que esse ano sejam 85 mil reclamações.

Os cupons de desconto podem ser uma alternativa para quem desconfia de pagamento antecipado, mas não abre mão da pechincha. Os sites oferecem ou vendem cupons de até 90% de desconto, mas consumidor só paga pelo serviço depois que ele foi prestado.

Não foi só o modelo de negócios, mas a tecnologia dos serviços de desconto também evoluiu. Alguns sites podem ser acessados por meio de aplicativos de celular. Eles têm mapa com as opções mais próximas e a lista de restaurantes credenciados. Dá para fazer a reserva com 30 minutos de antecedência.

Acesse e confira:

http://cuponzeria.com

Até a próxima pessoal, abraços.

Aviso

2012-11-02T22:35:00.000-02:00

Olá Amigos leitores, nesse curto aviso, viemos falando que voltamos a ativa no Blog, e postaremos de novo para você nosso leitor! Abraços, até a próxima.

Férias!

2012-10-17T21:15:00.000-03:00

Olá Leitores! Por meio desta venho avisando-lhes aos meus queridos leitores, que eu estou pensando em tirar férias, ou seja: um tempo a mais para a escola, e etc.. Mas sempre estarei fazendo mudanças no template, e quando possível, estarei postando notícias, e lançamentos do novo sistema operacional que será lançado, faremos o possível, esperamos que entendam!

OBS: Voltaremos a ativa no dia 1 de novembro, não se esqueçam que continuaremos com mudanças no template e como falei acima, certas noticias e lançamentos.

Fiquem com Deus!

Efeito CSS nas imagens de parceiros no seu blog

2012-10-13T17:56:00.001-03:00

Olá amigos leitores, hoje vim demostrando e fazendo um tutorial de como adicionar um efeito CSS nos parceiros do seu blog, o efeito é simples, mas moderno. Para visualizar o tutorial clique em "Continue a ler o artigo"

1. Faça login no Blogger

2. Em seguida no menu suspenso, clique em Modelo.

3. Em seguida clique no botão em Editar HTML

4. E procure pela seguinte tag:

]]></b:skin>

5. E acima do código Citado acima, adicione o seguinte código:

.avatar-parceiros {
width: 100%;
float: left;
margin-left: 10px;
}
.avatar-parceiros a img{
margin-bottom:7px;-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.8);
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.8);
box-shadow: 0px 0px 3px rgba(0,0,0,0.8);
-webkit-transition:All .3s ease;
-moz-transition:All .3s ease;
-o-transition:All .3s ease;
}
.avatar-parceiros a img:hover{-moz-box-shadow: 0px 0px 9px rgba(0,0,0,1);
-webkit-box-shadow: 0px 0px 9px rgba(0,0,0,1);
box-shadow: 0px 0px 9px rgba(0,0,0,1);
-webkit-transition:All .1s ease;
-moz-transition:All .1s ease;
-o-transition:All .1s ease;
}

Utilizando no seu blog

1. No menu do Blog, clique em Layout

2. Em seguida clique em Adicionar um Gadget

3. Escolha a opção HTML/JavaScript

4. Dê um título ao Gadget

5. E no campo do Gadget adicione o seguinte código HTML:

<div class="avatar-parceiros"><a class='shadowMoreIcon' href='URL Do site do parceiro' target='_blank'><img class='rounded' src='URL do banner do parceiro' /></a><a class='shadowMoreIcon' href='URL Do site do parceiro'target='_blank'><img class='rounded' src='URL do banner do parceiro' /></a><a class='shadowMoreIcon' href='URL Do site do parceiro' target='_blank'><img class='rounded' src='URL do banner do parceiro' /></a><a class='shadowMoreIcon' href='URL Do site do parceiro' target='_blank'><img class='rounded' src='URL do banner do parceiro' /></a></div>

6. Após isso clique em Visualizar, e se estiver tudo corretamente como desejado clique em Salvar Modelo!

Pronto pessoal! Esta foi a post de hoje, sem mais delongas! E lembrando desculpem a falta de posts, ando muito ocupado mas se Deus quiser voltarei com as postagens diárias! Até mais, Fiquem Com Deus, Abraços!

ATUALIZAÇÃO!
Confira a Demo do efeito na Oficina Tecnoblog:

http://tecnoblogoficina.blogspot.com.br/

OBS: Este exemplo encontra-se na sidebar.

Android: Jetpack Joyride

2012-10-08T10:45:00.002-03:00

Olá amigos(as) leitores! Hoje falaremos novamente sobre Android! E oque é o aplicativo/jogo Jetpack Joyride? Continue lendo e saiba cada detalhe do mesmo.

Jetpack Joyride é um jogo muito bom, seu objetivo principal e fazer com oque o personagem principal voe em um jetpack atravessando obstáculos. Uma característica legal é que ele foi feito pela empresa criadora do Fruit Ninja a Halfbrick, um jogo que para muito é viciante.

Mas não ache que a sua jornada será fácil, pois os cenários do game são repletos de obstáculos e armadilhas prontos para detoná-lo ao menor sinal de desatenção. Você está pronto para esse desafio?

Screenshots

Gostou?

Se você gostou do aplicativo, baixe ele diretamente da Play Store:

Clique aqui para acessar

Então por isso é só leitores, até mais, abraços.

Barra de rolagem estilo metro para blogger

2012-09-26T12:00:00.000-03:00

Olá pessoal, como a muito tempo não ando postando tutoriais para blogger, hoje vim com uma novidade, hoje irei ensina-los a como adicionar uma barra de rolagem personalizada estilo metro para seu blog, uma barra de rolagem simples em que ao mesmo tempo da estilo ao seu blog ou site, bom então vamos ao tutorial a seguir em apenas um simples passo.

Instalando a barra de rolagem (CSS)no seu HTML

1. Faça o Login no Blogger (Se estiver estiver logado, melhor).

2. Em seguida no menu suspenso, clique em modelo.

3. Em seguida clique no botão: Editar HTML

4. Aperte CTRL+F e procure pela seguinte tag:

]]></b:skin>

5. Depois disso, adicione o seguinte código acima da tag:

/* ----- Scrollbar ----- */
::-webkit-scrollbar-thumb:vertical {
height: 0px;
background-color:#094AB2;
}
::-webkit-scrollbar {
width:8px;
height: 0;
background:#eee;
margin-right:5px;
}

A parte destacada de vermelho corresponde a cor da barra de rolagem, se desejar poderá mudar a cor, mudando o código do mesmo por uma cor HTML, para isso acesse a lista de cores HTML na nossa tabela de cores:

Clique aqui para acessar a Tabela de cores

Pronto, Depois disso basta apenas clicar em visualizar, caso esteja como desejado clique em salvar!

Android: Dolphin Browser

2012-09-22T19:55:00.005-03:00

Olá leitores do Tecnoblog, hoje iremos dar continuação na categoria Android do nosso blog, vamos mostra-los o navegador para celular, o Dolphin Browser, um navegador com características impressionantes.

Como todos os usuários do Android já sabem o sistema operacional tem o seu próprio navegador, que funciona bem. Mas mesmo assim, navegadores cheios de funcionalidades diferentes são criados para o sistema operacional, com o objetivo de melhorar ainda mais a experiência do usuário.

O Dolphin Browser é um aplicativo inteligente, que utiliza a tecnologia touchscreen para facilitar ainda mais sua navegação. E é super rápido, umas das suas principais características são: A pasta de favoritos, Zoom Multi-Touch, Navegação por gestos, Navegação por voz, suporte para temas e etc..

Veja o Dolphin Browser Funcionando:

Gostou?

Se você gostou do aplicativo, baixe ele diretamente da Play Store:

Clique aqui para acessar

Então por isso é só leitores, até mais, abraços.

Android: TeamViewer Control Remote

2012-09-15T17:43:00.000-03:00

Olá amigos blogueiros, a quanto tempo não postamos mais, hoje vamos abrir mais uma categoria no Tecnoblog, a categoria Android, e para começar vamos vós mostrar um aplicativo muito utilitário, o TeamViewer para android.

Alguns de vocês supostamente já fizeram ou utilizaram o TeamViewer para Computador, você poderá acessar remotamente computadores direto do seu dispositivo Android, Você também pode se beneficiar tendo acesso ao seu computador pessoal de casa para editar documentos ou para usar um software particular quando estiver viajando.

Assista o seguinte vídeo e veja como ele funciona:

Gostou?

Se você gostou do aplicativo, baixe ele diretamente da Play Store:

Clique aqui para acessar Então por isso é só leitores, até mais, abraços.

Guest Post - Qual o melhor formato de computador, desktops ou notebook?

2012-08-14T16:45:00.000-03:00

Apesar das diferenças físicas existentes entre desktops (computadores de mesa) e notebooks (computadores portáteis), suas capacidades estão cada vez mais similares. Confira!

Nunca tivemos tantas ofertas assim para diferentes tipos de computadores. Diversos sites de informática oferecem máquinas com preços, marcas, modelos e demais especificações distintas. Mas de todos os perfis de usuários possíveis, o que eles buscam?

Praticidade, capacidade de armazenamento de dados ou velocidade? Usaremos para acessar a Internet e baixar arquivos leves, como documentos de MS Word, ou para operar programas gráficos, como o Photoshop? O que você faz com o seu computador?

Cada vez mais temos dúvidas na hora de escolher entre tantas opções, mas a grande novidade é que os laptops e notebooks agora já não são considerados versões inferiores do desktop. Alguns possuem memória e recursos semelhantes aos que encontramos nos grandes Desktops.

Um laptop ou notebook possui a distinta vantagem da mobilidade e em certos casos como para estudantes ou executivos, basta esta característica para justificar a escolha. A conveniência de levar o Laptop da universidade para a biblioteca ou até para utilização em um ponto Free Hi-Fi, e poder acessar os arquivos sem precisar acessar um FTP ou documentos online é sem dúvida o que muitos buscam, principalmente esta nova geração, que já cresce plugada 24/7 no seu aparelho celular.

Desktops, por outro lado, não esquentam em excesso após uso contínuo por horas de trabalho, se você possuir um Home Office, por exemplo. Outro benefício ao comprar um desktop, é a possibilidade de repor apenas as peças do hardware, como a memória ou trocar o HD (do inglês, hard-disk). Isto é mais vantajoso financeiramente do que aventurar-se em comprar um laptop novo, ao perceber que o seu encontra-se levemente defasado.

Entretanto, desktops costumam apresentar melhor performance para profissionais que precisam executar diversas tarefas ao mesmo tempo. Indiferente de serem planilhas, documentos de textos, vídeos, páginas da internet ou ferramentas específicas de trabalho.

Guest Post redigido por: Ronaldo Ramires

Guest Post - Mate a saudade: Tetris 3D online!

2012-08-04T14:31:00.001-03:00

Tetris é um jogo eletrônico muito popular, desenvolvido em 1984. O jogo consiste em empilha tetraminós que descem a tela de forma que completem linhas horizontais. Você sabe oque é um tetraminó? Eles são formados por quadro quadrados simétricos, formando 5 peças. E você acha que é bom em Tetris?

Gostaria de experimentar jogar Tetris em três dimensões? Isso mesmo, Tetris em 3D

O nome do game é Cuboid 3D, entretanto usa as peças que são usadas em tetris. Você precisa completar 11 fileiras de um quadrado com as peças para que você consiga produzir algum tipo de pontuação.

A dificuldade desse game é um pouco superior a de tetris, mas nada que muita estratégia e colocação de peças não resolva.

Para você começar a jogar é muito simples, basta você clicar aqui e você será redirecionado para o site www.maniadejogos.com, chegando lá basta procurar pelo game Tetris Cuboid 3D na barra de busca. Bom jogo!

Guest Post redigido por: João Henrique

Links para este artigo

Mania de Jogos
Atualizc (Web Site do produtor do guest post)

Microsoft Office 2013 - Analisando

2012-07-17T15:54:00.000-03:00

Olá Amigo leitor! Hoje vamos fazer a primeira analise e as primeiras impressões do novo produto da Microsoft. O Microsoft Office 2013!

Bem então vamos a falar todos os detalhes do novo produto!

Office 2013 e Office 365

Tanto o Office 2013 quanto o Office 365 oferecem basicamente a mesma experiência de usuário, mas a Microsoft está claramente tentanto atrair os usuários para a versão baseada na nuvem. Pela primeira vez a empresa irá oferecer essa solução aos consumidores, em vez de apenas a empresas.

Compre uma versão tradicional do Office em uma “caixinha” e você tem uma licença para instalá-lo em um PC. Mas assine o Office 365 e você ganha licenças para instalar o Office 2013 em até 5 aparelhos, além de poder fazer “streaming” dos aplicativos para qualquer PC ou tablet. A Microsoft ainda não anunciou os preços de nenhuma das opções, E sim apenas a Preview que é gratuita!

Uma nova interface

A interface do Office 2013 não é muito diferente da do Office 2010: a Ribbon continua como o ponto central, embora o texto e ícones dentro dela sejam um pouco maiores e com espaçamento maior, para tirar melhor proveito do espaço em monitores grandes e facilitar a interação em telas sensíveis ao toque. Ainda assim, a Ribbon não é grande demais para a tela típica de um notebook, mesmo com a adição de duas novas abas: Design e Developer (a aba Developer existe no Office 2010, mas está desabilitada por padrão).

A Microsoft espera que as pessoas desejem guardar seus documentos na nuvem, e na hora de salvar um arquivo sua conta no SkyDrive é listada em primeiro lugar. Outro recurso legal é a capacidade de se conectar a recursos online e incorporá-los em seus documentos.

Ligue sua conta no SkyDrive à sua conta no Flickr e você poderá acessar sua coleção de imagens e embutí-las diretamente no documento, novamente sem nunca sair do Word. Embutir um screenshot de um aplicativo é mais fácil ainda: clique em Insert / Screenshot e uma janela com miniaturas de todas as janelas e aplicativos abertos será mostrada. Clique na imagem desejada e ela será inserida no documento na posição atual do cursor.

E quando você embute uma imagem ou vídeo em um documento, você pode arrastá-los e ver o texto se reposicionar automaticamente ao redor deles, em tempo real.

Microsoft Office 2013 - Compatibilidade

O Office 2013 não terá suporte para Windows XP e Windows Vista. O anúncio da Microsoft foi feito hoje, junto com o lançamento da versão “Preview” dos novos aplicativos. Somente usuários do Windows 7 ou Windows 8 poderão experimentar as novas edições de Word, Excel e PowerPoint (além de outros softwares do kit). Ainda não á revelações das razões para a exclusão das versões anteriores do sistema operacional, á rumores que seja por causa que os sistemas operacionais (Windows XP e Vista) Não tenham atualizações necessárias.

Microsoft Office 2013 - Logotipos

Eu percebi que as logos do Microsoft Office 2010 para o Office 2013 mudaram muito, como a microsoft esta realmente investindo na interface metro até as logos foram afetadas!

Pronto Espero que tenham gostado, até a próxima!

Atenção Leitor: Este artigo esta sujeito a atualização!