Feliz 2011 e um pouco mais

Um pouco atrasado mas com boa intenção quero registrar aqui o meu FELIZ 2011! Tenho grandes planos e muita expectativa para esse novo ano e quero compartilhar com todos essa onda de esperança e boas energias.

Se ainda não fez, faça planos! Pense positivo! Se quer um ano diferente, com respostas diferentes das de 2010, não esqueça de fazer novas perguntas! Comentei no Facebook a alguns dias, vamos aproveitar 2011 para reciclar idéias e economizar nosso tempo, não desperdiçado com bobagens (não as bobagens legais que fazem bem, mas com todas aquelas que só nos fazem mal) e assuntos que não acrescentam nada em nossas vidas.

Sobre o BLOG...

Bem, vamos lá! Tenho escrito muito pouco aqui pois estou com a expectativa de começar um ano novo com blog (e endereço!) novo! Sabe quando você compra um carro novo e não dá mais tanta atenção ao antigo, mesmo que o carinho permaneça? É mais ou menos por ai! Em breve, mais tardar em fevereiro, estará no ar o blog no www.buzelli.com. Mas tenho estado bem presente em outras mídias:

Reader - www.google.com.br/reader/shared/rbuzellios assuntos que li e gostei, compartilhados e comentados. Foco mais em tecnologia, mas tem idéias, humor, design... enfim, um pouco de tudo!

Twitter - www.twitter.com/rbuzelliaqui o lado nerd fica bem evidente, com uma força maior na parte geek - tecnologia, novidades, lançamentos e gadgets.

Facebook - www.facebook.comé no Facebook que tenho postado assuntos pessoais, que fogem um pouco da temática de TI. Idéias, fotos, coisas do dia a dia (prometo evitar falar do meu dia, minuto a minuto, quem quiser ver isso tem o BBB11 no ar!) e um espaço para comentar o que os amigos estão fazendo. Se o mundo virtual fosse minha casa o Facebook está mais para a varanda, com direito a rede (wi-fi).

Por enquanto sugiro que acompanhe essas outras casas mas não deixe de entrar aqui! Anote também o endereço novo, lá sim será um espaço mais organizado para postar e comentar as idéias e pontos de vista, prometo um compacto com os melhores momentos de todos esses perfils que comentei!

Vou indo, Feliz 2011!
Clique aqui para ler o texto completo.

Bia Kunze, a Garota Sem Fio

Procuro escrever por aqui sobre os assuntos que me chamam atenção no dia a dia e geralmente publico aquilo que é mais direto e simples de escrever, ja que todo texto que precisa de pesquisa consome um tempo que nem sempre posso dispor - que o digam todos os materiais que separei para escrever por aqui! A idéia principal é compartilhar um pouco do que vejo e penso, nos mais variados assuntos.

Freqüentemente refiro-me a Bia Kunze nos meus textos rápidos, comentando algum material que ela publicou em seu blog, o Garota Sem Fio. Para quem não a conhece sugiro ler a matéria publicada no blog Consumidor Moderno (o link estará mais abaixo), que conta um pouquinho da sua história. A admiração por ela vai tanto pela profissional, que procura sempre compartilhar suas experiências com os leitores do seu blog, quanto a pessoa que por tantas vezes apareceu apoiando uma ONG, uma campanha ou mesmo com uma dica ecológica. Fica aqui a lembrança e a recomendação, visite o blog da Garota Sem Fio e aproveite! :)


HYPERLINK
Matéria sobre a Bia Kunze no site Consumidor Moderno aqui
Blog da Garota Sem Fio aqui
Twitter da Bia aqui

Clique aqui para ler o texto completo.

Resumo de post expansível : Update

No post sobre resumos expansíveis eu expliquei como usar a ferramenta no seu Blogger, mas as mudanças tinham um efeito colateral: em todos os posts do blog, mesmo os publicados antes da alteração, aparecia o texto Clique aqui para ler o texto completo no final do texto.

Agora achei uma solução e atualizei o tutorial! Se você leu a primeira versão, confira agora o passo 6 e seja feliz!

Clique aqui para abrir o post original.

Clique aqui para ler o texto completo.

Resumo de post expansível

