T & B

Menu de topo que acompanha a página

noreply@blogger.com (Denis Gomez) — Fri, 6 Apr 2012 22:07:00 -0300

Olá leitores do Tech and Blogger, hoje mostrarei como colocar um menu de topo que desce junto com a página, e os links são todos centralizados. Para ver uma demonstração clique aqui.
Vamos aos códigos, primeiro procure pela tag </head> e ABAIXO dela coloque o seguinte código:

<style type='text/css'>



#menudetopo {

width:100%;

 height:30px;

 background-color:#1C1C1C;

-webkit-transition: all 0.5s linear;

-moz-transition: all 0.5s linear;

-o-transition: all 0.5s linear;

transition: all 0.5s linear;

position:fixed;

}



.linksmtopo2 {

font-family:Arial, Helvetica, sans-serif;

 font-size:15px;

 text-decoration:none;

 padding:5.5px;

 color:#FFFFFF;

 text-align:center;

-webkit-transition: all 0.5s linear;

-moz-transition: all 0.5s linear;

-o-transition: all 0.5s linear;

transition: all 0.5s linear;

}



.linkstopo2 {

height:30px;

 text-decoration:none;

 color:#FFFFFF;

 padding:7px;

-webkit-transition: all 0.5s linear;

-moz-transition: all 0.5s linear;

-o-transition: all 0.5s linear;

transition: all 0.5s linear;

}



.linkstopo2:hover {

background-color:#363636; 

padding:7px; 

height:30px; 

padding-top:5.5px; 

color:#FFFFFF;

-webkit-transition: all 0.5s linear;

-moz-transition: all 0.5s linear;

-o-transition: all 0.5s linear;

transition: all 0.5s linear;

}

</style>



<div id='menudetopo'>

<div class='linksmtopo2'>

<a class='linkstopo2' href='URL-DO-LINK'>NOME-DO-LINK</a>

<a class='linkstopo2' href='URL-DO-LINK'>NOME-DO-LINK</a>

<a class='linkstopo2' href='URL-DO-LINK'>NOME-DO-LINK</a>

<a class='linkstopo2' href='URL-DO-LINK'>NOME-DO-LINK</a>

<a class='linkstopo2' href='URL-DO-LINK'>NOME-DO-LINK</a>

</div>

</div>

Pronto, seu menu está instalado em seu blog, agora é só trocar os trechos negritados e coloridos em AZUL pelo url do link, e os negritados em VERMELHO trocar pelo nome que o link terá.

---------------------------------------
Atenção: este menu foi baseado no código de um nenu disponibilizado no blog Mundo Blogger.

Você já viu a aba "Play" no Google !?

noreply@blogger.com (Denis Gomez) — Tue, 27 Mar 2012 00:09:00 -0300

Hoje, 26/03, a Google colocou em sua navbar um link escrito "Play". Quando observei pensei que era alguma coisa relacionado à um novo serviço de música da Google, mas se trata de uma 'loja' para Androind's e Tablet's...

"Com vocês, o Google Play!

Aonde quer que você vá, o Google Play ajuda a encontrar e comprar aplicativos e jogos pelo seu dispositivo Android ou pela web. Com centenas de milhares de aplicativos no Google Play, há um aplicativo para todo mundo."

Esta é a nova novidade para os usuários do Android! Até mais pessoal...

O novo iPad, é realmente “novo” ?

noreply@blogger.com (Denis Gomez) — Fri, 23 Mar 2012 18:07:00 -0300

A Apple com certeza é uma das maiores empresas atualmente, por sua inovação, e parece que o Steve Jobs, acostumou a todos muito mal, por quê todo evento que a Apple iria lançar qualquer coisa todos já ficavam na expectativa por algo extremamente inovador e que fizesse todo mundo ficar literalmente impressionado, mas os dois últimos grandes eventos da Apple não trouxe nada disso, nada extremamente inovador com o iPhone 4S e igualmente com o novo iPad.
O novo iPad, é realmente novo ?

No lançamento do iPhone 4S a Apple trouxe como grande novidade o Siri, a assistente de voz capaz de falar com você, apesar de isso ser algo que impressionou a muitos não podemos dizer que é inovador pois o Android já tinha algo pelo menos parecido, tá certo que o Voice Control – Funcionalidade que é parecida com o Siri – não é algo muito bom, até por quê não foi bem desenvolvido e aprimorado, mas, pelo menos já existia antes do Siri.

