Adicionar Lista com Posts mais Populares

Os posts que nós fazemos não são todos iguais… Alguns são mais importantes que outros, pela qualidade de informação que nós disponibilizamos. Agora imaginem um visitante que está pela primeira vez no vosso blog. O mais importante é captar a sua atenção para o conteúdo mais importante, garantindo que ele é visível e se consegue aceder facilmente.

Depois de ler este artigo do Custódio do Blog do Dinheiro decidi que também eu deveria ter uma lista que mostrasse a todos os visitantes quais os artigos mais importantes que foram publicados no blog.

Para quem usa wordpress (como eu) e quer adicionar uma lista com os posts mais populares pode instalar um dos muitos plugins disponíveis para o efeito, por exemplo o Popularity Contest.

Como sabem eu adoro os plugins wordpress, mas sempre que tenho hipótese opto por não os utilizar, de forma a não tornar o blog lento e mais susceptível a erros e até ataques externos.

Assim sendo optei por adicionar esta pedaço de código na sidebar do blog. O que isto faz é ir buscar os 5 posts mais comentados, o que à partida pode significar que são os mais populares. Os plugins disponiveis usam outras variáveis para calcular os posts populares, como os backlinks e o numero de visitas, mas para o efeito parece-me suficiente. Experimentem.

<h2>Artigos Populares</h2>
<ul>
<?php $result = $wpdb->get_results("SELECT comment_count,ID,post_title FROM $wpdb->posts ORDER BY comment_count DESC LIMIT 0 , 5");
foreach ($result as $post) {
setup_postdata($post);
$postid = $post->ID;
$title = $post->post_title;
$commentcount = $post->comment_count;
if ($commentcount != 0) { ?>
<li><a href="<?php echo get_permalink($postid); ?>" title="<?php echo $title ?>">
<?php echo $title ?></a> {<?php echo $commentcount ?>}</li>
<?php } } ?>
</ul>

Criar Tabs na Sidebar do blog

wordpress tabs dinamicasEstes dias estava a dar uma olhada pelo blog quando reparei que a sidebar estava muito carregada de links. Como eu gosto das coisas arrumadinhas decidi agrupar os blocos das categorias, arquivos e dos ultimos comentários, tornando a barra lateral do blog bastante mais limpinha e agradável.

Para fazer isto optei por implementar um sistema de navegação por tabs, coisa que se faz facilmente recorrendo a um script java e um pouco de css. Ao optar pela navegação por tabs, é possível colocar muito mais informação no mesmo espaço, por esta fica organizada por separadores.

Existem várias soluções disponíveis e só temos de escolher a que nos der mais jeito, o que pode ser um problema. Como este processo pode demorar muito tempo vou deixar aqui registado qual a opção que tomei e como o fiz, de maneira a que quem quizer uma coisa igual possa facilmente replicar.

Implementar a tab navigation

Decidi implementar a tab navigation recorrendo à biblioteca java do Yahoo, a The Yahoo! User Interface Library (YUI), que tem um componente muito bom para as tabs, o TabView. Escolhi este porque funcionou muito bem e além disso o ficheiros .js são levezinhos.

Para começar podem fazer o download dos ficheiros necessários. São 3 .js e 1 para o .css. Podem fazer o upload deste ficheiros directamente para a directoria onde têm o theme do vosso blog. Depois disso basta adicionar na <head> do vosso theme o código (header.php):
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/yahoo-dom-event.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/yahoo-element-min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/yahoo-tabview-min.js"></script>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/tabs.css" type="text/css" media="screen"/>

Na sidebar (sidebar.php) do theme colocar o seguinte código, onde quiserem que apareca a div com as tabs.
<script type="text/javascript">
var myTabs = new YAHOO.widget.TabView("tabspace");
</script>
<div id="tabspace" class="yui-navset">
<ul class="yui-nav">
<li class="selected"><a href="#tab1"><em>Categorias</em></a></li>
<li><a href="#tab2"><em>Artigos por Mês</em></a></li>
<li><a href="#tab3"><em>Blogs Amigos</em></a></li>
</ul>
<div class="yui-content">
<div class="tabs">
<ul><?php wp_list_cats('sort_column=name'); ?></ul>
</div>
<div class="tabs">
<ul><?php wp_get_archives('type=monthly'); ?></ul>
</div>
<div class="tabs">
<ul><?php wp_list_bookmarks('title_li=&categorize=0'); ?></ul>
</div>
</div>
</div>

