Como criar um blog profissional parte V – Gadgets e edição de HTML / Template

Programa de Afiliados Clickmagic

Gadgets e edição HTML / Template

Entendendo o crescimento cada vez maior da bloguesfera e a expansão dos negócios neste segmento, e o avanço das técnicas relacionadas a este mercado, este post é a continuidade de uma série de postagens aqui no blog Publicidade na web ensinando como criar um blog profissional, desde as etapas mais básicas como criação de conta até estágios mais avançados, como rentabilização, prática de SEO e divulgação.


Esta série entitulada Como criar um blog profissional possuirá aproximadamente 15 artigos, onde no final você leitor estará habilitado a praticar blogagem de forma profissional e visar a rentabilização.

blog-profissional


Artigos da série:

Como criar um blog profissional parte I – Cadastrar na plataforma Blogger (blogspot)
Como criar um blog profissional parte II – Criar um blog na plataforma Blogger
Como criar um blog profissional parte III - Criar / programar postagens e muito mais
Como criar um blog profissional parte IV – Gerenciar comentários e configurações do Blogger
Como criar um blog profissional parte V - Gadgets e edição de HTML / Template
Como criar um blog profissional parte VI – primeiros passos SEO
Como criar um blog profissioanl parte VII – Criar e configurar uma conta Adsense
Como criar um blog profissional parte VIII – Utilizar hacks blogger
Como criar um blog profissional parte IX – Gerando e utilizando estatísticas
Como criar um blog profissional parte X – Rentabilização de blog

 

Elementos da página

Acesse sua conta do Blogger e vá em Design – Elementos da página.


elementos-da-pagina


Será então exibida uma janela com os elementos de seu blog.


pagina


Nesta tela é que faremos a inserção, edição e exclusão dos gadgets de nosso blog. Repare que o blogger divide esta área em sub-áreas, como o topo, corpo, barra lateral, rodapé e etc (baseado no fonte HTML do blog). Veja também que em áreas como barras laterais e rodapés, o blogger disponibiliza a opção Adicionar um Gadget. Para criar um gadget clique neste link. Será então aberta uma janela com as seguintes opções que o blogger fornece:

- Postagens Populares: São as postagens mais acessadas de seu blog. O blogger permite a inserção de um gadget que automaticamente faz esta seleção;

- Estatísticas do blog: Gadget que exibe algumas estatísticas que o blogger oferece para que você disponibilize para seus leitores visualizarem;

- Páginas: O blogger exibie uma lista de páginas autônomas de seu blog (recurso interessante para diminuirmos nossa taxa de rejeição);

- Adsense: Exibe anúncios do Adsense para rentabilizarmos nosso blog;

- Seguidores: Área para que seus leitores começem a seguir seu blog através do Google Friends;

 

banner_wibi

 

- Caixa de pesquisa: Caixa para que seus leitores consigam pesquisar algum conteúdo em seu blog e encontrar o que procura;

- HTML / Javascript: Gadget que permite que você insira um script seu ou de terceiros. Muito útil para quem conhece HTML, Javascript ou quem possui scripts que são disponibilizados para sites com o objetivo de aumentar sua interatividade;

- Texto: Área simples para que você insira um texto que desejar;

- Imagem: Área para que você insria uma imagem qualquer;

- Apresentação de Slides: O blogger permite que você insira uma apresentação que você deseje disponibilizar;

- Barra de vídeo: Você consegue inserir um vídeo em seu blog de forma que seus leitores não necessitem sair para assistí-lo. Porém, este vídeo deve estar no Youtube ou no Google vídeo;

- Enquete: Você pode montar enquetes e interagir com seus leitores;

- Lista de blogs: Lista todos os blogs na qual você é seguidor para que sejam exibidos para seus leitores;

- Lista de links: Você pode adicionar vários links que achar útil para disponibilizar para seus leitores;

- Lista: Você pode adicionar uma lista de livros e filmes favoritos, ou de qualquer outra coisa.

- Feed: Área para disponibilizar um serviço de Feed para seus leitores;

- Reportagem: Adicione automaticamente manchetes atuais do Google Notícias ao seu blog;