Apesar de o lançamento do iPhone 4S não impressionar, deixou toda a expectativa para o lançamento do iPad 3, que agora é apenas o novo iPad, antes do lançamento do novo iPad, o quê mais tinha era rumores, e rumores que demostravam o quanto a expectativa por esse lançamento era grande, enfim, chegou o tão aguardando lançamento, e lamentavelmente nenhuma grande novidade, tá legal, que a Apple anunciou a Retina Display, uma tela que consegue suparar em resolução qualquer televisor disponível no mercado atualmente e novo processador que muito mais rápido que o do iPad 2, mas, faltou alguma novidade que levantasse o público e deixasse todos animados.

Não estou falando que essa falta de grandes novidades possa levar a Apple á decadência, muito pelo contrário, a Apple está vivendo umas das suas melhores fases da sua história, o iPhone 4S foi um completo sucesso de vendas, e o novo iPad em apenas 3 dias vendeu simplesmente 3 milhões de unidades, algo incrível, mas eu vejo, que esse sucesso de vendas não é apenas por causa das novidades deles e sim pela “história” o mesmo já carrega, mas acredite, não apenas por quê o Steve Jobs morreu que as ideias da Apple acabaram, eu creio, que a Apple ainda tem muito em o quê inovar basta apenas arriscar mais um pouco e não seguir um padrão.

Na minha opinião, a Apple deve apenas arriscar, pois eu vejo que ela está “seguindo o padrão” demais, diferentemente, da Apple de um passado não tão distante, que inovava, e a cada evento apresentava coisas que fazia o público ficar definitivamente de boca aberta, mas, não estou dizendo que a qualidade da Apple está caindo, muito pelo contrário, todos os produtos da Apple são de extrema qualidade, e sinceramente, é difícil algum concorrente superar a qualidade da empresa, mas, vamos ver como serão os próximos lançamentos da Apple, e aguardo que seja com muita inovação.

-------------------------------------

Via: Dr.PDA Mobile

Aviso básico aos meu leitores

noreply@blogger.com (Denis Gomez) — Sun, 18 Mar 2012 22:25:00 -0300

Bom, este aviso não é um aviso ruim. Só quero avisar que apartir desta semana, o Tech And Blogger irá começar a se especializar na área de tecnologia!
Isso não quer dizer que vou parar de publicar sobre o Blogger, continuarei postando apenas o básico sobre o Blogger. A parte mais avançada começarei a publicar no Mundo Blogger que agora faço parte da equipe.

Espero que entendam e que continuam me acompanhando em ambos os blogs. Quero aproveitar o post para agradecer a Vanessa pela grande chance que me deu me colocando na equipe do Mundo Blogger. Assim ganharei expêriencia na plataforma WordPress pois será lá o "novo" Mundo Blogger e continuarei a usar o Blogger para escrever no Tech And Blogger.

Obrigado. Denis Gomez .

Aposto que a maioria nunca leu as políticas de um blog

noreply@blogger.com (Denis Gomez) — Sun, 18 Mar 2012 18:55:00 -0300

Hoje e ontem, fiquei lendo alguns artigos que falavam sobre a atitude de Marcos Lemos do Ferramentas Blog de excluir um comentário de meu parceiro Izaque. Isso foi mais uma das polêmicas que apareceu na blogosfera e teve como consequência vários artigos em diversos metablog. Como por exemplo: "Blogueiros brasileiros, sempre serão desiguais sempre sempre e sempre !" do próprio Izaque, "Marcos Lemos, você está errado ao excluir comentários!" do Jair Rebello e o "Hoje eu conheci um novo Marcos Lemos!" do Iago Melanias.

Todos eles falam sobre o comentário apagado do Izaque, exceto o artigo do Iago que mostra uma parte mais pessoal do Marcos Lemos. Com isso, fiquei lembrando de quando eu comecei na blogosfera. Eu queria ser alto, poder opinar, comentar e críticar onde eu quisesse.
Depois de um tempo fui conhecendo mais e me importando mais com cada parte dos blogs. Principalmente as políticas de uso e comentários!

Quase sempre, ela pode a te ajudar com casos como o que eu falei no começo do artigo... As políticas de um blog mostra, geralmente, o que você pode ou não pode fazer, mostra as consequências que pode receber, e principalmente as atitudes que o autor irá tomar. Mas infelizmente os blogueiros "novatos" não estão se importando com essas coisas, como eu não me importava antigamente.

É sempre bom saber sobre o que você vai fazer, antes de agir. Ou seja, antes de comentar, leia as políticas de comentário. Antes de usar, leia as políticas de uso! É claro que nem sempre vamos lembrar de tudo que lemos nas políticas, por isso, se alguma atitude for feita em cima de você, leia as políticas novamente para ver se você mesmo não esqueceu de algo antes de começar um debate na blogosfera. Eu por exemplo esqueço quase sempre que não devo colocar links nos comentários que faço, e já fui chamado à atenção várias vezes por isso!

