Como criar um menu no seu “blogger” utilizando apenas uma lista de links

 

ATENÇÃO: ESTE ARTIGO FOI SUBSTITUIDO PELO ARTIGO:

---

Como criar um menu no Blogger utilizando apenas uma lista de links

---

atualizado em 06/09/2015

Menus verticais e horizontais a partir de uma lista de links

Complementando o artigo Como criar um menu simples no seu “blogger”, que utiliza lista de páginas estáticas (autônomas), vamos mostrar nesta dica como se fazer um menu simples utilizando o gadget [Lista de Links].

 

A vantagem de se utilizar uma lista de links para o seu “menu”, diferentemente de uma lista de páginas, é que você poderá utilizar qualquer URL de destino, podendo ser  além de páginas estáticas, posts do seu próprio blog, marcadores, URL’s externas ou até mesmo listas de Feed.

Portanto, para criar um menu simples, horizontal ou vertical, utilizando apenas uma lista de links, siga o exemplo abaixo:

Criando uma lista de links

Entre no http://draft.blogger.com, faça o login e entre em [Painel].

Obs.: Se você não usa o draf.blogger, entre em http://blogger.com

Escolha o blog que deseja alterar e clique em [Design]. No nosso exemplo, vamos utilizar o “Blog de Teste”.

Em [Elementos de página] clique no link [Adicionar um Gadget], em qualquer local do layout. Em nosso exemplo vamos utilizar o gadget na barra lateral, criando a princípio um Menu Vertical.

Na janela [Adicionar Gadget] role a tela até encontrar o gadget [Lista de Links]. Clique no link ou no botão [+]  par iniciar a configuração da lista…

Em [Configurar lista de links]  adicione os links e que serão os destinos dos itens do seu menu. Veja todos os detalhes abaixo em “criando itens do menu” ….

Criando itens do menu

No exemplo, vamos construir um menu principal e para isto, é recomendável termos um item chamado “Home”, ou “Página Inicial”, ou “Início”.

Na janela para configurar a sua lista de links, digite o URL da home blog, ou seja, o próprio endereço do seu blog. Em [Novo nome do site] digite o nome que dará para o item. Vamos dar o nome de “Início”. Clique no botão [Adicionar Link].

Para editar ou deletar o link adicionado, clique em [Editar] ou [Excluir] que ficam ao lado do link adicionado. Veja no exemplo, onde aparecem ao lado do nosso primeiro link denominado “Início”.

Tudo certo, então clique no botão [SALVAR].

Agora, assim por diante, vá acrescentando todos os links que formarão o seu menu, de acordo com os tipos mencionados anteriormente, sendo eles:

1- Páginas Estáticas: São páginas criadas independente das postagens, onde não há hierarquia cronológica. Para criar uma página estática ou autônoma, leia o artigo: Como criar um menu simples no seu “blogger”.

Para incluir URL’s de páginas estáticas, entre na página e  copie o endereço. Para isto, entre em [Postagens] >>> [Editar páginas]. Escolha a página e clique no link [Visualizar].

No exemplo, vamos escolher a página "Quem somos!”. Copie o endereço, que no nosso exemplo é: http://visualdicas2000.blogspot.com/p/quem-somos.html

Obs.: No Blogger, todo link de página estática tem a letra /p precedendo o nome, que no exemplo é /quem-somos.htm.

Vá para [Design] <<< [Elementos de página] e clique no gadget [Lista de Links].

Na janela [Configurar lista de links], cole o endereço em [Novo URL do site] e descreva o nome do item em [Novo nome do site].

Clique no botão [Adicionar Link] e não esqueça de clicar em [SALVAR].

2- Posts do blog: Você poderá inserir no seu menu qualquer postagem do seu blog. Isto é muito útil para você divulgar algum item em especial como destaque…

Entre em em [Postagens] >>> [Editar Postagens]. Escolha o post que deseja incluir no seu menu e clique no link [Visualizar].

Copie o URL da postagem. No tutorial, vamos escolher o post “Exemplo do chat”….No nosso exemplo o link é: http://visualdicas2000.blogspot.com/2010/08/exemplo-do-chat-xatcom.html

Volte para o gadget [Lista de links] e cole no campo [Novo URL do site]. De um nome para o item. Clique no botão [Adicionar link] e depois em [SALVAR].

