Melhore a velocidade do seu blog

Há uns dois meses, eu começei a tentar baixar a velocidade do meu blog (UFO Nordeste), e consegui (um pouco). Comecei com algumas dicas do @compulsivo e depois do @sergioestrella.

Agora eu ensinarei a vocês, leitores, como baixar (um pouco) a velocidade do seu blog.

A primeira dica, é otimizar o CSS do seu blog. Por isso eu aconselho a utilizar o Clean CSS. Siga os passos abaixo e otimize o CSS do seu blog.

Como prevenir é melhor que remediar, eu aconselho que você faça uma cópia do template do seu blog.

1º - Acesse o Clean Css.

2º - Com sua conta aberta no Blogger, escolha seu blog e vá em DESIGN > Editar HTML e copie o css do seu blog. O css vai até ]]></b:skin>.

Clique na imagem para ampliar.

3º - Assim que abrir a página do Clean CSS, cole o css do seu blog no local onde está indicado em vermelho CSS AQUI.

Clique na imagem para ampliar.

4º - No menu ao lado, selecione HIGH (moderate readability...) e em seguida clique em Process CSS.

5º - O seu CSS vai ficar assim:

Clique na imagem para ampliar

6º - Copie o CSS Otimizado e cole no lugar do seu Css convencional.

7º - Visualize para ver se não deu nada errado. Se não clique em SALVAR MODELO.

Em breve trago mais um tutorial sobre otimização de blogs.

Template Blogger 2.0

Este novo template é uma versão melhorada do template antigo o TEMPLATE BLOGGER. Essa nova versão trás:

2 colunas ( 1 na sidebar, 1 post );

Retirada navbar;

3 colunas no rodapé;
Navegador Personalizado;
Logotipo oficial do blogger ao lado do titulo;

Pegue o código aqui.

Obs1:  Não retire os créditos !

Template Blogger

Decidi criar este template para homenagear o Blogger, é um template com:

3 colunas ( 2 na sidebar, 1 post );

Retirada navbar;

2 colunas no rodapé;

Pegue o código aqui.

Obs1:  Não retire os créditos !

templates, dicas, e acessórios para blogs.

Acho que todo blogueiro que leva um blog a sério tem interesse em blogs que disponibilizam ferramentas pra otimizar sua pagina, e dicas, diversas dicas para blogs.
Pois é este o motivo que venho indicar o blog Plaidy
lá vc encontra :
* templates
* dicas
* acessórios
* backgrounds
e mto mais!!

Com certeza visitando lá vc vai levar alguma coisa do blog contigo!

blog Plaidy

Postado por Ferrockxia do

Skins do Google ChromeOS para Sitema Operacional Windons

Pessoal Bom dia, Eu trouxe hoje alguns temas para deixar seu Windons com a Cara do Google Chrome, como já falamos aqui, os fãs do google crhome OS, vem desenvolvendo temas e templates para tudo quanto é coisa baseando se no navegador Cromado.

Então sem mais demoras veja a lista para Cromar todo o seu computador.



Veja os Skins que consegui na web!!!!

1. Google Chrome OS Xp Styles
   As janelas minimizadas ficam com estilo de abas vem o o papel de paredes incluso. Baixar
   
   

   Baixar

   
   
   
   
   
   

2. Thema Google Chrome OS Win Skin
   Neste outro todas as janelas ficam com o estilo Google Chrome. Baixar
   

   Baixar

   
   
   
   
   
   
   
   

3. Pele para Firefox Google Chrome
   Se você usa o firefox, deixe com as funcionalidades e aparência caracteristicas do google chrome e continue usando seu Firefox. Baixar
   

   Baixar

   
   
   
   
   
   

4. Temas da Comunidade de fans do Google Chrome
   
   Milhares de temas templates para mudar a cara do seu google chrome.
   
   
   acessar
   
   
   
   

5. Blogger Google Chrome Template
   

Você tem blogger, e é gostaria de ter um template estilo google chrome, agora você pode.

Acessar

Se você não sabe instalar os temas, visite: Personalizando os Temas do Windows .
Esta dica foi boa pra você? então comente!! aliás me siga no twitter: @Dicadedica