Falando um pouco sobre mim, eu comecei a ler as políticas dos blogs que participo, quando usava um template disponibilizado pela Vanessa do Mundo Blogger. Com isso eu li as políticas de uso do blog dela e assim comecei a ler tudo em todos os blogs que participo.

Meu propósito neste artigo, é mostrar que ler as políticas de um blog é altamente recomendável antes de agir num blog que não é seu!
Pode parecer que no começo eu quis julgar de uma forma errada o Izaque, mas é que fiz o artigo com base no que aconteceu com ele... Mas não sei se ele lê ou não as políticas do blog que ele participa.

Template TB - versão 2 (Blogger)

noreply@blogger.com (Denis Gomez) — Thu, 15 Mar 2012 23:39:00 -0300

Bom, hoje estou disponibilizando o template que eu utilizava aqui no Tech And Blogger até semana passada! Alguns viram que ele estava com um bug no template, que mostrava apenas a primeira postagem na página principal, eu já concertei isso para poder publicar o layout.
Veja as características do template:

Cabeçalho divido em duas colunas.
Dois menus personalizados pelo HTML.
Postagens com resumo automático (com miniatura de imagem).
Botão para seguir no Twitter (acima da sidebar).
Footer em 3 colunas para gadgets.
Rodapé simples e elegante (Favor não retirar os créditos).

Mudanças necessárias no template antes de utilizá-lo:

Como colocar meu Twitter no botão acima da sidebar ?

Para isso, deve abrir o Editor de HTML e procurar pela seguinte linha:
<a class='twitter-follow-button' href='http://www.twitter.com/Tech_AndBlogger'>Siga-nos no Twitter</a>
Encontrado esta linha você troca o trecho negritado pelo url do seu perfil do Twitter.

O rodapé deverá ser analizado!

Se seu blog foi criado antes ou depois de 2011, você precisará trocar o rodapé... Pois ele está com o ano de 2011 e 2012.
Para isso, procure pelo trecho:
2011-2012 |
E troque pelo ano desejado.

No botão de enviar postagem para Twitter!

Quando abrir um post, no final dá página tem os botões de compartilhamento. É necessário fazer mudança apenas no do Twitter, para isso clique em 'Expandir modelos de widgets' procure pela linha:
<a class='twitter-share-button' data-count='horizontal' data-via='Tech_AndBlogger' href='https://twitter.com/share'>
E troque o trecho negritado pelo seu perfil no Twitter, sem o arroba ( @ ) !

Alterar links do menu que fica acima de tudo.

Para alterar os links do menu de topo, procure por:

<div id='menuprincipal2'>

<div class='linksmtopo2'>

Essas são as tags de iniciação do menu, abaixo delas ficam os links para serem alterados.

Trocar os links do segundo menu.

<div id='menutopo'>

<div id='dentromenutopo'>

Novamente, essas são as tags de iniciação do menu, abaixo os links para serem alterados.

Como alterar o título do blog ?

Para isso basta procurar por:
Nome do blog
E trocar pelo nome do seu blog, meio óbvio...

DEMONSTRAÇÃO DO TEMPLATE - DOWNLOAD DO TEMPLATE

Bom, é isso, espero que gostem do template. Quais quer dúvidas postem comentários que será um prazer responder!

Entendendo CSS - Parte 3 - Bordas 1/3

noreply@blogger.com (Denis Gomez) — Tue, 13 Mar 2012 17:23:00 -0300

Hoje, depois de muito tempo sem postar essa artigos desta série... Mas hoje estou voltando e vou falar um pouco sobre bordas no CSS, ainda falaremos em outros 2 artigos sobre bordas como formatá-las e os tipos diferentes dela! Vamos lá, hoje irei mostrar as posições das bordas.

Como usar as bordas ?

Veja no exemplo abaixo como usar as bordas, no exemplo eu utilizei a border-bottom para ter como exemplo a pergunta "Como usar bordas", pois uso nela o border-bottom:

test {padding-left:5px; font-size:17px; background-color:#FFF;}



test {border-bottom:2px solid #FFF; padding-left:5px; font-size:17px; background-color:#FFF;}

Quais as posições possíveis que posso utilizar as bordas ?

Você pode usar as bordas, nos quatro lados do objeto que quiser, para facilitar conheça o nome das bordas e as posições que elas ficam, para utiliza-las basta seguir o exemplo acima em que utilizei o border-bottom:

border-bottom - Borda posicionada abaixo do objeto.
border-left - Borda posicionada à esquerda do objeto.
border-top - Borda posicionada ao topo do objeto.
border-right - Borda posicionada à direita do objeto.

Quem observou o exemplo que tem no post, pode ver que além de eu colocar o border-bottom eu apliquei uns estilos à ela, vou ensinar isto nos 2 próximos artigos da série Entendendo CSS. Bom, espero que tenham gostado, e aguardem as próximas partes sobre as bordas!

Tech and Blogger com template novo, novamente!

noreply@blogger.com (Denis Gomez) — Mon, 12 Mar 2012 18:21:00 -0300

É com muito prazer que anuncio que o Tech and Blogger está com visual novo. Acho que motivos foi o que não faltou para fazer esta alteração radical no layout... Eu já estava sem inspiração para escrever novos artigos nos dois temas principais do blog, e já estava muito comum o antigo!
Neste novo modelo decidi escolher o modo de galeria pois se adequada mais ao tema de tecnologia e quanto ao Blogger também acho que não está fora do "padrão".

Vamos as caracteristicas do novo template:

Página inicial com posts em efeito galeria. Cores predominantes Verde, Preto e Branco.
Menu dropdown na parte das categorias.

Menu de topo com as principais páginas do blog.
Area dos banners inovada com tamanhos 140x140px.

Desvantagens do template:

Sem paginação do blog ( tentarei resolver com um script ).
Sem a páginação, adicionei uma caixa de busca na sidebar para busca de artigos.
Sem as propriendades <code> e <blockquote>.

Mas espero acabar com essas desvantagens todas dentro de 1 mês.

Com isso, pretendo satisfazer vocês com um ambiente de leitura completamente confortável e espero que gostem também (: Obrigado, e se tiverem dúvidas, críticas, sugestões etc podem deixar ná página de contato ou nos comentários deste post aqui.

Personalize suas fã-pages no Facebook com o Static HTML

noreply@blogger.com (Denis Gomez) — Sun, 26 Feb 2012 21:30:00 -0300

Ultimamente, todos os blogs tem uma fan page no Facebook para seus leitores acompanharem o blog. o Static HTML cria sub-páginas para a fanpage do seu blog em HTML, Flash e com imagens e vídeos. Crie suas próprias fan-pages personalizadas no Facebook com este aplicativo.

Entrando no aplicativo você encontra esta tela, para adicionar clique em Add Static HTML to a Page

Então abrirá uma janela como a mostrada abaixo e é só escolher a fan-página que você vai adicionar a página personalizada.

Então abrirá um painel para você inserir os códigos para personalizar! Recomendo que tenha um bom conhecimento nos códigos que vai utilizar, para não dar nada errado!

Logomarca do Windows 8 é oficialmente publicada

noreply@blogger.com (Denis Gomez) — Tue, 21 Feb 2012 18:18:00 -0200

Como a maioria sabe, o sistema operacional mais usado pelo mundo inteiro, o Windows da Microsoft está lançando mais uma versão.
Na terça-feira passada, o blog oficial do Windows publicou uma matéria anunciando a nova logomarca do Windows 8 mostrando suas caracteristicas e as versões anteriores... Abaixo uma retrospectiva das logomarcas do Windows e acima a logomarca oficial do Windows 8 - Depois infelizmente a minha opinião pessoal da nova logomarca!

Sinceramente eu achei horrivel esta nova logomarca... Sem desprezo aos designers da Windows mais isto eu consigo fazer até no Paint!
Olhando esta retrospectiva eu acho que até o Windows 1.0 superou a nova logomarca do Windows 8 ainda por quê tem duas cores. Abaixo uma imagem da logomarca do Windows 1.0

Logomarca oficial do sistema operacional Microsoft Windows 1.0

RESULTADO: Promoção - Logo para Blog

noreply@blogger.com (Denis Gomez) — Sun, 19 Feb 2012 02:04:00 -0200

Como prometido, hoje realizei o sorteio da promoção Logo para Blog e tivemos um ganhador e estou esperando ele entrar em contato comigo via Twitter!

O ganhador que é mostrado na imagem abaixo seguiu as regras, twittou a frase e me seguiu, agora ele tem até as 23:59 horas do dia 20 de fevereiro de 2012 para poder receber sua logomarca! Parabéns Guilherme, você deve entrar em contato comigo de qualquer jeito, seja Twitter, formulário de contato, Facebook qualquer coisa!

Caso ele não entre em contato dentro do prazo será efetuado outro sorteio. Quanto aos outros participantes fiquem tranquilos pois logo logo estarei lançando um projeto de logomarcas!

Criando um bloco de aviso personalizado

noreply@blogger.com (Denis Gomez) — Wed, 15 Feb 2012 23:13:00 -0200

Olá pessoal, hoje vou ensinar como criar um bloco para mensagem de avisos no seu blog, bem parecido como blockquote ou o code! Serve para dar algum aviso ou mencionar alguma advertência aos seus leitores.

Adicionar uma um bloco desse, é basicamente a mesma coisa que adicionar o code, mas vamos lá...

O único código a ser inserido no HTML do template, é o CSS, então procure pela tag ]]></b:skin> e colo logo acima o seguinte código:

aviso {border-left: 4px solid red; color: #555; background: #f1f1f1 url('images/code.gif') no-repeat top left; display: block; padding: 5px;}

Pronto, agora você tem um bloco de avisos para colocar no post. Para adicionar é só digitar o texto dentro das tags <aviso> E </aviso>.

Este post foi escrito por mim no "adormecido" Creation Blogger!

Até mais posts

. Denis Gomez

Resultado da nossa enquete

noreply@blogger.com (Denis Gomez) — Tue, 14 Feb 2012 18:38:00 -0200

Desde quando voltei com o blog, criei uma enquete sobre o que o leitor achou do blog. A enquete teve 37 votos, é claro que eu não votei nela, pois o blog é meu e pensei que seria injusto eu votar!

Veja um gráfico de como ficou o resultado da enquete:

Vou tentar melhorar o máximo pra satisfazer os leitores que votaram em Muito ruim, precisa melhorar :)

Obrigado por participar de nossa enquete e logo logo farei outra!

Gostar de seu blog é importante!

noreply@blogger.com (Denis Gomez) — Sat, 11 Feb 2012 19:26:00 -0200

Neste artigo destacarei a importância de gostar de seu blog, Principalmente destacando a aparência de seu blog.
Muitos blogueiros(as) tem como desafio inicial quando vão criar um blog, encontrar um bom template para usar. Usar um template que você não goste pode ser umas das várias coisas que faz você não gostar de seu próprio blog!

Aqui no Tech And Blogger utilizo um template não-exclusivo, isto é, encontrei ele num site de templates e que qualquer um pode efetuar o download e utilizar ele. Porém, eu com ajuda do João personalizamos vários pontos do template, incluindo título dos gadgets, menus e rodapé! Isso fez eu gostar de meu blog e do template que eu uso.

Foto por jonasssj

Não gostar de seu blog pode fazer com que você perca ou nem encontre inspiração para escrever novos artigos e continuar blogando em seu blog.
Outra coisa que pode fazer você não gostar de seu blog, é a falta de leitores ativos participando em seu blog, e ferramentas que você precisa e não encontra na web.

Por isso, eu recomendo que antes de criar um blog, verifique todos os pontos do blog e faça ele ficar "perfeito" para si mesmo! Encontrando um template e personalizando do seu jeito... Instale gadgets e widgets de sua preferência, isso provavelmente fará com que você goste de seu blog antes mesmo de começar à usá-lo...

Promoção - Logo para blog!

noreply@blogger.com (Denis Gomez) — Wed, 8 Feb 2012 19:13:00 -0200

Hoje estou fazendo minha primeira promoção pelo blog, nesta promoção eu sortearei uma logo para seu blog/site. Eu pretendo criar em breve um serviço de criação de logomarcas para blogs e sites, e nele ainda estou pensando como será a forma de encomendas...
Posso garantir que no começo será gratuita, mas vai demorar um pouco para ser lançado ainda, então estou fazendo está promoção para um sortudo ter sua logo bem antes do serviço ser lançado e também divulgar o novo Twitter do blog.

SOBRE A PROMOÇÃO

O ganhador terá como prêmio, uma logomarca exclusiva para seu blog/site. Será possivel que o vencedor escolha as preferências como cores, estilos e símbolo... Ou pode deixar a meu critério para fazer o melhor possivel observando o blog/site do vencedor
É importante lembrar que antes de participar, dê uma olhada nas regras da promoção abaixo:

REGRAS

♦ É permitido participar apenas uma vez com cada perfil no Twitter.
♦ Perfis fakes do Twitter serão desclassificado da promoção. (analisados antes para evitar injustiças)
♦ Depois de anunciar-mos o vencedor, ele deverá entrar em contato em até 48 horas. Caso contrário será efetuado outro sorteio.
♦ Caso aconteça de no segundo sorteio ter o mesmo vencedor que no primeiro sorteio, será efetuado um 3º sorteio, pois aquele já teve sua chance e não entrou em contato.
• Dúvidas perguntem via Twitter ou nos comentários abaixo.

COMO SERÁ O SORTEIO

O sorteio será realizado no dia 19/02/2012 via Sorteie.me. A cada sorteio(espero que seja só um) será mostrado apenas um vencedor, aquele que levara a logomarca feito por mim.

COMO PARTICIPAR

Para participar é muito fácil, basta estar seguindo nosso perfil no Twitter e twittar a seguinte frase sem mexer em exatamente nada:

Estou concorrendo a uma logomarca para meu blog/site, participe você também no link - http://kingo.to/Zmx

Muito fácil né ? Desejo boa sorte a todos os participantes!

Converter um vídeo do YouTube em música MP3

noreply@blogger.com (Denis Gomez) — Tue, 7 Feb 2012 17:43:00 -0200

Fazer um Download de uma música esta ficando cada vez mais difícil, ainda mais agora com o fechamento do MegaUpload por causa da lei S.O.P.A..

Hoje ( antes do mês de março, explico depois ), estarei mostrando um site que converte um vídeo do YouTube em MP3, ou seja, transforma um vídeo em uma música e também apresentando um programa que é possível converter um vídeo do YouTube em música!

SNIPMP3

O SNIPMP3 tem um funcionamento muito fácil, assim que entra no site vê um campo de texto bem longo, nele digitamos o url do vídeo do YouTube e clique em Convert to MP3.

Depois disso é só seguir as instruções que o site fornece.

------------------------------------------------------------------------------------------

Free YouTube to MP3 Converter

Este, é o programa que eu uso e recomendo. Muito fácil de usar!

Com o programa instalado, link do download no final, copie a url do vídeo no YouTube e abra o programa! Com ele aberto apenas pressione Ctrl+V e espere carregar o vídeo até aparecer um botão que parece um botão de play e clique nele.

Feito isso espere até o mesmo ícone mudar para um ícone de pasta, clique nele e o programa abrirá a pasta que contém a música que você fez o download.

Download Free YouTube to MP3 Converter - Baixaki

-------------------------------------------------------------------------------------------

Alguns podem terem ficado confusos com o fato de eu ter dito num trecho que indicaria antes do mês de março. É que como forma de protesto com o fechamento do MegaUpload, estão planejando o Mês Negro.

Mês Negro é um protesto que ocorrerá no mês de março com muitas pessoas que não vão comprar nada que relacionem com direitos autorais.

Fiz um breve resumo e recomendo que deem uma pesquisada para entender mais!

Uma parada provisória

noreply@blogger.com (Denis Gomez) — Fri, 3 Feb 2012 20:10:00 -0200

É com muito desânimo que escrevo este pequeno post. Venho avisar hoje que o blog vai ficar sem postagens por mais uns 5 dias, estou tendo problemas com meu computador e em breve estará concertado!
Como estou com um pouco de dificuldades para me inspirar e escrever posts, essa para vai servir para mim preparar mais artigos de qualidade para meus leitores... Mais uma coisa, para este mês ainda estou preparando um sorteio aos meus leitores, e uma novidade sem lançamento prévio ainda.

Peço desculpas aos meus amigos João Neto e Caio Vinicius por não poder ajudá-los nesta re-inauguração do Creation Blogger ( se terminarem os ajustes antes de eu voltar ). Obrigado pela atenção de todos!

Denis Gomez

Autor e criador do T&B

Encontre a cor certa sem muito trabalho!

noreply@blogger.com (Denis Gomez) — Mon, 30 Jan 2012 01:01:00 -0200

Está cansado de ficar procurando o código da cor certa quando vai mecher com seu blog ? Hoje eu apresento uma extensão para o Chrome que abre uma caixa de cores para você gerar sua própria. É um sistema comum igual quando vamos mexer com as cores no Dreamweaver, Fireworks ou Photoshop. Veja um exemplo:

Percebam que o código que usamos no Blogger¹ está posicionado no fim da janela no campo identificado com a hashtag ( # )

Espero que esta extensão ajude vocês e facilitem o seus trabalhos com cores! Download da extensão no botão abaixo:

Color Generator

-----------------------------------------------------------------------------

Blogger¹ - http://www.blogger.com/

Como denunciar plágio no Blogger

noreply@blogger.com (Denis Gomez) — Thu, 26 Jan 2012 21:43:00 -0200

Como eu disse no artigo anterior, hoje vou mostrar como denunciar um plágio pelo Blogger! Eu nunca denunciei ninguém mas já vi comentários em blogs que as pessoas denunciaram e tiveram resultado, o Blogger eliminou as páginas plagiadas.
Denunciar, é uma coisa que devemos pensar duas vezes antes fazer, pois tem que analisar direitinho se o artigo não tem a fonte para o artigo original e essas coisas assim.

O Blogger tem um formulário oficial para denunciar as páginas plágiadas, antes eu conhecia somente o formulário na versão dos Estados Unidos assim tendo que preencher em inglês... Mas antes de escrever dei uma procurada melhor e encontrei um formulário em português. Clique para abrir o formulário.

Antes de enviar veja se está tudo preenchido corretamente, e lembrando que você deve enviar 1(um) formulário para cada página plagiada. E também no campo Assinatura, você apenas coloca o seu nome (ex: Kiko Frederico - ~~eu estava assistindo Chaves quando escrevi~~).

Viu como é fácil denunciar o plágio pelo Blogger ? Se você não sabe como encontrar alguém que te plagiou, leia o meu post anterior ( Copyscape - um recurso indispensável ).

Copyscape - um recurso indispensável

noreply@blogger.com (Denis Gomez) — Tue, 24 Jan 2012 22:09:00 -0200

O plágio dos blogs, infelizmente está acontecendo muito ultimamente! E fique sabendo que seu blog pode ser uma vítima desse crime. Mas aí você se pergunta - "Como vou saber se me plagiaram ?". - A resposta é uma palavra: Copyscape¹.

Para usar o Copyscape¹ é muito simples, assim que abrir o site vai aparecer a logomarca deles e um campo de busca como na imagem abaixo:

No campo de busca, você deve digitar a url completa de seu blog (ex: http://seublog.servidor.com/). Então irá carregar e aparecerá uma tela de resultados como esta (se alguém tiver te plagiado, caso contrário não aparecerá nenhum resultado):

Pronto, agora você pode ver quem te plagiou e qual foi o artigo! Assim poderá entrar em contato com o autor do plagio e resolver isto na conversa, ou pode denunciar (ensinarei no próximo artigo). Até mais.

-----------------------------------------------------------

¹Copyscape - http://www.copyscape.com/

Obs.: No meu caso, foi encontrado um plágio... Mas não entrei em contato pois o texto também não é original meu mas eu coloquei a fonte do post original!

Criando menu posicionado no topo do blog

noreply@blogger.com (Denis Gomez) — Mon, 23 Jan 2012 01:26:00 -0200

Neste post vou ensinar a criar um menu que fica bem no topo do seu blog, igual eu uso aqui no Tech And Blogger mas com estilos diferentes. Recomendo que use ele colocando os links de contato, termos, sugestões e essas coisas, pois ele ficará bem no topo do seu blog e também os links ficam alinhados à direita do template.

Para adicionar é bem simples, vá ao seu editor de HTML e procure pela seguinte tag:
</head>
Encontrando a tag, colo o seguinte código ABAIXO dela:
<style type='text/css'>



#menuprincipal2 {width:100%; height:30px; background-color:#06C; background-color:#333; border-bottom:#4682B4 solid 2px;}



.linksmtopo2 {font-family:Arial, Helvetica, sans-serif; font-size:15px; text-decoration:none; padding:5.5px; color:#FFFFFF; text-align:right;}



.linkstopo2 {height:30px; text-decoration:none; color:#FFFFFF; padding:7px;}



.linkstopo2:hover {background-color:#494949; border-top:#4682B4 solid 1.5px; padding:7px; height:30px; padding-top:4px; color:#FFFFFF; text-decoration:none;}

</style>





<div id='menuprincipal2'>

<div class='linksmtopo2'>

<a class='linkstopo2' href='#'>Edite o Link</a>

<a class='linkstopo2' href='#'>Edite o Link</a>

<a class='linkstopo2' href='#'>Edite o Link</a>

<a class='linkstopo2' href='#'>Edite o Link</a>

<a class='linkstopo2' href='#'>Edite o Link</a>

</div>

</div>

Pronto, seu novo menu está posicionado acima de tudo no blog.
É importante lembrar, que se você utiliza a navbar própria do Blogger este menu se posicionará acima dela também!

Campanha STOP SOPA - Participe

noreply@blogger.com (Denis Gomez) — Fri, 20 Jan 2012 21:40:00 -0200

Hoje, estou me juntando às grandes empresas como Google, Facebook, Yahoo, eBay, Microsoft, Adobe e Apple na campanha STOP SOPA, um projeto de lei que estenderia a censura do governo americano sob os sites de buscas, em um esforço para combater a pirataria online.

PARTICIPE VIA TWITTER CLICANDO NO BOTÃO

Tweet #STOPSOPA

O projeto deverá ser debatido na Câmara dos Deputados nos EUA, no próximo dia 24 de Janeiro e afeta diretamente a liberdade na internet e os direitos de propriedade intelectual. O Departamento de Justiça dos EUA, por exemplo, poderia emitir mandados judiciais para obrigar os motores de busca e outros sites a bloquear nomes de domínio ou resultados de pesquisa.

Via @PéDeCogumelo

Protesto SOPA é amanha.

noreply@blogger.com (Denis Gomez) — Tue, 17 Jan 2012 22:10:00 -0200

Depois de um bom tempo sem postar, por causa do lançamento do projeto Creation Blogger como eu citei no post anterior! Hoje vou trazer mais um post sobre tecnologia...

Como a maioria sabe, muitas empresas que fixam na internet prepararam um blackout para o dia 18.01.2011 na internet. Isto é um ato do protesto chamado SOPA (Stop Online Piracy Act).

Imagem por TechTudo

Vários sites grandes como Google, Wikipédia e Reddit estão participando do protesto, então é melhor prevenir com suas tarefas nestes sites!

Creation Blogger - Um projeto para 2012

noreply@blogger.com (Denis Gomez) — Thu, 12 Jan 2012 15:18:00 -0200

Olá leitores, hoje venho anúnciar um novo projeto que estou lançando! Se trata de um metablog que eu, o João Neto do Categoria Blogger e o Caio Vinicius do Tecnoblog estamos criando o blog Creation Blogger!

Clique na imagem para ir ao blog!

Sobre o blog:

O Creation Blogger é um metablog, ou seja, publicamos dicas e tutoriais para blogueiros personalizarem seus blogs! Acreditamos que com um bom trabalho podemos mudar a blogosfera, literalmente!

"O projeto foi idealizado por mim, Denis Gomez, pois sei que ninguém sabe tudo. Então decidi criar este blog com a intenção de levar mais conhecimento aos blogueiros que querem aprender. Mas como eu disse, ninguém sabe tudo, então chamei meus amigos João Neto e Caio Vinicius (ótimos blogueiros) para me ajudar e juntos oferecermos um conteúdo de mais qualidade." - Palavras por Denis Gomes.

Esperamos que visitem nosso blog, garantimos que valerá o clique. ;)

Como criar área de banners 125x125 acima dos gadgets

noreply@blogger.com (Denis Gomez) — Tue, 10 Jan 2012 23:16:00 -0200

Hoje, à pedido do meu amigo João Neto do Categoria Blogger, vou ensinar a criar uma área de banners 125x125 acima dos gadgets na coluna lateral do seu blog! Como tem aqui o Tech And Blogger.
É muito fácil adcionar, vamos ao tutorial:

Primeiro, vamos adcionar o CSS no blog. Para isso, coloque este código acima da tag ]]></b:skin>

/* Sidebar 125X125 ADS BANNER */

.sidebar_banner {

 margin:0px 0px 10px 0px;

 width:298px;

 background:#fff;

        border:1px solid #E3E3E3;

}



.sidebar_banner ul{

 list-style-type:none;

 margin: 2px 0px 0px 6px;

 padding: 0px 0px 15px 0px;

 width:290px;

 overflow:hidden;

}  

.sidebar_banner ul li{

 list-style-type:none;

 margin: 10px 4px 0px 7px;

 float:left;

 display:inline;

 background:#none;

        border:2px solid #E3E3E3;

        padding:0;

}

Feito isso, salve o modelo! Não fará nenhuma alteração ainda.
Agora vem a parte de modificações, selecione a opção 'Expandir Modelos de widgets' e procure pela seguinte linha:
<div class='column-right-inner'>

Encontrado, coloque o seguinte código abaixo dela:

<div class='sidebar_banner '>

<ul>

<li>

<a href='url-para-anunciar' title='Anuncie Aqui'><img alt=' Anuncie Aqui ' src=' http://clubedaimprensa.com.br/site/wp-content/uploads/publicidade/125x125.gif ' style='vertical-align:bottom;'/></a>

</li>

<li>

<a href='url-para-anunciar' title=' Anuncie Aqui'><img alt=' Anuncie Aqui' src=' http://clubedaimprensa.com.br/site/wp-content/uploads/publicidade/125x125.gif ' style='vertical-align:bottom;'/></a>

</li>

<li>

<a href=' url-para-anunciar' title='Anuncie Grátis!'><img alt='Anuncie Grátis!' src='http://clubedaimprensa.com.br/site/wp-content/uploads/publicidade/125x125.gif' style='vertical-align:bottom;'/></a>

</li>

<li>

<a href=' url-para-anunciar' title='Anuncie Grátis!'><img alt='Anuncie Grátis!' src='http://clubedaimprensa.com.br/site/wp-content/uploads/publicidade/125x125.gif' style='vertical-align:bottom;'/></a>

</li>

</ul>

<div class='clear'/>

</div>

Pronto, agora é só personalizar com os banners do seus parceiros!