3- Marcadores: São categorias do blog, que ajudam na organização e navegação de suas postagens..

Nota: Se você ainda não usa marcadores, leia o artigo do Dicas Blogger que ensina passo a passo como criar e colocar marcadores no blog: Como inserir marcadores nos posts.

Para inserir postagens relacionadas ao seus marcadores, acesse o marcador que se deseja colocar no menu e copie o seu endereço URL.

No nosso exemplo, escolhemos o marcador “blog Squids”. O link para isto é:  http://visualdicas2000.blogspot.com/search/label/blog%20Squids

Observe que o link para marcadores é formado de /search/label/nome do marcador.

Da mesma forma que nos exemplos anteriores, insira o link no gadget [Lista de links], defina o nome do item em [Novo nome do site], clique me [Adicionar Link] e no botão [SALVAR].

Dica: Se desejar mostrar apenas títulos das suas páginas do marcador, leia: Como mostrar apenas títulos nas páginas dos Marcadores do Blogger…

4- URL externo: Links externos são endereços que permitem o acesso à páginas de outros sites ou blogs. Links externos são ótimos para divulgar outros sites que você possui, por exemplo, ou oferecer acesso às redes sociais como o Facebook ou Twitter.

Volte para o gadget [Lista de links], em [Novo URL do site] digite o endereço do link externo, e como nos outros exemplos, digite o nome do item, [Adicionar Link] e [SALVAR].

No nosso exemplo, vamos definir o endereço do twitter: http://twitter.com/visualdicas

5- Feed’s:  Feed’s são listas de atualização de conteúdo de um determinado blog ou site, e podem ser acessados através de links sem que se necessite visitar o blog ou o site em si.

Os feeds mais comuns para o “Blogger” possuem as seguintes estruturas:

Feed dos posts (posts mais recentes)

http://seublog.blogspot.com/feeds/posts/default

Feed dos comentários (comentários mais recentes)

http://seublog.blogspot.com/feeds/comments/full

Feed dos marcadores (marcadores)

http://seublog.blogspot.com/feeds/posts/default/-/label

ATENÇÃO: Substitua “seublog” pelo nome do blog e “label” pelo nome do marcador

No nosso exemplo vamos escolher o feed de posts mais recentes. Portanto o URL do feed será: http://visualdicas2000.blogspot.com/feeds/posts/default

Dica: Se desejar mostrar apenas os títulos das postagens do feed leia: Aprenda a criar e exibir listas personalizadas dos seus posts (apenas para o Blogger)

Da mesma forma, volte para o gadget [Lista de links] e acrescente o endereço do feed…

Clique em [Adicionar Link] e em [SALVAR].

Você também poderá colocar um título no menu (que é opcional). No nosso exemplo vamos utilizar o título “Menu de Teste”, por se tratar de um menu vertical.

Veja abaixo como ficou nosso “Menu de Teste”

Alterar a ordem dos itens do menu

Para alterar a ordem do itens do menu, volte para o gadget [Lista de links]

Clique no link [Editar] e altere os nomes de cada item, colocando uma numeração na frente, seguindo a sequência que você quer que apareça no blog.

Por exemplo, vamos colocar o nº 1 em Inicio, pois será o primeiro item da lista, e o nº 6 em Siga-nos no Twitter, que será o último… Veja como seguindo a figura abaixo:

Depois de todos itens alterados, altere a classificação para [Colocar em ordem alfabética]

Volte a classificação para [Não Classificar], fixando a lista nesta ordem.

Agora altere novamente todos os itens, eliminando os números que você inseriu anteriormente…

Se a ordem ficou da forma como você deseja, clique no botão [SALVAR].

Agora veja como ficou o nosso “Menu de Teste”

Para ver o nosso menu em ação, visite o blog de teste: visualdicas2000

Mudando o menu de posição

Para alterar a posição do seu menu, volte em  [Design] e [Elementos de página].

Clique em [Lista de links], que no nosso exemplo está denominado de [Menu de Teste] e arraste até o local desejado…

Para criar um menu horizontal, posicionaremos o gadget na barra horizontal.

Clique no botão [VISUALIZAR]. Se desejar fazer alterações clique em [Editar].

Se tudo estiver correto, clique no botão  [Salvar].

Veja como ficaria o menu horizontal utilizando uma lista de links em nosso exemplo…