Transforme seu Mozilla Firefox no Google Chrome

Muitos usuários nem sabe da existência dos complemento para firefox e de como o bom uso pode melhorar bastante sua experiência.

Galera, eu não troco meu firefox tão cedo e o motivo é óbvio, o firefox é o navegador que tem mais pessoas customizando e melhorando o que me permite personaliza-lo ao máximo com utilitários que facilitam a vida, e nesta postagem eu irei ensinar a colocar no seu firefox toda a aparência e funcionalidade do navegador cromado do Google.

Qual a vantagem de transformar o firefox no google crome?

Na verdade o objetivo em fazer isso é somar utilidades...
de um lado o firefox que tem milhões de extensões e complementos exclusivos <=> e do outro o google crome com interface gráfica melhorada e fácil de usar.

Não sou contra o google crome só que para mim que ainda não encontro tudo que tenho no firefox e crio em mim esta resistência que talvez seja temporária e recomendo o seguinte:
Quando o Google Chrome tiver todas as funcionalidades do firefox passem para ele, em quanto isso o firefox vai continuar com seu reinado!

Para cromar o seu firefox eu recomendo baixar e instalar a versão Firefox 3.0.10 ou outra compatível.

Transformando o Firefox no Chrome

Chromifox
1 - Depois de instalar o firefox compatível instale o tema Chromifox, este tema já deixa seu firefox com os ícones e cores do Google Chrome.

Baixar e Instalar>>

Chromin Frame
2 - Agora para deixar o firefox com a barra de títulos e abas na mesma posição do Google Chrome instale o Chromi Frame

Baixar e Instalar>>

Speed Dial
3 - Sabe aquelas telinhas iniciais do Google Chrome que permite ver a miniatura dos sites mais acessados na tela? ela já existia para firefox e o nome dela é Speed Dial, recomendo esta porque é melhor customizada mais exitem outras inclusive que mais se parece com a do google crhome que esta é só procurar aqui.

Baixar e Instalar>>

Pronto com isto você já tem a aparência, agora alguns utilitários opcionais "característicos" do crhome!

1 - Hide Menubar

Para esconder os menus de título, (Mesma coisa que um f11 só que fica as abas e a barra de endereço visível)

2 - Download Statusbar ou Extended Statusbar

Tambem são extensões antigas ao crhome, porem muito utilizada, mostra o andamento do dowload na barra de status do firefox semelhante tambem no opera.

3 - Locationbar² e Locationbar Limit

Categories

Com a primeira você navega pela barra de endereço por exemplo na url http://dicas.dicadedica.com/search/label/Blogger+Tutorial irá aparecer links para a pagina inicial daquela url bem como para as palavras chaves em separado na barra de endereço do navegador e a segunda dá sugestões e transforma o a barra de endereço no campo google pesquisa.

4 - Brief

Você vai encontrar vários leitores de feed rss porem eu recomendo o Brief que é o que melhor me adaptei.

5 - Total ReChrome

Outra opção para transformar o firefox no google crhome e o total rechrome porem ainda em teste mais depois disto será recomendavel a instalação.

Agora 3 utilitários Google que vão além do Chrome e que depois de usar não vai ter volta, Experimente!

1 - GooglePreview

Visualize as miniaturas dos sites pesquisados no google reduza o tempo da sua procura.

2 - Gmail Manager

Veja quando entra mensagens novas no seus emails do google, ele verifica múltiplas contas do gmail e mostra o número de mensagens não lidas bem como resumo delas.

3 - gTranslate

Traduza frases e palavras selecionando-as e clicando com o auxiliar do mouse. Esta extensão usa o próprio google translate para aplicar esta funcionalidade.

e isso foi só para mostra um pouquinho do poder de fogo da raposa...

Agora comente a vontade,
seja para discordar, concordar ou para falar de alguma funcionalidade que não encontramos disponível ainda no crhome que não falta no seu firefox... Vlw.

Papel de paredes Para Organizar a Area de Trabalho