Desde que escrevo no Beira Mar venho alterando alguns detalhes visuais do site para agradar mais aos nossos olhos - os meus e os seus -. Foram modificações sutis, como nova diagramação ou alteração de alguns menus laterais do blog.

Ja faz um tempo que quero implantar por aqui os resumos de post expansível ou expandable post summaries. Alguns podem não saber o que é, mas a maioria ja clicou em um! Com essa ferramenta podemos exibir algumas das primeiras linhas do post na página principal do blog e colocar um link para que o leitor possa abrir o post completo, caso tenha interesse. Assim o blog fica menos poluído e a navegação não fica prejudicada pelos textos mais longos.

Criei dois exemplos para explicar melhor essa ferramenta:

1. Nesse todo o texto do post é exibido na página principal do blog (click aqui)
2. Agora apenas o começo do texto do post é exibido na página principal do blog. O texto completo aparece apenas quando você clica em Clique aqui para exibir o texto completo (click aqui).

Nesse post vou explicar de forma simples e clara como implantar essa função em seu Blogger.

Observação: Esses passos funcionam para quem usa um dos novos modelos do Blogger. Quem usa o modelo Clássico pode ter de adaptar os comandos abaixo. Nesse caso recomendo usar os links das fontes de pesquisa, no final do post, para ter mais informações.

Passo 1. Para começar, essa função precisa ser configurada no HTML do seu blog. Para editar o HTML clique em Modelo e em seguida Editar HTML. Não esqueça de habilitar a opção Expandir modelos de widgets, conforme a imagem abaixo. Antes de editar o código HTML do seu blogger recomendo que você faça uma cópia do html atual clicando em Baixar modelo completo. Caso você tenha algum problema com as alterações basta selecionar o arquivo salvo no seu computador e clicar em Fazer upload para restaurar todas as configurações.


Passo 2. Procure no código html o texto </head>. Você deve copiar e colar o código abaixo entre <]]>/b:skin> e </head>:

<!-- início do texto expansivel by rbuzelli.blogspot.com -->

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

<!-- fim do texto expansivel by rbuzelli.blogspot.com -->

Com essa primeira alteração o código html deve ficar assim:

Passo 3. Agora procure no código html o texto <data:post.body/>. Copie e cole o texto abaixo logo abaixo dele:

<!-- inicio da alteração para texto expansivel by rbuzelli.blogspot.com -->
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url' target='_blank'>Clique aqui para ler o texto completo.</a>
</b:if>
<!-- fim da alteração para texto expansivel by rbuzelli.blogspot.com -->

Fazendo essa alteração o texto deve ficar assim:

Observação: Nessa hora você pode fazer uma alteração! No código acima, o texto Clique aqui para ler o texto completo. é a frase que vai aparecer sempre que o seu post for publicado usando o resumo de post expansível. Caso você queira mudar essa frase basta alterar o texto! Por exemplo, você pode usar o código abaixo para usar a frase Se quiser ler mais, clique aqui!:

<!-- inicio da alteração para texto expansivel by rbuzelli.blogspot.com -->
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url' target='_blank'>Se quiser ler mais, clique aqui!</a>
</b:if>
<!-- fim da alteração para texto expansivel by rbuzelli.blogspot.com -->

Passo 4. Clique em SALVAR MODELO e as alterações no código estão prontas! Não foi tão difícil, foi? Agora vamos ao mais fácil, um pequeno código que precisa ser usado em cada novo post que você criar: <span class="fullpost"></span>.

Para cortar o texto dos seus post no ponto que você quer será preciso usar o código acima da seguinte forma:

Essa parte do texto eu quero exibir na página principal do meu blog.

<span class="fullpost">Ja essa parte do texto só será exibida quando a pessoa visualizar o post completo, clicando no link no final do texto.</span>.

Quem for ler o seu blog verá o texto abaixo na página principal:

Essa parte do texto eu quero exibir na página principal do meu blog.

Clique aqui para ler o texto completo.

Quando clicar no link ou entrar direto no post, ao invés de navegar em sua página principal, ele verá:

Essa parte do texto eu quero exibir na página principal do meu blog.

Ja essa parte do texto só será exibida quando a pessoa visualizar o post completo, clicando no link no final do texto

