CSS e HTML para blogueiros - Mundo Blogger

Olá pessoal, beleza?

Venho hoje falar de um assunto que é um terror para uns blogueiros e uma paixão para outros: aprender à trabalhar o CSS e HTML do blog.

A maioria dos blogueiros começa um blog com as funções básicas oferecidas pela plataforma escolhida. Só depois de um tempo, gasto com estudo e esforço, recursos mais interessantes são conhecidos.

Porém, quando se deparam com esses novos recursos, os blogueiros acabam não entendendo como utilizar alguns deles, pois muitos exigem modificações nos códigos dos templates. E neste cenário, com medo de mexer com algo novo e difícil de entender à princípio, os recursos são deixados de lado.

Por isso, andei pensando qual seria a melhor maneira de ajudar blogueiros que gostariam de aprender um pouco do universo dos códigos dos templates. A solução que me pareceu mais ideal foi a de compartilhar bons artigos existentes na web que tratassem o assunto de uma maneira clara e objetiva, oferecendo conteúdo de qualidade.

Foi então que me deparei nos artigos sobre CSS e HTML para a plataforma Blogger, escritos pela Vanessa do Mundo Blogger. Há muito tempo acompanho o trabalho dela e seus artigos se encaixam com excelência nos quesitos acima sitados.

Além do ótimo trabalho que ela faz no Mundo Blogger, ela está a frente do projeto Blogosfera Legalizada, junto com o Gustavo Freitas. Juntos, idealizaram o primeiro ebook colaborativo abordando o plágio na blogosfera.

- Dicas de um grande metablogger – Gustavo Freitas

- Plágio, o Ebook colaborativo da Blogosfera Legalizada

Seguem então, os links para esses artigos.

• Aprendendo CSS e HTML – Introdução


• CSS – Variable Definitions no Blogger


• CSS – Variaveis do Tipo Fonte


• Diferenças entre Margin e Padding


• Conhecendo a propriedade CSS “Text”


• Os Elementos Básicos do Blogger e suas variáveis


• Conhecendo a Propriedade CSS “Link”


• Propriedade CSS List – Objetos de Lista (ul,ol,li)


• Os Elementos de Página do Blogger

Esses são temas que esclarecerão e muito várias dúvidas referentes ao básico de CSS e HTML na plataforma Blogger. Futuramente, trarei mais artigos que possam ajudar mais, nesta e em outras plataformas, como o WordPress
e o Tumblr.

Espero que esses artigos ajudem você. Abraços e até a próxima.

Dispositivos móveis - seu blog precisa se preocupar, ou não?

Oferecer sempre as melhores opções de conteúdo para seus leitores não é mais exclusividade de sites e blogs de desenvolvimento web. Hoje em dia, todo blogueiro deve pensar nisso e oferecer soluções interessantes e práticas para seus leitores.

Layout Responsivo

Ultimamente o layout responsivo tornou-se a nova febre do desenvolvimento web. Mas ao contrário do que muitos pensaram, este assunto não definhou, pelo contrário: cresceu ao ponto de influenciar tudo relacionado à web.

O que é  layout responsivo?

O layout responsivo apresenta o conteúdo de um blog ou site adaptado ao tamanho da tela do aparelho utilizado pelo internauta. Então, independente de você acessar uma página no pc, tablet ou smartphone, o conteúdo irá se adaptar ao tamanho da tela, fazendo com que seja mais agradável de ler.

 

Saiba mais na apresentação da Bernard De Luna - Layouts Responsivos

Deu pra entender o que é, certo? Mas porque seu blog precisa de um layout responsivo? A verdade é que é imprescindível oferecer aos nossos leitores o melhor conteúdo da melhor maneira possível.

Imagina que chato quando seu leitor visitar seu blog no celular e ficar tudo pequenininho, estranho, dificultando a leitura. Se, por algum motivo, ele precise passar um tempo sem mexer no pc, usando a internet apenas no celular ou tablet, pode ser que ele não acesse seu blog nesse período.

Para saber como seu blog é visualizado em várias resoluções, utilize o Teste de Resolução do  Portal WP.

 

Veja algumas opções interessantes para que seu blog esteja disponível em todas as resoluções e alguns artigos sobre o assunto:

• Sites que criam versões móbile do seu blog - Mobify e Mofuse


• Prepare seu blog para dispositivos móveis - Quero Criar um Blog


• 10 Formas de criar uma versão mobile do seu site WordPress - Imasters


• Tudo sobre Layout Responsivo #01: Introdução Responsive Design - Ferramentas Blog


• Tudo sobre Layout Responsivo #02: Diferenças entre Layout Responsivo e Fluido - Ferramentas Blog


• 10 Layouts (Temas) Responsivos para WordPress - Ferramentas Blog


• Plugins responsivos para WordPress - Escola WordPress

Espero ajudar você com essas informações. Abraços e até mais!

Giro Blogosfera - Os melhores artigos de Janeiro 2013 / Tumblr

Fala pessoal!

O Giro Blogosfera traz hoje os melhores artigos de Janeiro de 2013 sobre a plataforma Tumblr. Os artigos não precisam ser escritos no mês 01/13. Seleciono os que achei mais interessantes nesse período.

Na lista de hoje temos desde dicas de SEO até menu slide. Espero que gostem.

Abraços!

• SEO no Tumblr - tratando de assunto sério - Tumble Tricks


• Redirecionar um tumblr para outro - Dicas Tumblrer


• Como trocar o ícone “Favicon” da barra de endereço do Tumblr. - Idéias Tumblr