Depois de terminar o desingner do blog, e verificar que a maioria dos usuários também gostaram dele eu resolvi tranformar este designer em um papel de paredes, acho que por ele ser em tons de azul ele é perfeito para area de trabalho e pensei, será que a galera usaria isso como papél de paredes, porque já existem milhões e de outros protetores de telas maravilhosos e o que eu poderia fazer para deixalo mais atraente?

Primeiro pensei em colocar um calendário, mais vi que isso é cafona e desnecessário então resolvir fazer o papel de paredes para ajudar a organizar os arquivos soltos da area de trabalho e separei-os da seguinte forma:

1 - Meu Computador:

Islide para colocar os ícones referente ao sitema do computador como Lixeira, Locais de Rede e Meu computador.

2 - Meus Projetos:

Local para organizar os ícones de arquivos e pastas referentes a Projetos anteriores e que precisam ser eventualmente acessados.

3 - Em Uso:

Quadro para exibir os ícones dos últimos arquivos usados bem como outros icones que necessitam ser rapidamente visualizados.

4 - Programa:

Para colocar os programas que você costuma a utilizar com maior frequencia como por exemplo os programas do office 2007 ou o photoshop na imagem eu coloquei outros exemplos.

É isso mesmo, você tem a opção de baixar apenas o fundo sem as islides de organização.

Para baixar o papel de paredes dicadedica com as divisórias que ajudam a organizar o desktop clique na imagem abaixo:

Para baixar o papel de paredes dicadedica sem divisórias que ajudam a organizar o desktop clique na imagem abaixo:

Quando as imagens abrir é só clicar com o auxiliar do mouse e procurar por "Definir como plano de fundo" ou salvar na pasta WINDOWS e procurar por ela em propriedades de vídeo em papel de paredes.


Estes papeis de paredes acima são para widowns, MC ou Linux de resoluções em 124x768 mais tambem são compatíveis para outras resoluções desdeque não esteja em modo widnscreem, caso isto aconteça use o modo centralizado ou lado a lado para que não haja distorção na imagem.

Obrigado, qualquer dúvida é só comentar vlw, espero que tenham gostado.

DicaDeDica agora é .com

É com muito prazer que anuncio o novo endereço do blog, o endereço ficou mais fácil e com isso espero ganhar mais confiança dos leitores. Não vou citar nomes para não ser exclusivo, mais sempre vou ser grato a todos que me ajudaram a chegar até aqui e principalmente, agradeço a Deus que sempre será o meu norte e o motivo de sempre seguir em frente.

Hoje a dica é: dicadedica.com

Widget, Hack, Web 2.0, Mobilidade, Dinheiro, Blogs, Templates, e Outros Temas

novo slogan:

-----> VENHA E DESCUBRA UMA DICADEDICA <-----

Inserindo Gadgets nas Postagens do Blogger Blogspot

Olá pessoal, hoje vou ensinar para vocês, como colocar um Widget ou Gadget, chame como quiser, acima e abaixo das postagens do seu blog para isso antes de tudo faça sempre um backup do seu template para não correr o risco de fazer besteira: 1) Painel de controle 2) Layout 3) Editar Html 4)Baixar modelo completo. Pronto agora que já foi feito um backup pode seguir lendo

Inserindo um Widget Acima das Postagens:
É simples e rápido, depois de ter feito o backup do template conforme mencionado acima, você precisa acessar novamente:

• 1) Layout/
• 2) Elementos da página/
• 3) Insira um widget qualquer no lado esquerdo ou direito do seu template.
• 4) Coloque o mouse encima do widget criado e arraste até o a parte superior das postagens conforme a figura.
• 5) Salve e visualize

Inserindo um Widget Abaixo das Postagens:
Da mesma forma, depois de ter feito o backup do template conforme mencionado acima, você precisa acessar novamente:

• 1) Layout/
• 2) Elementos da página/
• 3) Insira um widget qualquer no lado esquerdo ou direito do seu template.
• 4) Coloque o mouse encima do widget criado e arraste até o a parte inferior das postagens conforme a figura.
• 5) Salve e visualize