Neste exemplo em cada tab vai aparecer as categorias do blog, os arquivos e na terceira o blogroll. No entanto podem alterar facilmente para mostrar aquilo que quiserem.

Para tudo funcionar têm de alterar a tag <body> para <body class=”yui-skin-sam”>.

Demo e Ficheiros

Podem ver o demo aqui e fazer o download dos ficheiros necessários aqui.

Notas

  1. Este exemplo está preparado para três tabs, mas podem facilmente adicionar mais, basta para isso replicar o código.
  2. Para alterar as cores basta editar o ficheiro css.
  3. Se não conseguirem com os ficheiros que forneci podem ir à página oficial e retirar os exemplos que a Yahoo lá colocou.

Friday Cartoon #1

E porque hoje é sexta feira e já cheira a fim de semana:

spyware cartoon

Google Street View em Lisboa

google street viewConhecem o Street View do Google? Pois então, o Street View é uma funcionalidade do Google Maps quer permite explorar e navegar por cidades através de fotografias panorâmicas ao nível da rua.

A grande novidade é que o Google começa hoje a recolher imagens de cidades portuguesas (Lisboa, Porto e Braga). Não se admirem se vos aparecerem carros estranhos com um caixote em cima do tejadilho. Estes carros estão equipados com máquinas fotográficas especiais para fotografarem, em 360 graus, todas as principais ruas destas duas cidades.

Segundo o Google:

Todas as imagens recolhidas, milhares delas de cada cidade, são analisados a fim de atestar a sua qualidade e proteger a privacidade de todas as pessoas e veículos que nelas possam aparecer.

A privacidade é protegida com a distorção do rosto de todas as pessoas e matrículas de todos os veículos, podendo ainda quem se conseguir reconhecer solicitar a remoção da sua imagem, pessoal ou do veículo, da aplicação.

Espera-se que até ao final do ano as três cidades portuguesas estejam disponíveis para que os cibernautas possam passear virtualmente, com imagens reais, por estas.

Será que vamos encontrar coisas como estas?? Esperar para ver!

O que eu penso da Twitter mania

twitter_logo_headerO twitter está a aintigir niveis de popularidade incriveis. Segundo o compete teve um crescimento 965% no ultimo ano! Em todo o lado se fala do twitter. O presidente americano deve muita da sua popularidade às redes sociais na internet, e em grande parte devido ao twitter. Obama é a pessoa com mais seguidores no twitter, com 717 mil followers.

twitter_com-facebook_com-myspace_com

Mas o que é o twitter: Basicamente é um serviço que permite comunicar com amigos, familia ou qualquer pessoa através de mensagens de 140 caracteres. O objectivo é comunicar a quem no segue o que estamos a fazer no momento.

Eu apesar de já ser utilizador do twitter à algum tempo ainda não percebi bem qual o interesse daquilo e qual o motivo para tanto barulho. Alguma coisa me está a passar ao lado… Este video mostra um pouco o que eu penso do twitter.

Alojamento de Imagens

image hosting sitesTodos sabemos que colocar imagens nos posts torna-os mais atractivos e apelativos à leitura, e ajudam a passar a mensagem que queremos.

Um dos dilemas que nos deparamos é onde alojar as imagens que utilizamos no nosso blog. Utilizamos o mesmo alojamento ou recorremos a serviços de alojamento de imagens, como o Flickr ou o Imageshack. Existem vantagens e desvantagens e cada uma destas opções.

Tempo de Carregamento

Num alojamento próprio as imagens conseguem um tempo de carregamento bastante rápido uma vez que o servidos não tem de aceder a recursos externos para fazer o download das imagens. Quando se recorre a um alojamento externo o servidor vai demorar mais tempo a carregar o blog, uma vez que depende de outro servidor, e que muitas vezes tem tempos de resposta mais lentos que o teu próprio servidor.

Largura de Banda