ATENÇÃO: Alguns templates de terceiros não aceitam esta configuração para o menu horizontal, entretanto, este tutorial é valido para a maioria dos templates e todos os layouts originais do Blogger…

---

Leia também:

Como criar um menu simples no seu “blogger”

Aprenda a criar e exibir listas personalizadas dos seus posts (apenas para o Blogger)

Como mostrar apenas títulos nas páginas dos Marcadores do Blogger…

ATENÇÃO: ESTE ARTIGO FOI SUBSTITUIDO PELO ARTIGO:

---

Como criar um menu no Blogger utilizando apenas uma lista de links

---

Continue lendo

O que é Hashtag? Como usá-los no Twitter?

Atualizado em 14/05/2014

O que é Hashtag?

Hashtag, como você já deve saber, significa rótulo precedido do símbolo # (cerquilha ou jogo da velha), denominado “hash“ em  inglês, e são utilizados no Twitter como palavras chaves que identificam e classificam correntes de postagens para determinados grupos específicos. Podem ser comparados como os marcadores que utilizamos em um blog.

Portanto, hashtags são aquelas palavras que vemos no Twitter com #'s na frente, que servem para  identificar e agrupar postagens por um determinado tema ou assunto relevante.

As hashtags além de facilitar pesquisas de tweets (postagens) de um determinado assunto,  ajudam a encontrarmos pessoas que tenham interesses em comum…

Usando hashtags