• Video-aula:Como trocar de thema no TUMBLR. - Idéias Tumblr


• Usando o FeedBurner no Tumblr - Tumble Tricks


• Menu slide para Tumblr - Tumble Tricks


• 200 temas grátis para Tumblr: os melhores da internet - Curiosando


• As vantagensde utilizar o Tumblr - Quero Criar um Blog


• 20 Templates para Tumblr Magníficos! - Escola Criatividade


• Temas para Tumblr - Aprenda no Tumblr

5 Temas para Tumblr

Fala pessoal, beleza?

Seguindo na onda do Tumblr, separei cinco temas do site Snazz Space pra vocês. O Snazz Space é um site muito interessante, onde você encontra vários temas para baixar, de maneira muito simples.

Espero que gostem. Abraços!

 

EMO LOVE CIRCLES THEME



 

 

 

 

Baixar
Preview

PIANO KEYS STANDART THEME



Baixar
Preview 

LOVE ME KISS GRID THEME



Baixar
Preview 

 LIGHTNING SUNGLASSES TWO COLUMM THEME



Baixar
Preview 

LILAC FLOWERS STANDART THEME



Baixar
Preview 

Porque usar o Tumblr como plataforma do seu blog

O que é o Tumblr

Tumblr é uma plataforma de blogging que permite aos usuários publicarem textos,imagens, vídeo, links, citações, áudio e “diálogos”, a maioria dos posts feitos no Tumblr são textos curtos, mas a plataforma não chega a ser um sistema de microblog, estando em uma categoria intermediária entre o Wordpress ou Blogger e o Twitter. Os usuários são capazes de “seguir” outros usuários e ver seus posts em seu painel (dashboard).

Também é possível “gostar” (favoritar) ou “reblogar” (semelhante ao RT do Twitter) outros blogs. O sistema de personalização enfatiza a facilidade de uso e permite que os usuários usem tags especiais do sistema para criar seus themes.

Fonte: Aprenda no Tumblr.

O Tumblr é muito mais do que as pessoas pensam. É possível criar ótimos blogs nesta plataforma, blogs totalmente profissionais. O problema é que são poucos os tutoriais sobre o assunto, pois a maioria dos metabloggers se especializa em Blogger ou WordPress.

O único metablogger que conheço, que faz um trabalho digno sobre o Tumblr é o Talysson, que faz parte do Aprenda Blogando e é dono do blog Tumble Tricks. Ele mostra seu ponto de vista sobre a plataforma no artigo "O Tumblr é mais do que você vê".

Vantagens

O Felipe Silva do Quero Criar um Blog escreveu um artigo muito interessante, onde lista as vantagens do Tumblr. Segundo o Felipe, as vantagens são:

• Templates de qualidade


• Recursos próprios (como o reblogar)


• Fácil interação com as redes sociais


• Simples e competente

Recomendo a leitura do artigo completo, pois é de grande valor o conteúdo escrito pelo Felipe - As vantagens da plataforma Tumblr.

Desvantagens

Uma grande desvantagem que essa plataforma tem é o grande preconceito que existe por ela por parte de grande parte dos blogueiros (situação que aos poucos está diminuindo, com o crescimento da plataforma).

Outro contra que existe sobre o Tumblr é a primeira impressão que ficou dele, onde a plataforma foi vista como uma forma a mais de divulgação, visto que é possível inserir botões de compartilhamento de artigos do Tumblr nas demais plataformas, como o Blogger e o WordPress.

Espero que o artigo seja útil para quem tenha interesse nessa plataforma. Deixo meu tumblr para quem quiser seguir: http://rodrigozandonadi.tumblr.com.

Abraços a todos!

Quatro Dicas para o arquivo .htaccess

Fala pessoal. Este é o primeiro artigo de uma série de artigos que trarão algumas dicas sobre o arquivo  .htaccess.

O arquivo .htaccess é muito importante no WordPress. É nele que são salvas as estruturas de links permanentes e algumas configurações de plugins. Se você tem dúvidas do que é e de como criar seu arquivo .htaccess, leia este artigo do Guga Alves no Tudo para WordPress - Criando o arquivo .htaccess em seu Windows.

Navegando na internet, encontrei várias dicas interessantes para o arquivo .htaccess. Listei-as abaixo, com os respectivos links.

Removendo o /category/ dos links permanentes do seu blog

Adicione a seguinte linha ao seu arquivo .htaccess e salve:

RewriteRule ^category/(.+)$ http://www.meublog.com/$1 [R=301,L]

Substitua "www.meublog.com" pelo url do seu blog. Fonte: Tudo para WordPress.

Mudando o link de login do seu blog

Adicione a seguinte linha ao seu arquivo .htaccess e salve:

RewriteRule ^login$ http://www.meublog.com/wp-login.php [NC,L]

Substitua "www.meublog.com" pelo url do seu blog. Fonte: Tudo para WordPress. Dica: acesse o artigo e leia a explicação do Guga sobre esse código. Vale a pena.

Remover o www na url do seu blog

Adicione o seguinte código ao seu arquivo .htaccess e salve:

RewriteCond %{HTTP_HOST} !^meublog.com$ [NC]
RewriteRule ^(.*)$ http://meublog.com/$1 [L,R=301]

Substitua meublog.com pelo url do seu blog. Fonte: Imasters.

Protegendo seus arquivos .htaccess e wp-config.php

Com o código abaixo, você protege esses arquivos contra invasões. Basta adicioná-lo no seu arquivo .htaccess e salvá-lo:

order allow, deny
deny from all

Fonte: Mestre WordPress.

Abraços e até o próximo artigo!