Se alojares imagens no teu servidor vais estar a gastar largura de banda cada vez que as imagens são visualizadas. Se tiveres um limite baixo de largura de banda isto pode ser causa de problemas se receberes muitos visitantes. Se alojares externamente não vais estar a gastar largura de banda.

Espaço

Semelhante à largura de banda. Se o espaço de alojamento do teu servidor é pequeno podes optar por alojar as imagens externamente, de forma a não te aumentar os custos. No entanto o meu conselho é que optes por aumentar o espaço de alojamento disponível.

Fidelidade

Se as imagens estiverem no teu host tens a garatia que elas serão sempre disponibilizadas aos visitantes. Se eles conseguem aceder ao blog vão ver também as imagens.
Se alojares em serviços externos podes correr alguns riscos de as imagens não serem disponibilizadas. Por exemplo: O serviço está temporariamente em baixo, a empresa fechou, o serviço eliminou as imagens sem te avisar… Como vês existem muitas razões e que por vezes podem até levar à perda definitiva das imagens.

Lista de serviços de alojamento de imagens

Pessoalmente prefiro fazer eu próprio o alojamento, mas por vezes também recorro a serviços externos. Só tens de pesar os prós e contras de acordo com os critérios acima.

Quanto vale o teu blog ou site?

Quanto vale o nosso  blog ou site? É uma pergunta que todos nós já fizemos. Se existem algum blogs que têm um valor único para o seu proprietário a verdade é que todos eles podem eventualmente ter um valor de mercado razoável, tendo em conta o tópico onde se insere e o volume de tráfego que obtêm.

Existem uma série de ferramentas online que estimam o valor do teu blog, atribuindo-lhe um valor. Este cálculo acaba por ser um pouco subjectivo, no entanto é atribuído tendo em conta dados como o tráfego, numero de links, numero de posts, etc.

Pela experiência que tive o valor atribuído é geralmente bastante acima do seu real valor, especialmente para blogs em português. Acaba por ser apenas uma oportunidade para ver se o teu blog está realmente com uma boa performance, e averiguar o seu potencial de rentabilização.

Aqui segue uma lista com 10 ferramentas para saberes quanto vale o teu blog:

Stimator

stimator-real-website-value-estimator
Calcula o valor com base em diferentes indicadores de várias fontes. Com design muito clean e recurso a código ajax é para mim o que fornece os resultados mais credíveis. Valor deste blog: 196 USD.

DNScoop

dnscoop-domain-name-value-history-stats-tool-and-forums
Dá o valor do domínio mas também dados históricos e relacionados com SEO. Muito interessante. Valor deste blog: 515 USD.

Continuar a ler este interessante artigo »

10 maiores blogs Portugal – Twingly

twinglyO Twingly é um motor de busca de blogs que também publica uma lista muito interessante dos maiores blogs mundiais. Esta lista está segmentada em linguas logo conseguimos também ver a lista dos maiores blogs em português. Como neste caso eles juntam os blogs em português de Portugal e em português do Brasil, e por uma questão de curiosidade fui analisar para ver quais os maiores blogs portugueses, segundo os critérios do Twingly.

  1. Blasfémias [www.blasfemias.net] 7º lugar
  2. 31 da Armada [http://31daarmada.blogs.sapo.pt] 8º lugar
  3. A Origem das Espécies [http://origemdasespecies.blogs.sapo.pt] 14º lugar
  4. O Insurgente [www.oinsurgente.org] 15º lugar
  5. Causa Nossa [http://causa-nossa.blogspot.com] 16º lugar
  6. 5 dias [http://5dias.net] 20º lugar
  7. Corta Fitas [http://corta-fitas.blogs.sapo.pt] 21º lugar
  8. Há vida em Markl [http://havidaemmarkl.blogs.sapo.pt] 25º lugar
  9. O Jumento [http://jumento.blogspot.com] 26º lugar
  10. Jugular [http://jugular.blogs.sapo.pt] 27º lugar

O Twingly é um motor de busca bastante interessante por ter elevada protecção contra os blogs de spam, sendo por isso utilizado por blogs de referência a nivel mundial para mostrar os trackbacks da blogosfera para os artigos que publicam. Em Portugal o sistema é utilizado pelo Publico, e com excelentes resultados.

Próxima Página →