Blog - Aprenda a Criar e Administrar

Quer se tornar um blogueiro como muitos que já possuem seus blogs e publicam artigos excelentes? Acompanhe tutoriais e dicas para você criar passo a passo o seu blog e administra-lo lidando com templates, html, SEO e outros recursos essenciais.

Monetização

Aprenda o que é monetização de blogs e como ganhar dinheiro com seu blog na internet com métodos comprovados e dicas que realmente funcionam. Isso não é mito e muitos blogueiros estão faturando muito dinheiro com seus blogs por ano; quer saber como?

Divulgação e Otimização

Aprenda técnicas e conheça ferramentas de como melhorar o desempenho de seu blog e alcançar o máximo de visitas possíveis e leitores. Domine serviços, softwares, redes sociais e use tudo isso em favor do crescimento de seu blog na web.

Criação de Artigos

Domine a arte de escrever artigos desde a escolha de nichos até a produção final e publicação dos mesmos em seu blog. Aprenda técnicas de como escrever bem, estar sempre inspirado, como usar as ferramentas dos painéis de composição e a dominar bem o assunto que expor em seu blog.

Profissionalize seu Blog

Aproveitando a oportunidade... Você pode contar com os serviços da Ricardo Arts para criação de templates personalizados, ícones, banners, montagens, backgrounds, cabeçalhos e publicidade para deixar seu blog mais profissional e conhecido na web. Visite nossa página e leia mais detalhes no blog Ricardo Arts.

quinta-feira, 11 de abril de 2013

Wordpress - Seu blog em dispositivos móveis

Wordpress Dispositivos Móveis
A onda de dispositivos móveis esta muito grande em nosso século e isso alerta os donos de sites e blogs a pensarem na questão de otimização e melhor acessibilidade por parte dos leitores em seu blog.

Já nos computadores e notebooks surgem dificuldades mesmo em telas maiores. Há divergências entre um aparelho e outro causando o não carregamento ou criando barras de rolagem que são um saco...

Mas o Wordpress possui também algumas configurações básicas para deixar seu blog mais compatível com estes dispositivos móveis, como tablets, smartphones, iPhones, iPads, iPods e mais.

Vou mostrar como configurar estes recursos e melhor o acesso por parte de seus leitores ao seu  blog.

Configurando seu Blogs para Dispositivos Móveis

Faça os passos frequentes para chegar até o recurso que estaremos analisando hoje neste artigo. Acesse o Wordpress > Faça login > Clique no link "Meus Blogs" > Depois em "Mudar Aparência" e no menu lateral esquerdo do painel vá em "Móvel".

Você verá uma página com alguns recursos onde você deverá marcar ou não cada opção. Até este artigo estas informações estavam em inglês; por isso estarei traduzindo aqui e explicando para que serve cada uma delas. Confira:

1.  Ativar tema móvel - Nessa primeira opção você ativa o tema móvel que funciona como um templates responsivo alternativo para os dispositivos móveis. Mesmo que seu tema atual não seja, quando alguém acessar verá um template responsivo.

2. Sempre mostrar posts na página inicial -  Marcando essa opção, os leitores verão artigos na primeira página.

3. Mostrar trechos na primeira página e nas páginas de arquivo em vez de mensagens completas - Isso ativaria o famoso resumo de postagens.

4. Desligue a cor do texto de cabeçalho personalizado? (Selecione "Sim" para usar o tema padrão do móvel cor do texto preto cabeçalho) - Dispensa explicação não é mesmo?

Depois de configurar como bem desejar as opções de mobilidade do Wordpress para seu blog, clique em "Atualizar".

Se você quiser ainda poderá encontrar aplicativos para diversas plataformas de dispositivos móveis como iOS (iPhone, iPad, iPod Touch)AndroidBlackBerryWindows Phone, e mais!

Agora seu blog Wordpress está equipado para dispositivos móveis sem complicações! Assine nosso feed e não perca as atualizações do Processo Blogs.


