No artigo “Menu Caixa de Opções”, ensinamos como organizar links para criar menus mais compactos. Esse tipo de menu em caixas de seleção são também conhecidos por “Menu Suspenso”. Um de nossos usuários, o Mkaul, deixou um comentário pedindo para ensinar como criar esse formato de menu para os Arquivos do Blog. Isso é bem mais simples de fazer do que está no outro tutorial para links diversos.
Já tem algum tempo que disponibilizo este blog numa versão para celular, apenas com os artigos mais recentes. Não tenho muitas visitas assim, mas é uma forma interessante de interação com os usuários especialmente se seu blog é atualizado diariamente e seus visitantes querem vê-lo sempre, onde quer que estejam. Existe uma maneira bem simples de criar uma versão do seu blog para celulares e ter um endereço só pra isso.
Se você tem um celular que pode navegar na internet, pode acessar o [ Ferramentas Blog ] tanto pelo endereço padrão – http://www.ferramentasblog.com/ – quanto por um link alternativo – http://ferblog.mofuse.mobi/.
Esse modelo alternativo é mais leve e só carrega as últimas atualizações. É isso que vou ensinar logo abaixo, nesse tutorial.
Também é possível criar um aplicativo para celulares Nokia, que funciona como um leitor de Feeds:
O Blogger (Blogspot) não tem funções específicas de criar uma versão do blog para celulares, então é preciso usar serviços alternativos que suprem essa falha. Aqui segue um bom modelo disso.
Versão para celular do seu Blog
Conheça o Mofuse – http://www.mofuse.com/
ATUALIZAÇÃO: Infelizmente não há mais disponibilidade de contas gratuitas. Mas dependendo do tamanho de seu blog e do seu público alvo, este é um serviço que pode valer a pena o investimento. Tem vários pacotes com preços acessíveis.
Mas não espere grandes visitas a curto prazo. Divulgue o seu trabalho oferecendo mais esse serviço e, aos poucos, se seu blog é bom e de boa qualidade com atualizações relevantes, as pessoas vão querer ver ele em qualquer lugar, até no celular. Com uma boa divulgação interna, incentivando a abrirem seu blog pelo celular e ver as novidades sempre, com certeza ganhará mais visitas por lá também.
O site oferece uma estatística de visitas diárias e a troca de mensagens. Entre e descubra tudo o que pode ser feito.
Artigos relacionados:
Manter o leitor interessando em seu blog é uma tarefa constante. Primeiro é importante ter conteúdo de qualidade e escrever sempre e escrever bem! Mas fazer com que o visitante olhe mais do que especificamente aquilo que estava procurando e encontrou(?) em seu blog, é outra dificuldade. Já mostramos como vc pode fazer isso pelos Marcadores e agora descobri como colocar uma lista de posts relacionados ao final de cada artigo.
Isso é muito útil. Se a pessoa leu seu artigo e, ao final dele, encontra uma lista simples de títulos com outros textos relacionados dentro de seu blog, isso aumenta e muito as chances dela ficar em seu blog por mais alguns segundos. Alguns templates novos já vêem com esse recurso incluído, mas se o seu é customizado ou não tem isso implantado, podemos dar uma forcinha!
É um pouco complicado, pois tem alguns códigos para adicionar e algumas linhas para mudar no editor de HTML do seu blog, mas vale a pena tentar. E, como lembramos sempre, faça um backup antes de mexer no seu código fonte.
Vamos aos passos:
1. Vá em “Editar HTML” dentro da aba “Layout” e marque “Expandir modelos de widgets” para poder ver o código completo.
2. Encontre a linha “</head>” e cole antes dela o código que segue:
<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] +
'</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>
É grande, eu sei… certifique-se de que copiou exatamente isso.
3. Agora será preciso encontrar mais outras linhas de código:
<b:if cond='data:post.labels'> </b:loop>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:if>
4. Então, cole antes de </b:loop> o código que segue:
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name +
"?alt=json-in-script&callback=related_results_labels&max-results=5"'
type='text/javascript'/>
</b:if>
5. Mais uma linha para procurar (é a última, prometo. Depois disso acabou). Encontre essa agora:
<p class='post-footer-line post-footer-line-3'/>
6. Abaixo disso vc colará o último código:
<b:if cond='data:blog.url != data:blog.homepageUrl'>Posts Relacionados</b:if>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
7. Salve o modelo e verifique o resultado em seu blog.
Obs.: Isso só funciona se seus artigos estão usando marcadores, pois as linhas de código buscam por relações aí. Tb não podem ter caracteres especiais nos marcadores.
E, se vc quiser mudar a quantidade máxima de postagens relacionadas na lista que aparece, basta mudar o número dessa parte do código “max-results=5”.
Outros modelos de gadget interessantes:
Aparência conta muito na hora de fazer um blog. Ter um layout ou template exclusivo nem sempre é possível, a não ser que vc saiba como criar um. Mas isso não significa que vc precisa seguir sempre as mesmas cores e fontes de texto que vieram padronizadas no template que instalou para o seu blog/site. Algumas mudanças são possíveis, além da imagem de cabeçalho e os tipos de gadgets que vai implementar na barra lateral.
Esse modelo descrito abaixo foi totalmente substituído por um novo serviço do Blogger (Blogspot). Veja a nova forma nesse tutorial:
E aprenda aqui como criar um template exclusivo para seu Blog:
Tudo isso são novidades do Blogger para quem quer criar um blog totalmente novo.
Algumas coisas podem parecer simples, mas fazem toda a diferença. Mudar as cores do seu blog pode não só dar um novo visual, mas tb chamar mais atenção e ser mais adequado e fácil do que sempre mudar de template. Se vc já achou o template que queria, então pode fazer mudanças sutis, personalizando o modelo escolhido.
Veja como é fácil:
Está tudo numa ferramenta visual do painel do seu blog. Clique em “Layout” e na aba “Fontes e cores”.
Nesta janela vc terá todo os elementos que podem ser modificados em seu blog. Há opções do tipo de texto (fonte), tamanho do texto, cores para as bordas, preenchimentos, links, fundos…
É muito simples de usar e vale a pena tentar todas as possibilidades para o seu blog até acertar com o q mais agradar.
Veja na figura algumas coisas importantes:
Ele já dá algumas opções que podem combinar melhor com o seu blog, as cores padrões e uma paleta de cores extras. Tb é possível editar as cores pelo código (caso vc saiba alguma que não está na paleta).
Toda mudança está visível na parte de baixo do tela. Como Botão “SALVAR ALTERAÇÕES”, as cores novas serão aplicadas em seu blog. Mas isso não é definitivo. Caso queira, pode voltar ao modelo padrão. Assim, não se corre risco algum.
ERRATA!
No outro artigo que mostro como é visualizado um blog quando estamos logados no Blogger – Icone “editar widget” – (quando aparece o ícone “Editar widgets” ou ícone de edição rápida), esqueci de mostrar como retirar esse ícone caso vc não queira usar este serviço.
Entre no Blogger e escolha “Configurações” e vá na primeira aba “Básico”. Ao rolar a tela vc encontra a opção “Mostrar edição rápida em seu blog”. Basta selecionar “Não” e salvar que o ícone não aparecerá mais. Recomendo para quem quer editar apenas pelo painel do Blogger. Mas adianto que isso facilita muito a vida da gente.
É mais rápido editar seu blog pelo ícone, pois não precisa abrir o Layout e achar o elemento de página a ser modificado… vc passa por cima de todas essas etapas intermediárias e já vai direto para o elemento que quer modificar.
Uma coisa que demorei a perceber foi o fato de que eu visualizo o meu blog diferente do que os outros, no que diz respeito ao resultado final do layout que crio. Muitas vezes eu queria colocar uma ferramenta num determinado lugar ou ocupar um certo espaço, mas nunca ficava como eu queria. Isso é culpa desse ícone de “Editar Widget”.
Este ícone aparece quando visualizamos o nosso blog e estamos logados no Blogger. Também demorei para descobrir para quê ele serve e como usá-lo. É uma forma de edição rápida do seu blog, que vai diretamente na janela que configura aquele elemento indicado pelo ícone. Ou seja: quando vc visualiza o seu blog e quiser modificar um elemento (um gadget, por exemplo), basta clicar naquele símbolo, exatamente onde está o elemento na página visualizada e fazer as modificações que quiser. Vc pode perceber a diferença já na figura que coloquei do meu blog, onde estão destacados dois ícones de edição rápida. Note que vc visualiza esta área do meu blog de forma diferente, sem os espaço ocupado pelo ícone. Uma coisa importante para saber: quando estamos logados no Blogger e entramos em nossa página, não é contada uma visita. Isso evita de nos enganarmos nos analisadores e contadores de visitas com nosso próprio acesso. Mas quando não estamos conectados, aí é computado como visita. Agora que já sabe a diferença, veja como seu blog é realmente aberto pelos outros e aproveite para editar mais rapidamente seu blog.
O problema é que, quando visualizamos o blog quando estamos usando o Blogger, esse tal ícone ocupa um certo espaço e não temos a visão correta do resultado final de nossa página. Para ver exatamente como ficou, sem o espaço ocupado pelo símbolo de edição rápida, é preciso desconectar do Blogger (sair de todos os serviços do Google) e abrir o endereço do blog diretamente no navegador.
São apenas 10 pequenas dicas do que NÃO se deve fazer quando construir e manter um blog. Falamos muito aqui dando dicas sobre a qualidade de seu blog e da importância de layouts agradáveis e postagens relevantes e originais. Então, vamos descontrair um pouco para entender o valor de algumas coisas e não esquecermos de certas regrinhas. Não custa nada avisar e se prevenir de gafes.
Agora, se você quer se dar bem, faça o contrário de tudo isso. Créditos: Blog do Caipira.
- Bom seu blog, faiz parceria de bane ou linque, ou então, – Parabéns pelo blog, legal.
Comunicação é fundamental, até mesmo para blogs de conteúdos amplos ou específicos. Com isso é importante também ser acessível aos seus visitantes que queiram falar com vc não apenas deixando comentários de seus artigos, mas que queiram trocar informações ou mesmo apenas conhecer melhor suas idéias e/ou seu trabalho. O e-mail é uma boa forma de manter contato e mesmo assim garantir sua privacidade.
Essa dica não é apenas visual. Comprometer-se com seu conteúdo e com aqueles que visitam seu blog, demonstra profissionalismo e seriedade daquilo que vc faz e disponibiliza ali. Mas muitas vezes vc quer privacidade e não vai querer deixar público o seu email pessoal. Então faça o seguinte: crie um email alternativo só para ser divulgado e usado para contatos e serviços do seu blog. É preciso ser organizado e ter um único email pra amigos, trabalho e serviços de internet – entre outras coisas – não ajuda muito e sua caixa de correios pessoal sempre estará cheia e difícil de ler e filtrar o q é bom. O mais fácil de usar e cadastrar é o Gmail e vc já deve ter um, com o qual acessa seu blog. Dê destaque ao email e mostre-se disponível para contato. Além disso, use ícones de emails para chamar a atenção para essa opção de contato em seu blog. Se quiser, deixo um site que encontrei como dica no site Dicas Blogger, que gera imagens automáticas e personalizadas para o seu email. veja abaixo como ficou o meu. Site: E-mail Icon Generator
Uma dificuldade que todos temos nos nossos blogs é estar sempre atualizando o conteúdo. Isto é fundamental: um blog movimentado e sempre atual garante boas visitas, mostra profissionalismo e gera retornos. Mas ter um tempinho todo dia para escrever ou mesmo ter boas idéias todos os dias é complicado. Por isso vai uma dica de como programar as publicações do seu blog.
Algumas vezes temos boas idéias de uma vez só e outros dias não estamos tão criativos assim e o blog fica desatualizado muitos dias seguidos (isso é muito ruim). É possível escrever vários artigos e agendar a publicação deles em datas diferentes e ainda escolher o horário. Isso é particularmente útil quando vc vai viajar ou se só tem tempo nos fins de semana para escrever – desse modo vc pode programar o conteúdo do seu blog com antecedência e conseguir um bom fluxo de publicações sem interrupções. É muito simples. Depois de escrever o novo artigo, na janela mesmo de criação e edição do texto identifique no canto inferior esquerdo do editor o item “Opções de postagem”. Aí tem muitos recursos, inclusive se vai permitir comentários naquele artigo ou não. Ao clicar aí, vc verá no lado direito da barra que abriu a possibilidade de alterar a data e hora da postagem. Se vc colocar uma data futura, o blogger só publicará na data e hora marcados. Isso é possível em um número ilimitado de postagens e vale tb para publicações na mesma data e hora, sem problemas. Uma última dica: deixe tudo formatado e pronto para não precisar re-editar ou fazer modificações.
Uma coisa muito usada nos blogs são os links apontando para outros sites ou mesmo para postagens internas do conteúdo do próprio blog – o que é muito útil quando se quer relacionar seus artigos. E também os links servem para divulgar outros blogs de parceiros ou daquilo que vc considera relevante ou interessante. Então existem duas maneiras de divulgar links: ou no artigo, dentro do texto ou na barra lateral do blog como um gadget.
Link na postagem. Marque o texto e clique no ícone. Com isso, uma janela abrirá e, onde estiver indicado URL, digite o endereço da web, em seguida clique no botão “OK”. Pronto, o link da postagem está criado. Links na Barra Lateral. Abrirá uma janela pra adicionar os links e dar nome à ferramenta. Você pode adicionar quantos links quiser, determinar a ordem e a forma de indicar os nomes. Tb pode modificar os links posteriormente, acrescentar outros ou mesmo apagar – sempre editando o gadget que contem os links. Faça bom uso desse recurso para fazer parceiros e divulgar sites relacionados.
Para criar um link na postagem é muito simples e rápido. Escreva o texto que será a referência do link (que conterá a URL escondida). Feito isso, na barra de ferramentas do editor de textos do blogger que vc está usando encontre o ícone igual ao da figura ao lado.
Obs.: Para quem estiver usando o Draft Blogger, na barra de ferramentas do editor de textos estará escrito “Link” em lugar do ícone indicado acima.
Esse é o mais fácil de criar, pois é um elemento de página já pré-definido. Vá em “Layout” e “Elementos da página” e escolha adicionar um Gadget. Na janela que abrir tente encontrar o elemento “Lista de Links” e clique nele para adicionar essa ferramenta.