Com isso você está pronto para escrever seus posts expansíveis! Só falta agora a dica de como automatizar seus blog de forma a todos os seus próximos posts terem o código <span class="fullpost"></span> incluso.

Passo 5. Clique em Configurações, selecione Formatação e na lista de opções que você terá procure Modelo de postagem. O modelo de postagem é um campo onde podemos digitar um texto que será incluído em todos os novos posts. No campo em branco copie e cole o código abaixo:

.

<span class="fullpost">..</span>

O seu modelo de postagem deverá ficar conforme a imagem abaixo:


Agora sempre que você criar um nos post basta substituir "." pelo texto que deverá ser lido na página principal ".." pelo restante do texto.


POST ATUALIZADO
dia 09|01|09 . 08:20.12:57

Passo 6.Com os passos acima o código causa um efeito colateral no blog. O texto Clique aqui para ler o texto completo aparece no final de todos os post, mesmo os que foram publicados antes da alteração. Eu havia colocado uma observação do começo desse tutorial detalhando o problema, mas agora encontrei uma solução!

Sempre que você quiser publicar um post sem usar o resumo expansível basta adiconar no final do texto o código:

<span class="fullpost"><div></span></div>.

Para facilitar meu trabalho, atualizei meu modelo de postagem (ver o passo 5) com o código abaixo:

.

<span class="fullpost">..<div></span></div>

Dessa forma eu posso apagar o ".." quando quero escrever um texto curto e a mensagem do texto expansível não aparece. Quando quero dividir o post eu apenas apago <div></div> e substituo ".." pela segunda parte do texto.

The End

Detalhei cada parte do processo para não deixar dúvidas. Quando você for colocar em prática verá que é mais simples do que parece! Qualquer dúvida ou sugestão, basta deixar um comentário no tópico. Espero que seja tão útil pra você quanto foi pra mim!


FONTES DE PESQUISA
Minha primeira fonte de consulta foi o help do próprio Blogger (em português e em inglês). Só que as informações dele não são muito claras e só me ajudaram com as palavras chave que eu usei para pesquisar no Google. Com elas eu cheguei em dois blogs, Vento Sueste e Dummies Guide To Google Blogger Beta.

Existe uma outra opção para adaptar textos longos ao seu site: a ferramenta exibir/ocultar textos ou show/hide links , também explicada na Ajuda do Blogger. Como você pode ver aqui, apesar do bom humor de quem explicou o código ficou algumas lacunas. Tentarei escrever em os detalhes dessa outra ferramenta. Clique aqui para ler o texto completo.

Resumo de post expansível : Exemplo 2

Esse texto é um exemplo para o post resumo de post expansível.

Nesse segundo exemplo você lê apenas algumas linhas do texto na página principal do blog. O texto completo só é exibido quando você clica em Clique aqui para exibir o texto clompleto.

Clique aqui para ler o texto completo.

Resumo de post expansível : Exemplo 1

Esse texto é um exemplo para o post resumo de post expansível.

Nesse primeiro exemplo você lê todo o texto do post de uma única vez!

Clique aqui para ler o texto completo.

Jovem Nerd no topo do mundo...

... dos podcasts. Recomendei a pouco tempo atrás o podcast nº86 nas páginas desse mesmo bat-blog e agora tenho o prazer de comentar que o povo elegeu o Jovem Nerd como o melhor podcast do mundo! Parabéns, nerds de plantão, que a força continue com vocês!

Clique aqui para ler o texto completo.

Super Trunfo Blogs

O tempo passa e o conteúdo do site acumula em inúmeros rascunhos deixados de canto.

*Nota mental: organizar o tempo, pô!*

Mas sempre que posso, deixo aqui uma dica (as curtinhas são as mais fáceis!). Nessa categoria destaco aqui o trabalho que tiveram para criar o Super Trunfo Blogs, um Super Trunfo com cartas dos principais sites da Blogosfera brasileira. Faltaram alguns na lista, mas muitos permanentes do meu Reader estão por lá, vale olhar o trabalho que os criadores tiveram com a arte e as dicas de site.

Link: clique aqui by Treta.

Clique aqui para ler o texto completo.