Sobre o Autor:
Ricardo F.S Ricardo F.S é administrador da empresa Ricardo Arts em Valparaíso e dos blogs Blog Ricardo Arts,Dinheiro sem Limite e Processo Blogs na internet. Possui curso completo de informática e internet e possui anos de conhecimento com blogs. Atualmente trabalha como letrista, desenhista e pintor; prestando serviços também na web com design. Para saber mais clique aqui.


quarta-feira, 10 de abril de 2013

Blogger - Novo recurso de edição de HTML?

HTML Blogger
Notícia interessante! Estava gerenciando alguns de meus blogs no Blogger; atualizando e melhorando algumas coisas quando me deparei com algo interessante que de imediato pensei ser um bug ou coisa do tipo, mas depois constatei que realmente não era.

Ao acessar o painel de edição de HTML do blog, percebi logo grandes mudanças nos recursos e na interface do mesmo. O recurso realmente ganhou muitas novas funcionalidades e está bem mais profissional do que a versão anterior.

Achei muito interessante e apesar de não ser ainda oficial  (pelo menos até este artigo), eu resolvi me adiantar e publicar as novidades que adicionaram ao recurso.

Novos Recursos de Edição de HTML

Eu tirei um print da tela e vou deixá-lo aqui para que você possa acompanhar o que mudou e oque há de novo na edição de HTML.

Para quem não esta familiarizado do assunto. Esta área é onde se fazem as alterações de HTML na estrutura geral de seu blog. Este recurso recebe o nome de "Modelo". Confira como esta o novo visual na imagem capturada abaixo:

Painel de Edição de HTML Remodelado
Imagem capturada do recurso de edição de HTML remodelado. Clique para ampliar. 
Na sequência que estarei mostrando abaixo, o que há no painel remodelado mostrado acima. A sequência seguirá da esquerda para a direita, começando pelo botão "Voltar".

Antes porém, faça os procedimentos básicos para se chegar até o painel. Acesse o Blogger > Faça login > Escolha um blog > Vá até "Modelo" > Clique no botão "Editar HTML". Infelizmente não garanto que este painel apareça para todos, mas acredito que para alguns já deve estar liberado.

Confira abaixo as novidades:

1. Voltar - Nesse botão, você retrocede uma etapa no painel de edição.
2. Ir para um Widget - Nesse botão você pode localizar rapidamente um widget específico dentro do código HTML. Nele há uma lista suspensa com os títulos de todos os widgets existentes!
3. Editar Modelo - Abre o modo HTML para edição no código.
4. Visualizar Modelo - Neste botão você confere como esta ficando as edições em modo de visualização comum.
5. Formatar Modelo - Ao que tudo indica, esse botão expande mais os códigos para melhor edição.
6. Reverter Alterações - Reverte mudanças que você fez antes de salvar.
7. Reverter Modelos de Widget para o Padrão - Dispensa explicação não é mesmo? Mas só para quem ainda não entenda; esse botão reverterá a estrutura de seu blog aos padrões de widgets da plataforma.
8. Expansão dos Códigos - Não é botão, mas sim as pequenas setas localizadas do lado esquerdo dos códigos HTML dentro do código geral. Quando clicar nelas, o código será expandido e visto completamente.
9. Leitura Dinâmica - Notou que todos os códigos agora estão coloridos como no Dreamweaver e outros programas de edição de HTML? Isso facilita em muito a identificação dos mesmos.
10. Salvar Modelo - Deixei por último por que você já sabe que serve para aplicar as mudanças feitas.

Detalhes Observados

Existem alguns detalhes que pude observar no pouco que usei o painel. São detalhes simples, mas que podem fazer muita falta na hora de se trabalhar no HTML.

Um deles é o recurso de busca de tags e códigos que continua o mesmo; bastando apenas teclar simultaneamente CTRL + F dentro do código para abrir a ferramenta de busca.

Mas um fator preocupante que notei advindo desta mesma ferramenta é o fato de não mais numerar as ocorrências das palavras procuradas como antes acontecia. Isso deixa um trabalho maior para ser executado, procurando linha por linha pelas palavras marcadas em amarelo.

Antes, bastava buscar e todas as ocorrências apareciam numeradas e bastava ir clicando na seta que pulava automaticamente palavra após palavra até na última. Espero que observem isso...