No exemplo acima, se quisermos encontrar tweets (mais recentes) sobre wordpress, por exemplo, basta clicarmos no link da hashtag  [#Wordpress], e teremos os resultados de todos os tweets (notícias), pessoas, fotos, vídeso  e usuários (pessoas) deste grupo…

Em resultados [Resultados para …] você poderá visualizar as postagens [Notícias], [Fotos], [Vídeos], [Coleções] postagens de seus seguidores e [Pessoas] usuários que fazem parte do grupo da hashtag pesquisada, que no nosso exemplo é #Wordpress.

Como exemplo, vamos selecionar [Notícias] para visualizarmos todos os teets mais recentes do grupo #Wordpress. Para acompanhar os resultados, clique no botão [Salvar].

Observe que as pessoas que fazem parte do grupo #wordpress  possuem a palavra chave no username, no nome ou na descrição do perfil. Também precisam ter grande popularidade, credibilidade e relevância no Twitter (alguns também são promovidos através de pagamento).

Trends e o site oficial hashtags

Assuntos do Momento (Trends), que aparecem na página inicial do twitter, são palavras ou hashtags mais relevantes e populares no momento (também podem ser chamadas de hot trends) …

Uma forma bem legal para você encontrar hastags é utilizar o aplicativo search.twitter. Na página, digite uma palavra que você quer verificar, e clique no botão [Buscar].

Você terá a relação dos tweets postados e seus respectivos usuários em tempo real.

Verificar a popularidade das hastags

Para rastrear e conhecer melhor a popularidade das hashtags que você irá utilizar, acesse o site www.hashtags.org, que é o site oficial que organiza e apresenta todos os hashtags do Twitter, digite um termo no campo [Search] depois tecle [enter].

Veja o gráfico de tendências (Trend Graph) dos tweets mais recentes postados com a tag pesquisada.. No gráfico é possível verificar a relevância e popularidade da hashtag pesquisada…

Como utilizar o hashtag para que seus tweets sejam mais visualizados 

Para que seu perfil e seus tweets sejam mais visualizados por muitos e não só por seus seguidores, ou por quem olhar o seu perfil, utilize hashtags nos seus tweets:

1- Sempre que puder, acrescente hashtags nos seus tweets… Use de preferência hashtags com grande popularidade, permitindo que mais pessoas visualizem o  seu tweet.

Se possível, utilize a hashtag da sua marca. No nosso exemplo, vamos usar #visualdicas.

Atenção: Use hashtags com bom senso e critério para que o seu perfil não seja visto como spam…

2- Utilize palavras relevantes no seu perfil: Na descrição do seu perfil, se possível utilize palavras que possuem hashtags do seu interesse. Procure as com maior relevância no site www.hashtags.org.

Veja o nosso perfil, que usamos as palavras como cursos, dicas, informática, blogs, etc. Usamos também a hashtag  #visualdicas, para forçar uma maior relevância desta palavra no twitter.

Lembre-se: Seu Username é uma hashtag única (no exemplo usamos  visualdicas)que dependendo da forma que você utiliza o twitter, tanto em quantidade como em qualidade das suas postagens (tweets), estas hashtags poderão se tornar muito relevantes, populares e poderosas…

Regras e cuidado com os hashtags

1. Não abuse das hashtags. Se todos os seus tweets forem uma hashtag, a utilidade da mesma fica diluída, não só pela fragmentação da conversão, mas também porque os seus tweets poderão passar a ser vistos como spam.
2. Não deixe de acrescentar conteúdo juntamente com a sua hashtag, isto ajudará o leitor a compreender melhor uso da hashtag utilizada, e também para não ser identificada como spam.
3. Não envie tweets com hashtags repetidas, ou apenas com hashtags, pelas mesmas razões já citadas anteriormente.

Resumindo

Agora que já conhece um pouco mais do que é uma hashtag, para que serve e como utilizar, por que não começar a utilizar e a rastrear, já usa hashtags nos seus tweets? Alguma se tornou um assunto popular?

Com o uso de hashtags, seus tweets após serem enviados, poderão ser vistos por muitos e não só por seus seguidores ou quem visitar o seu perfil.

Hashtags também ajudam muito  quem procura pessoas que tenham interesses em comum com os seus…

byALF

Continue lendo

Como ativar o botão +1 do Google

O que é o botão +1 do Google?

Com o +1, que é semelhante ao botão “Like” do Facebook, o usuário do Google Search poderá indicar para seus contatos um resultado de pesquisa que considerou relevante, clicando no botão +1 que aparece ao lado do link. Assim, quando um de seus contatos fizer uma busca semelhante, poderá ver as recomendações, que aparecerão diretamente na página dos resultados de pesquisa, ao lado do link.

Assista o vídeo abaixo para conhecer melhor esta novidade… (em inglês)

 

Como participar desta nova experiência

1- Acesse a sua Conta do Google e faça o login usando o seu email e senha:

Conta do Google: https://www.google.com/accounts/Login?hl=pt-BR

2 - Acesse o link: http://www.google.com/experimental/

Localize +1 button e clique em [Join this expreiment].

ATENÇÃO:

1- Só é possível fazer uma experiência de cada vez…

2- A ativação deve ser realizada para cada computador e  navegador (browser) específico que você utilizar. (Não funciona no Internet Explorer 8.0 e inferiores)…

3- Este procedimento deverá ser realizado enquanto o novo botão estiver em fase experimental. Após a avaliação e ajustes, sua utilização será automática e em todas versões e linguas do Google Search…

Obs.: Para desativar o botão +1, entre novamente na página Google Experimental, e clique em [Leave].

3- Entre no Google Search em inglês, www.google.com e faça uma pesquisa…

ATENÇÃO: Ainda em fase experimental, o botão +1 funciona apenas na versão inglesa do Google. Em breve, todos os usuários em qualquer versão terão acesso ao novo botão social do Google, dependendo da avaliação desta nova experiência…

No nosso exemplo vamos usar o termo “Visual Dicas”

Clicando no botão +1, você irá indicar aos seus contatos do gmail ou do twitter, que o link encontrado é bem legal e relevante…

Na primeira vez que o botão é acessado, abrirá uma janela para definir a forma de como você aparecerá nos links do Google.

Se desejar alterar a forma que você será apresentado, clique no link [Personalizar perfil]. Se não desejar fazer alterações, clique em [Confirmar e marcar com +1].

Para alterar o perfil de como você será apresentado, clique no link [Personalizar perfil]. Faça as alterações desejadas e clique no botão [Confirmar e marcar com +1].

Lembre-se: Os marcadores +1’s são públicos. Eles poderão aparecer nos resultados do Google Search, em Ads, e sites da web. Se deseja privacidade, desative a caixa de seleção [Usar minhas informações para personalizar ……].

Pronto, seu link já está marcado. Agora marque outros resultados que você goste ou que ache importante e recomende-os para os seus contatos na web…

Para ver seus marcadores +1’s, clique em seu perfil do Google e acesse a aba [+1s].

Para que outras pessoas possam ver seu marcadores +1s, clique no botão [Editar perfil] e selecione [Mostrar esta guia em meu perfil], depois clique no botão [Salvar].

Entre no perfil do Visual Dicas para ver o botão +1 em ação: Perfil Visual Dicas

Para dar um feedback e ajudar o Google a melhorar ainda mais esta ferramenta social, clique em feedback..

Para dar a sua opinião sobre esta inovação do Google, entre no Google Search (www.google.com),  clique no menu [PlusOne] e selecione [Take our survey], para responder uma pesquisa de opinião ou [Discuss with others], para acessar o grupo de discussão. Para mudar de experiência, clique em [Change experiment] ou [Leave experiment] para desativar o botão +1 do seu Google…

Para obter mais informações, clique no link: http://www.google.com/+1/button/ (em inglês).

Continue lendo

Como criar um menu simples no seu “blogger”

ATENÇÃO: ESTE ARTIGO FOI SUBSTITUIDO PELO ARTIGO:

---

Como criar um menu simples na nova interface do Blogger (2015)

---

atualizado em 06/09/2015

Menus horizontais ou verticais no “Blogger”

ATENÇÃO: Se você utiliza a nova interface do Blogger (novo layout) acesse o nosso artigo: Como criar um menu simples na nova interface do Blogger.

Muitas vezes deparamos com blogs que possuem menus (barras com links) que facilitam a visualização e a organização de páginas independentes como: “Quem somos”, “Sobre mim”, “Contatos”, etc.

Mas se o template do seu blog não possui um sistema automático, o Blogger permite você criar listas simples de forma bem rápida e sem complicação…

Para criar um menu simples, horizontal ou vertical, com até 10 itens, siga o exemplo abaixo:

Criando páginas estáticas

Entre no http://draft.blogger.com, faça o login e entre no <painel>

obs.: Se você não usa o draf.blogger, entre em http://blogger.com

No nosso exemplo, vamos utilizar o “Blog de Teste”.

Escolha o blog que deseja alterar e clique em <Editar postagens>, depois clique em <Editar páginas>

Agora clique no botão <NOVA PÁGINA> e crie uma página independente (estática) que fará parte do seu menu. Como exemplo, usaremos “Quem somos!”

Após montada a sua página, clique no botão <Publicar Página>

Agora, se esta for a primeira que você criou uma página, escolha o tipo do menu que você quer: Barra Lateral (menu vertical) ou Guias do Blog (menu horizontal). Se você utiliza um template com um menu pronto, use Nenhum gadget, colocando suas páginas manualmente.

Observação: Os modelos de templates de terceiros podem não ser compatíveis como guias, mas as páginas ainda poderão ser adicionadas como links na barra lateral do blog ou em um menu

No nosso exemplo iremos utilizar o menu vertical (Guias do blog).

Definido o tipo do menu clique em <Salvar e Publicar>.

Clique em <Visualizar página>, caso queira alterar algo utilize <Editar página>.

Visualizando a página, observe que o menu horizontal localizado sobre as postagens. Automaticamente, também é criado o link “Início” para poder votar à página principal.

Criando novas páginas

Da mesma forma, você poderá criar até 10 itens do seu menu. Para criar uma nova página, entre novamente em <painel>, <Postagens>,<Editar páginas> e clique no botão <Nova Página>.

Veja como ficou o nosso menu do exemplo:

Mudando o menu de posição

Para alterar a posição do seu menu, volte em <Painel> e clique em <Design> e <Elementos de página>.

Clique em <Páginas> e arraste até o local desejado…

No exemplo, posicionaremos o menu na barra lateral. Clique em <Salvar>.

Veja como ficou o menu na lateral …

Editando o menu

Para editar o menu, vá em <painel> e clique em <Design> e <Elementos de Página>.

No gadget <Páginas> clique em <Editar>.

Faça as alterações desejadas e clique em <Salvar>

No nosso exemplo vamos eliminar o título (opcional) e alterar o nome da página Início para Início! (só para ficar padrão).

Vamos alterar também a posição para o topo do blog, e veja o resultado…

Bem simples não é? Mas se tiver alguma dúvida de como criar um menu no blogger, comente aqui no Visual Dicas que teremos o maior prazer em tentar resolve-la…

até mais… [ byALF ]

---

Veja também:

Como criar um menu no seu “blogger” utilizando apenas uma lista de links

ATENÇÃO: ESTE ARTIGO FOI SUBSTITUIDO PELO ARTIGO:

---

Como criar um menu simples na nova interface do Blogger (2015)

---

Continue lendo