- Marcadores: Esta é uma forma de você disponibilizar suas postagens por categorias. O blogger exibe todas as categorias para organizar seus artigos. Para isso, é necessário que ao criar as postagens você selecione qual o marcador ela faz parte. Mais informações no artigo II desta série;

- Links de inscrição: Através deste gadget, você permite que seus leitores se inscrevam com maior facilidade em leitores de feed conhecidos;

- Logotipo: Permite você exibir seu logotipo;

- Perfil: Mostra os dados de seu perfil do blogger para seus leitores. Já vi muito em rodapés de blogs;

- Arquivo do blog: É um arquivo com todas suas postagens. Normalmente é dividido por ano e mês, variando de acordo com o que esta definido nas configurações de seu blog;

- Cabeçalho da página: Permite você mostrar o título e descrição do seu blog, normalmente utilizado no topo de cada blog;


banner_wibi


Reparem que quando inserimos um gadget ele já aparece na tela de elementos da página e podemos deslocá-los e alterar o posicionamento com outros gadgets. Após realizar estes posicionamentos, não esqueça de clicar em Salvar no botão no canto superior direito da página.

Estes são os gadgets que o blogger disponibliza para que possamos deixar nossos blogs mais dinâmicos e atraentes. Agora acesse Editar HTML e será exibida então a tela da imagem abaixo:


editar-html

 

Nesta janela são feitas as edições no código fonte de nosso blog. Antes de qualquer edição recomendo que faça um backup do conteúdo clicando no link Baixar modelo completo no canto superior direito da tela. No quadro é exibido o código fonte. No canto superior direito deste quadro, existe um flag chamado Expandir modelos de widgets, quando clicamos nesta opção o blogger atualiza o conteúdo do quadro com o fonte colocando também o fonte dos modelos dos widgets.

Para quem conhece HTML é muito útil, uma vez que é aqui que deve ser feita a edição de meta tags, alteração de templates e etc.

Pronto! Você já sabe operar com a ferramenta Blogger. Acompanhe as próximas postagens desta série.

E você, gostou? Então siga-nos!




Minha foto
Pós-graduado em Sistemas de Informação e Banco de dados, atualmente atua com consultoria em sistemas, SEO e marketing digital. Amante por blogs, é responsável pela administração do blog Publicidade na web.

7 comentários:

Marcia disse...

Oi, Adriano

Recentemente criei o Guest Post no blog, e gostaria de saber, se não gostaria de ser meu convidado para falar à respeito do seu trabalho "Como criar um blog profissional" o que acha???

Jhonatan Ventorini disse...

Otimo posts


www.wordofpeople.com

Adriano Luz disse...

Ola Marcia,

Desculpe a demora para responder. Como seria este Guest Post?

Um abraço
Adriano Luz

Adriano Luz disse...

Obrigado Jhonatam.

Abraço
Adriano Luz

birasblog disse...

Boas dicas valeu!!!

Sandro Moreira disse...

Olá adriano como vai ? meu nome é Sandro Moreira etenho um blog de negócios http://www.querodinheiroagora.net e achei seu blog através do google. Gostei bastante do seu blog e espero em breve fazer algumas mudanças e ter um blog tão bom quanto o seu ! Eu gostaria de aproveitar e fazer uma pergunta : Notei que no seu blog apesar de ser blogger, não existe aquela barra lá em cima indicando que o blog é do blogger. Como se faz para tirar ela ? Parece muito mais profissional ! Gostaria que se você puder por favor me diga !! Até mais e um grande abraço !

Adriano Luz disse...

Ola Sandro, tudo bem e contigo?

Primeiramente gostaria de agradecer aos elogios, pois tenho trabalhado pesado para oferecer qualidade aos meus leitores.

Com relação a sua pergunta, esta barra do blogger é uma caracteristica do template que usa. Provavelmente você deve estar usando um template do próprio blogger, certo?

Acompanhe também meu outro blog (www.blogger-na-web.com) que em breve começarei a lançar alguns templates personalizados lá para os leitores.

Um abraço
Adriano Luz

Postar um comentário

 

assine o feed


siga no Twitter


Postagens

acompanhe

Comentários

comente também