Mas no demais, reforço que não é uma certeza ainda esse novo painel. Pode ter sido apenas um flagra de um teste ou realmente eles anunciem em breve estes novos recursos. Eu particularmente achei estranho ver o recurso  em funcionamento em um dos meus blogs mais bichados e sem tantas visitas; resumindo: sem destaque.

Talvez isso tenha ocorrido porque troquei o template do mesmo e isso pode ter servido de liberação do recurso para que eu pudesse já trabalhar com o mesmo. De qualquer forma a Google sempre trabalhou assim mesmo; liberando os recursos para os usuários por etapas e gradualmente.

E para você, o novo painel já semostrou ou ainda não? Se sim, poderia me dar sua opinião sobre o que achou das mudanças?


Sobre o Autor:
Ricardo F.S Ricardo F.S é administrador da empresa Ricardo Arts em Valparaíso e dos blogs Blog Ricardo Arts,Dinheiro sem Limite e Processo Blogs na internet. Possui curso completo de informática e internet e possui anos de conhecimento com blogs. Atualmente trabalha como letrista, desenhista e pintor; prestando serviços também na web com design. Para saber mais clique aqui.


terça-feira, 9 de abril de 2013

Wordpress - Mudar o design de seu blog

CSS Wordpress
Neste artigo vou ensinar como mudar cores, fontes e lidar com códigos CSS em seu blog Wordpress. Afinal, todos nós queremos que nossos pertences fiquem com a nossa cara e nosso estilo não é mesmo?

O Wordpress também possui sua área onde você pode editar várias áreas da estrutura de seu blog com padrões pré-definidos ou usar ainda mais personalização com códigos CSS que pode inserir no código fonte do mesmo.

São recursos bem legais e simples de se trabalhar e em minutos seu blog já estará com outra aparência. Se você é do tipo que gosta de mexer naquilo que é comum e simples demais. Este artigo vai servir bem para você. Mãos à obra?

Acessando a Aba de Personalização do Design

Vou mostrar cada sessão em separado, por isso quero fazer a introdução com o caminho básico de acesso à plataforma, seguido do login e da escolha do blog a ser editado.

Feito essas passos básicos, basta clicar em "Mudar Aparência" e no menu lateral esquerdo da página que se abrir, selecione a aba "Design Personalizado".

Tudo certo? Então verá uma página com os recursos de edição de cores, fontes e aplicação de CSS. Vou mostrar cada um deles separadamente para ficar bem claro.

Na página que você estará acessando, existem dois modos de visualização de cada ferramenta de edição. São eles "Preview for Free" onde poderá ver as edições enquanto as aplica e a visualização apenas dos recursos, quando acessa pelas abas.

Alguns modelos de templates podem não ter suporte aos recursos de edição e personalização de cores.

Editando as Fontes em seu Blog

Antes de mais nada, é preciso saber que este recurso não esta disponível na versão grátis do Wordpress; apenas para os planos pagos.

Ao clicar no botão "Preview for Free" ou na aba "Fontes" na página, você terá diante de você alguns bons recursos para personalizar o conjunto de fontes que se encontra em seu blog.

Você pode alterar as fontes do título, dos cabeçalhos e do corpo do texto separadamente. Lembrando que este recurso também disponibiliza serviços premium onde você poderá comprar o tema personalizado como seu; clicando em "Save fonts and purchase".

A variedade de fontes é bem vasta e você pode escolher qual quiser. Mas nunca se emocione demais e tente conciliar as fontes usadas em cada lugar para não criar diferenças notáveis e contradizentes.

Editando as Cores de seu Blog

Para visualizar as ferramentas de edição de cores de seu blog, basta clicar em "Preview for Free". Seu blog se abrirá com recursos de edição das cores do template na lateral direita da tela.

Você pode mudar as cores somente com os conjuntos de cores já criados pelo Wordpress. Clicando em "Carregar Mais" poderá ver mais opções de cores para aplicar em seu blog.

Se já escolheu que cores vai usar em seu blog e já aplicou, clique em "Salvar Mudanças".

Editando ou Adicionando CSS em seu Blog