Pronto, alguns templates que não são originais vocês vão necessitar de alguma programação, mais a maioria dos templates é só criar o Widget onde deixar e arrastar para cima ou para baixo ou para os lados, Alguns template dá até para colocar gadget no cabeçalho e rodapé somente com este procedimento. Espero ter ajudado Duvidas é só comentar. Vlw

Tutorial Hack -> Como dividir postagem em colunas

Oi, hoje vou mostrar essa dica fascinante que ensina como dividir a postagem em duas colunas, você vê por ai vários sites usando esse recurso e agora tambem vai poderá implementar esse recurso de layout de maneira fácil no seu blog:Sua postagem vai ficar dividida em duas colunas de texto iguais as que estão logo abaixo.

Modo 1- Desse modo, você terá que repetir o procedimento, sempre que desejar colocar mais colunas em novas postagens!

* 1 - Para começar copie o trecho de código que está em vermelho.

 <div style="float: left; WIDTH: 45%">

Texto da Esquerda </div>



<div style="float: right; WIDTH: 45%">
Texto da

Direita </div>



<div style="clear: both"></div>


* 2 - Crie uma nova postagem e na aba(guia) "Editar HTML" cole.
* 3 - Agora é só substituir os textos correspondentes ao lado direito e esquerdo das colunas.

Modo 2 - Desse modo, você vai ter o código das colunas sempre disponíveis ao criar novas postagens.


* 1 - Primeiro acesse o seu painel de controle do blogger e siga o caminho (configurações -> formatação -> e em formatação role a pagina até o final tera um campo de texto com o título "Modelo de postagem".

* 2 - Nesse campo cole o trecho de código que está em vermelho e salve as configurações.

* 3 - Quando for criar uma nova postagem, já aparecerá o código das colunas ai é só fazer a parte 3 do modo 1 que está tudo certo.



Moleza né, qualquer dúvida é só postar um comentário.

Modo 2 - Desse modo, você vai ter o código das colunas sempre disponíveis ao criar novas postagens.

* 1 - Primeiro acesse o seu painel de controle do blogger e siga o caminho (configurações -> formatação -> e em formatação role a pagina até o final tera um campo de texto com o título "Modelo de postagem".

* 2 - Nesse campo cole o trecho de código que está em vermelho e salve as configurações.

* 3 - Quando for criar uma nova postagem, já aparecerá o código das colunas ai é só fazer a parte 3 do modo 1 que está tudo certo.





Moleza né, qualquer dúvida é só postar um comentário.

Os melhores Templates para Blogger

Respondendo ao pedido adm do blog Downage
----------------------
Downage:
aaaaa se tu poder conseguir p/ mim o template do site do celuresaki ou dos muambeiros.net, ou então pelo menos o nome do template q eu me viro aqui..vlw abração
-----------------------
É totalmente antiético na blogosfera fornecer esse tipo de informação que pode ser prejudicial à imagem do DicaDeDica, mais em vez de fornecer o template do celuresaki ou dos muambeiros, em vez disso, vou mostrar uma lista que julgo ser de bastante ajuda.
Trata-se de uma lista com mais de 30 sites de templates gratuitos, essa lista foi conseguida no blog E-copiando que é um blog também voltado para o tema de criação de blogs.
acessando o link abaixo, com certeza o amigo adm Downage, vai conseguir um ótimo template para ele customizar e assim fornecer uma identidade ao blog.

Acredito que o blog para ter sucesso necessite de três coisas fundamenteis:

1 - Dedicação prazerosa e voluntária.
2 - Identidade visual
3 - Conteúdo exclusivo e de qualidade.

Alem do conteúdo o blog necessita de uma identidade visual e a customização do template é algo essencial no processo.

Link para a lista com os melhores templates para blogger blogspot:

.::.e-Copiando.::.: Templates Blogger - Os melhores

Agradecimentos especiais ao Downage que faz pedidos e ao E-Copiando que fornece assim como eu uma opção de linkar qualquer postagem de seu blog no nosso, fazendo isso temos sempre um PR (page rank) alto e uma blogosfera cada vez mais relevante.