Este recurso também está disponível para uso total somente nas versões pagas do Wordpress. Você poderá ajustar e mexer nos recursos, mas não poderá salvar as alterações feitas. Infelizmente...

Acessando a aba "CSS" ou clicando no botão "Preview for Free" você terá acesso aos recursos de edição de seu blog pelo CSS.

Além de poder aplicar códigos extras em seu código fonte, poderá definir o tamanho da largura do template atual em "nome"; definindo em pixels na caixa.

Em "Fresh Start" você pode marcar se esta usando ou não o código CSS original do tema em seu blog. Marcando a opção "On Mobile" seu tema ficará adaptado aos aparelhos móveis também.

Em "Pré Processador" você define o pré processador de CSS para ajustar possíveis incompatibilidades entre os códigos base e o aplicado, ou deixar o código mais bonito.




Sobre o Autor:
Ricardo F.S Ricardo F.S é administrador da empresa Ricardo Arts em Valparaíso e dos blogs Blog Ricardo Arts,Dinheiro sem Limite e Processo Blogs na internet. Possui curso completo de informática e internet e possui anos de conhecimento com blogs. Atualmente trabalha como letrista, desenhista e pintor; prestando serviços também na web com design. Para saber mais clique aqui.


segunda-feira, 8 de abril de 2013

Wordpress - Mudando o plano de fundo de seu blog

Background Wordpress
O background ou plano de fundo de seu blog é a área básica da estrutura de seu blog. Seria literalmente o fundo que você visualiza nas páginas de seu blog, com ou sem imagem.

Mudar o plano de fundo do blog é bem interessante e deixa seu espaço mais personalizado e característico de sua empresa ou negócio online. Você pode diversificar nas cores ou simplesmente colocar uma imagem ou foto como bem entender de plano de fundo.

Vamos ensinar neste artigo como editar o plano de fundo de seu blog Wordpress para deixar ele aproximadamente conforme seu desejo. Lembrando que se quiser também imagens mais profissionais e otimizadas para usar de background em seu blog Wordpress ou Blogger, nós também criamos para você.

Editando o Background de seu Blog

Faça todos os procedimentos repetidos sempre antes de qualquer tutorial ou passos a serem seguidos. Acesse a plataforma Wordpress, faça login e entre em "Meus Blogs". Prossiga com os passos abaixo:

1. No blog que for fazer as mudanças, clique em  "Mudar Aparência";
2. No menu lateral esquerdo, clique em "Fundo" para altar seu plano de fundo;
3. Você verá na página que se abrir, dois recursos para inserir imagens de seu computador e outro para alterar apenas a cor do plano de fundo para outras;
4. No caso de usar imagem de seu computador, configure posicionamento e repetição da mesma e se ficará fixa ou não quando rolar a página;
5. Feita as alterações, basta apenas clicar em "Salvar Alterações".

Depois de salvar, visualize seu blog e veja como ficou. Se gostar deixe como esta, caso contrário poderá mudar tudo pelo mesmo caminho.

Com estes procedimentos seu blog ficará mais a sua cara ou de seu negócio; além de ficar também com um ar mais descolado. Se você gostou desse artigo e lhe foi útil, ajude outras pessoas também compartilhando nas redes sociais, muito obrigado!

Não perca por nada nossos próximos artigos; pois tem muito de Wordpress para rolar ainda por aqui no Processo Blogs.





Sobre o Autor:
Ricardo F.S Ricardo F.S é administrador da empresa Ricardo Arts em Valparaíso e dos blogs Blog Ricardo Arts,Dinheiro sem Limite e Processo Blogs na internet. Possui curso completo de informática e internet e possui anos de conhecimento com blogs. Atualmente trabalha como letrista, desenhista e pintor; prestando serviços também na web com design. Para saber mais clique aqui.


sábado, 6 de abril de 2013

Wordpress - Editando o cabeçalho do blog

Cabeçalho Blog Ricardo ArtsAgora vamos ensinar como editar o cabeçalho de seu blog no Wordpress em poucos passos. Não sabe o que é um cabeçalho? É a parte superior de um blog onde geralmente fica a logo com o título e o menu de navegação; as vezes banners publicitários.

Criar um cabeçalho na verdade cabe a você mesmo fazer isso, mas se não tenha a manha poderá contratar serviços profissionais para isso. Aproveito para oferecer nossos serviços de criação para a web que blogueiros já tem contratado e gostaram do resultado final.

Um cabeçalho bem feito é a cara de seu blog profissionalmente falando. Ou ele fica bonito ou fica feio; transmite profissionalismo ou não. Mas essencialmente neste artigo estaremos apenas ensinando como lidar com o cabeçalho de seu blog.

Editando o Cabeçalho de seu Blog

Vamos antes de mais nada com os procedimentos básicos que são acessar o Wordpress; fazer login; entrar na área de seus blogs e clicar em "Mudar Aparência". Feito isso, prossiga com os seguintes passos abaixo:

1. No menu lateral esquerdo escolha "Cabeçalho";
2. Um página se abrirá com algumas poucas opções que são:
  • Visualizar - Onde você pode ver como esta seu cabeçalho atual.
  • Selecionar Imagem - Onde poderá escolher uma imagem em seu computador ou em sua biblioteca de  mídia no Wordpress. A imagem deve ter 300 píxels de largura e 100 pixels de altura.
  • Texto do Cabeçalho - Caso não vá usar imagem, poderá editar o texto e sua cor nesse recurso.
3. Feito conforme sua vontade, salve as alterações clicando em "Salvar Alterações".

Agora seu blog já terá um cabeçalho mais organizado. Sempre que quiser fazer alterações ou melhorias, basta apenas acessar esta área novamente e configurar como bem entender.

Satisfeito? Assine as atualizações e divulgue nas redes sociais; ficarei muito grato por isso... Até o próximo artigo sobre Wordpress!



Sobre o Autor:
Ricardo F.S Ricardo F.S é administrador da empresa Ricardo Arts em Valparaíso e dos blogs Blog Ricardo Arts,Dinheiro sem Limite e Processo Blogs na internet. Possui curso completo de informática e internet e possui anos de conhecimento com blogs. Atualmente trabalha como letrista, desenhista e pintor; prestando serviços também na web com design. Para saber mais clique aqui.



sexta-feira, 5 de abril de 2013

Wordpress - Criando menu em seu blog

MenuPreparado para dar mais alguns ajustes em seu blog Wordpress? Nesse artigo ensinaremos como criar um menu para seu blog sem complicações ou dores de cabeça, tudo detalhadamente.

Se chegou agora e não sabe o que esta acontecendo, basta assinar nosso feed de notícias e receberá todas as atualizações em casa. Estamos numa série de publicações sobre o Wordpress para auxiliar blogueiros dessa plataforma e ajudar eles e não ficar apoiando...

Você aprenderá em apenas três etapas como criar seu menu no Wordpress. "Siga-me os bons!"

Criando Menu para o Blog

Vou explicar como sempre, bem detalhadamente, mas sempre seguindo o esquema sequencial das etapas. Faça como indicado e se dará bem...

1. Abra o Wordpress e faça todos os procedimentos de login;
2. Dentro de sua conta clique em "Meus Blogs" e escolha qual blog quer criar seu menu;
3. Escolheu? Clique em "Mudar Aparência";
4. No painel que se abrir, procure no canto esquerdo por "Menus";
5. Abaixo você confere a imagem da página onde estão os recursos de criação de menus:

Recurso de Criação de Menus
Observe a simplicidade dos recursos de criação de menu. Clique para ampliar.
As indicações acima marcadas na imagem são básicas e por isso não são exclusivas. Pode existir casos em que o próprio template, por exemplo tenha recurso para mais menus e apareçam mais recursos. Mas nada com que se tenha de coçar a cabeça; pois todas as configurações são muito simples mesmo.

A. Título do Menu - Onde você insere um nome para seu menu; liberando assim outras configurações para o mesmo.
B. Links Personalizados - Nessa área você pode adicionar quantos links quiser e precisar.
C. Páginas - Onde você pode adicionar páginas já criadas ao seu menu personalizado;
D. Categorias - Se quiser poderá também adicionar as categorias a este menu.

Nessa mesma página de recursos de criação de menus, você também encontrará no topo da página em uma  aba intitulada "Opções de Tela" alguns recursos a mais para marcar e os mesmos aparecerem nos recursos mostrados na imagem.

Mostrei apenas estes porque já ilustravam de uma forma geral os recursos principais para se criar seu menu.

Quando você cria um menu em seu blog estará facilitando a vida de seus leitores que navegam em sua página; pois encontrarão facilmente o que precisam nesse menu. Você pode depois de criar seu menu reorganizá-lo entre os demais Widgets usando os  recursos próprios em "Widgets", como mostrei em outro artigo:


                                                                                                                                                                        


Sobre o Autor:
Ricardo F.S Ricardo F.S é administrador da empresa Ricardo Arts em Valparaíso e dos blogs Blog Ricardo Arts,Dinheiro sem Limite e Processo Blogs na internet. Possui curso completo de informática e internet e possui anos de conhecimento com blogs. Atualmente trabalha como letrista, desenhista e pintor; prestando serviços também na web com design. Para saber mais clique aqui.



terça-feira, 2 de abril de 2013

Wordpress - Como inserir e gerenciar widgets

WordpressHoje você aprenderá a como inserir e lidar com widgets em seu blog Wordpress. Como já deve saber, os widgets são pequenos aplicativos que servem de utilidades em seu blog para uso pessoal ou para benefício de seus leitores que acessem seu  blog.

Já publicamos sobre toda a plataforma com seus recursos e ferramentas e como criar sua conta na mesma. Agora estaremos mostrando como  lidar com a aparência de seu blog Wordpress. Especificamente neste artigo você aprenderá como  inserir widgets em seu blog e deixarei novamente mais algumas dicas sobre otimização que devem acompanhar esse artigo.

Preparado para deixar seu  blog Wordpress com a sua cara? Então vamos tentar fazer tudo organizadamente e sem exagerar na dose.

Inserindo Widgets no Blog Wordpress

Os procedimentos de login e seleção do  blog a ser editado são sempre os mesmos e por isso estarei indo direto ao assunto. Simplesmente você acessa a plataforma, faz login e seleciona o blog em sua lista de blogs para seguir com os passos abaixo:

1. Escolheu o blog? Clique no link "Mudar Aparência";
2. No menu à esquerda, clique no link "Widgets";
3. Uma página com 44 widgets para você escolher. Arraste-os para a barra lateral à direita para inserir na sidebar de seu blog.

Cabe aqui uma dica bem conhecida. Apesar de ter tantos recursos à sua disposição, procure estar focado nas prioridades de carregamento de seu blog e estética. Não coloque coisas como music player se realmente isso não for útil nem para você ou seus leitores.

Procure colocar apenas o essencial para não pesar seu template, atrapalhando assim no carregamento de seu blog; que acarretará e, perca de leitores que não suportam esperar pouco mais do que  6 ou 7 segundos...

Gerenciando os Widgets

Depois de inserido os widgets na sidebar. Você ainda pode editá-los ou até mesmo excluí-los. Basta clicar na pequena seta no canto de cada um deles que as opções disponíveis serão exibidas. Confira na imagem abaixo:

Recurso de Edição de Widgets


Observe que você pode renomear, excluir e fazer outras mudanças em cada um deles. Se quiser reorganizar o posicionamento dos mesmos, basta apenas clicar, arrastar e soltar para a nova posição.

Dependendo do widget que for editar, ele terá suas   peculiaridades de informações a serem inseridas ou editadas.

Agora seu blog já passou a ficar mais equipado com estes widgets. Na verdade nas versões pagas há muito mais recursos do que estes, mas para começar estes servem.

Fique de olho porque mais novidades virão de como estruturar seu blog Wordpress aqui no Processo  Blogs.




Sobre o Autor:
Ricardo F.S Ricardo F.S é administrador da empresa Ricardo Arts em Valparaíso e dos blogs Blog Ricardo Arts,Dinheiro sem Limite e Processo Blogs na internet. Possui curso completo de informática e internet e possui anos de conhecimento com blogs. Atualmente trabalha como letrista, desenhista e pintor; prestando serviços também na web com design. Para saber mais clique aqui.