Rascunhos Blogger

Adicionar o Pai Natal/Papai Noel com o seu Trenó a voar pelo blog

2011-12-18T12:08:00.001Z

Na semana passada vimos como pôr o trenó do Pai Natal (Papai Noel) no Blog, usando uma imagem e o atributo MARQUEE; um método mais simples que não requer nada mais do que uma imagem.

Adicionar o Trenó do Pai Natal (Papai Noel) no Blog

Contudo, se quiser uma decoração de Natal mais chamativa pode ter este Pai Natal (ou Papai Noel) a voar pelo seu blog e a soltar à medida que vai andando pequenos brilhantes.

Trata-se dum script que pode em demostração neste mesmo artigo, o Pai Natal/Papai Noel andará pelo blog de baixo para cima por um certo período de tempo.

O script não tem opções de configuração, mas parece-me que mesmo assim é fantástico e super engraçado, e o melhor é que se instala colando apenas três linha de código, pelo que até os mais novos podem pôr um Pai Natal/Papai Noel nos seus blogs.

Para adicioná-lo no seu blog, basta seguir os passos abaixo:

Adicionar o Pai Natal/Papai Noel a voar pelo blog

1. Entre no Blogger > Modelo > Editar HTML, como indicado na imagem abaixo:

2. Clique em Continuar na mensagem que lhe será apresentada.

Se utiliza a antiga interface do Blogger, entre em Design > Editar HTML.

3. Procure pela tag destacada abaixo:

</body>

4. Antes dela cole o código abaixo destacado:

<script type="text/javascript" src="http://blogparts.giffy.me/0017/parts.js" />

5. Guarde as alterações e pronto!

Quando terminarem as festa de Natal só terá de eliminar este código e tudo voltará ao normal.

Download de Packs de Ícones de Natal

2011-12-10T13:01:00.001Z

Abaixo deixo dois packs de ícones natalícios para que vocês os possa descarregar e decorar o seu blog.

Espero que vocês gostem!

OFF TOPIC: Aproveito este pequeno post para perguntar a todos os leitores se estão a gostar do novo template do Rascunhos Blogger.

Diga-nos o que achou do template nos comentários!

Aqui ficam os ícones:

Download do pacote My Christmas

Download do pacote Christmas Icon Set

Veja mais pacote de ícones no blog Gem@ Blog.

Adicionar o Trenó do Pai Natal (Papai Noel) no Blog

2011-12-10T12:36:00.001Z

Se ainda não adicionou nenhuma decoração de Natal no seu blog, esta é uma boa opção para decorar o seu blog com um simpático Pai Natal (ou Papai Noel, ou Santa Claus como preferir) voando com o seu trenó na parte superior do seu blog.

Pode ver esta simpática personagem natalícia mesmo aqui neste artigo.

Uma das vantagens que tem esta decoração é que não requer nenhum script nem nada seja comprado na loja do chinês, apenas utilizaremos a etiqueta marquee para conseguir este efeito.

Para colocar no seu blog um Pai Natal como este aqui no artigo, basta seguir os passos abaixo.

Adicionar o Pai Natal (Papai Noel)

1. Entre no Blogger > Modelo > Editar HTML, como indicado na imagem abaixo:

2. Clique em Continuar na mensagem que lhe será apresentada.

Se utiliza a antiga interface do Blogger, entre em Design > Editar HTML.

3. Procure pela tag destacada abaixo:

</body>

4. Antes dela cole o código abaixo destacado:

<marquee scrolldelay='100' style='position:fixed; top:0; right:0; z-index:9999; width:100%;'><img src='http://lh4.ggpht.com/_dsEG33PDaHw/TQ1oyHhC1II/AAAAAAAAAfY/Q3bFWecjwcE/trineo-de-Santa.gif' /></marquee>

O a parte do código destaca a vermelho (scrolldelay='100') controla a velocidade com que se move o trenó do Pai Natal/Papai Noel, com um número menor, o trenó vai mover-se mais rápido.

Se preferir que o trenó apareça antes na parte inferior do blog, então, altere o código destacado a azul (top:0;) por este código aqui destaco abaixo:

bottom:0;

E com uns passos tão simples aqui tem um lindo Pai Natal/Papai Noel com o seu trenó viajando pelo seu blog!

Veja também o post destacado abaixo e saiba como adicionar neve no seu blog:

Efeitos de Neve no Blogger

Youtube renova o seu Design

2011-12-03T15:24:00.001Z

O YouTube renovou a sua página e lançou na última quinta-feira (1 de Dezembro) um novo design “mais limpo e simples” para facilitar a busca e a inscrição de vídeos em canais, além de intensificar o seu caráter social e oferecer mais opções de personalização e compartilhamento, informou o Google no seu blog oficial.

Mais informações sobre este assunto:

Blog Oficial do Google

G1 – Tecnologia e Games

Habilitar os Templates Mobile Personalizáveis e os Gadgets

2011-11-12T13:23:00.001Z

Já faz quase um ano que o Blogger lançou as versões para dispositivos móveis que pouco entusiasmo geraram pela simplicidade destas versões. Pois, há poucos dias, o Blogger anunciou, no seu blog oficial – o Blogger Buzz –, a habilitação dos templates personalizáveis para dispositivos móveis.

No RB: Novidade: Versão Mobile para os Blogs do Blogger

No Blogger Buzz: Introducing custom mobile templates

Para ativar estes templates personalizados entre na aba Modelo e faça clique no ícone abaixo de pré-visualização da versão do seu blog para dispositivos móveis, tal como mostra a imagem abaixo:

Em Escolher o modelo para telemóveis, escolha primeiramente “Sim. Mostrar o modelo para telemóveis em telemóveis.” e depois em Escolher o modelo para telemóveis escolha a opção Personalizado. Tal como na imagem abaixo:

Se utiliza a versão do Blogger em Português Brasileiro, em vez do passo acima siga este passo aqui destacado:

Em Escolher modelo para celular, escolha primeiramente “Sim, mostrar modelo para celular em aparelhos celulares.” e depois em Escolher o modelo para celular escolha a opção Personalizado.

Depois de feito isto, use o botão Pré-Visualizar/Visualizar para ver como se verá o seu blog na versão para dispositivos móveis com o seu template personalizado.

E guardamos as alterações, clicando em Guardar/Salvar. O seu blog deverá ser visto igualmente nos dispositivos móveis.

Os gadgets que aparecem por definição (o que deveriam aparecer) são o cabeçalho (header), os posts/artigos, o gadget de páginas, o Adsense e o gadget de créditos.

Mas se desejar que outros dos seus gadgets também deveriam aparecer, então, ainda na aba Modelo, clique em Editar HTML, e sem expandir os modelos de widget, procure a linha do gadget que lhe interessa, por exemplo, o gadget de Etiquetas/Categorias que se verá mais ou menos desta forma:

<b:widget id='Label1' mobile='yes' locked='false' title='Etiquetas' type='Label'/>

Adicionando o que está a cor azul indicará que este gadget deve verse também na versão para dispositivos móveis do seu blog.

Pelo contrário, se deseja que um gadget não apareça na versão mobile deverá indicar-lhe que não o faça:

<b:widget id='Label1' mobile='no' locked='false' title='Etiquetas' type='Label'/>

E melhor ainda, se quiser que um gadget seja unicamente visível na versão mobile, então adicione-lhe o seguinte código também destacado a azul:

<b:widget id='Label1' mobile='only' locked='false' title='Etiquetas' type='Label'/>

Agora sim, você poderá ter uma versão mobile do seu blog muito mais personalizada, conservando o desenho do seu template e com a vantagem de escolher quais os gadgets que se verão ou não nesta versão.

Criar Página para o Blog no Google Plus

2011-11-08T18:50:00.001Z

Se o Google + anda a pisar as pegados do Facebook, então devia oferecer-nos a opção de criar páginas, e isso é o que acabou de fazer! Agora também é possível criar uma página comunitária do seu blog para poder interagir com os seus leitores nesta dinâmica rede social do Google.

Criar Página de Fãs Profissional no Facebook

CRIAR UMA PÁGINA DE FÃS NO GOOGLE PLUS

O procedimento é tão fácil que não se demora nem um minuto a criar uma destas páginas. Só é necessário entrar na secção páginas do Google Plus e selecionar o tipo de página que pretende criar (para criar uma página para o seu blog, o mais apropriado é escolher o tipo “Outro”).

Dê um nome à sua página (1), escreva a URL do seu blog (2), selecione quem deve ver a sua página e aceite as condições do serviço (3). Depois clique em Criar (4).

Depois de criar a sua página, escreva o slogan (5) do seu blog e faça o upload da foto de perfil (6) da página. Depois clique em Continuar (7).

Uma vez feito isto a sua página já está pronta e pode dizer aos seus contactos nos seus círculos que já tem a sua nova página.

O último passo será mostrar uma página com tudo o que pode fazer nas suas páginas (nada mais do que podemos fazer nos nossos perfis pessoais desta fantástica rede social).

Aí verá uma hiperligação para criar um emblema que poderá adicionar num gadget HTML/JavaScript do seu blog.

Gadget HTML/JavaScript: Como adicionar?

Quando desejar eliminar a sua página no Google Plus só tem que entrar na secção As suas páginas e aí poderá administrá-la ou eliminá-la.

Como você pode ver, criar uma página no Google + é muito rápido e, em poucos segundos, poderá usar esta nova opção. Se desejar, pode unir –se à página do Rascunhos Blogger no Google + fazendo clique no botão abaixo:

Adicionar Olhos que Seguem o Cursor no Blog

2011-11-06T13:03:00.001Z

Uma forma engraçada para manter entretidos os leitores mais novos (e não só os mais novos) no nosso blog, é com uns olhos que seguem o cursor para onde este se mova. O objectivo é meramente entreter para mudar um pouco a seriedade do blog e fazer com que os leitores se divirtam!

Pode ver um exemplo na imagem abaixo:

Colocar este olhos que seguem o cursor não vai demorar muito tempo. Basta entrar na aba Esquema/Layout, clicar em Adicionar um gadget/Adicionar uma miniaplicação.

Escolha um gadget HTML/JavaScript. Dentro dele, cole o código abaixo:

<script type='text/javascript'>
//<![CDATA[
EYES = {};
EYES.stack = [];
//
EYES.follow = function (eye) {
var el1 = document.getElementById (eye);
var el2 = el1.getElementsByTagName ("IMG");
el2 = el2[0];
el2.centre = (el1.offsetWidth - el2.offsetWidth) / 2;
el2.style.margin = el2.centre + "px 0 0 " + el2.centre + "px";
el1.maxDist = 6 * el1.offsetWidth;
EYES.stack.push ([el1, el2]);
};
EYES.mousemove = function (e) {
if (!EYES.stack.length) {
return;
}
//
var mouseX = mouseY = 0;
if (!e) var e = window.event;
if (e.pageX || e.pageY) {
mouseX = e.pageX;
mouseY = e.pageY;
} else if (e.clientX || e.clientY) {
mouseX = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
mouseY = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
}
//
for (var e=0, l=EYES.stack.length; e<l; e++) {
var el = EYES.stack[e];
var elX = elY = 0;
if (el[0].offsetParent) {
obj = el[0];
do {
elX += obj.offsetLeft;
elY += obj.offsetTop;
} while (obj = obj.offsetParent);
}
el[0].centreX = elX + Math.round (el[0].offsetWidth / 2);
el[0].centreY = elY + Math.round (el[0].offsetHeight / 2);
var difX = mouseX - el[0].centreX;
var difY = mouseY - el[0].centreY;
var dTan = Math.atan2 (difX, difY);
var dist = Math.sqrt ((difX * difX) + (difY * difY));
dist = Math.sin ((dist > el[0].maxDist ? 1 : dist / el[0].maxDist));
var newX = el[1].centre + Math.round (Math.sin (dTan) * el[1].centre * dist);
var newY = el[1].centre + Math.round (Math.cos (dTan) * el[1].centre * dist);
el[1].style.margin = newY + "px 0 0 " + newX + "px";
}
};
if (window.attachEvent) document.attachEvent ("onmousemove", EYES.mousemove);
else document.addEventListener ("mousemove", EYES.mousemove, false);
//]]>
</script>
<div style="position:relative; height:150px; margin-bottom:30px;">
<div id="Ojo1" style="width: 170px; height: 140px;
background: url(http://lh5.googleusercontent.com/-ZvPrMLTmDss/Tq9hi3hOiuI/AAAAAAAAB3k/ns0hdu4oLHY/s170/ojo_1.png) center center no-repeat; position: absolute; left: 307px; top: 20px;">
<img src="http://lh3.googleusercontent.com/-xGTUu-uw3eE/Tq9FzB8X7AI/AAAAAAAAB1Y/r45hH1IpQ5I/s30/pupila.png" width="23" height="23" /></div>
<div id="Ojo2" style="width: 170px; height: 140px; background: url(http://lh4.googleusercontent.com/-fdWmeVfdzG4/Tq9hizn5WWI/AAAAAAAAB3o/PSUQixCGsHk/s170/ojo_2.png) center center no-repeat; position:absolute;
left: 485px; top: 20px;">
<img src="http://lh3.googleusercontent.com/-xGTUu-uw3eE/Tq9FzB8X7AI/AAAAAAAAB1Y/r45hH1IpQ5I/s30/pupila.png" width="23" height="23" /></div>
</div>
<script type="text/javascript">
EYES.follow ('Ojo1');
EYES.follow ('Ojo2');
</script>

Guarde as alterações e pronto! Tutorial completo"! Os olhos vão ver-se muito melhor se os adicionar abaixo do cabeçalho (header) do blog, portanto só tem que arrastar o gadget para baixo do cabeçalho e depois clicar em Guardar disposição/Salvar organização.

Como há alguma variedade, resolvi pôr à sua disposição quatro tipos de olhos diferentes, só tem que substituir a parte a azul do primeiro código por um destes códigos abaixo, de acordo com o tipo de olhos que escolher:

<div style="position:relative; height:145px; margin-bottom:30px;">
<div id="Ojo1" style="width: 132px; height: 143px; background: url(http://lh6.googleusercontent.com/-G1SdIK4EQAM/Tq9KUlmQhWI/AAAAAAAAB1k/TYW2FbzqSU8/s143/ojo1.png) center center no-repeat; position:absolute; left: 377px; top: 20px;">
<img src="http://lh4.googleusercontent.com/-naCDuX03WpQ/Tq9KeZErQJI/AAAAAAAAB1w/meYDW9Y51M8/s34/pupila.png" width="30" height="30" /></div>
<div id="Ojo2" style="width: 132px; height: 143px; background: url(http://lh4.googleusercontent.com/-DMZBDYo4Rn0/Tq9KUhX2nPI/AAAAAAAAB1g/aVv1zZO9HQU/s143/ojo2.png) center center no-repeat; position:absolute; left: 485px; top: 20px;">
<img src="http://lh4.googleusercontent.com/-naCDuX03WpQ/Tq9KeZErQJI/AAAAAAAAB1w/meYDW9Y51M8/s34/pupila.png" width="30" height="30" /></div>
</div>

<div style="position:relative; height:145px; margin-bottom:30px;">
<div id="Ojo1" style="width: 127px; height: 135px; background: url(http://lh6.googleusercontent.com/-nIFSFb0FUBc/Tq9OQfidbcI/AAAAAAAAB2U/3UyDsSjWgYE/s135/ojo1.png) center center no-repeat; position:absolute; left: 377px; top: 20px;">
<img src="http://lh5.googleusercontent.com/-BHj2y7unB1U/Tq9Q4hgLbeI/AAAAAAAAB2g/cuTjMwabrzI/s34/pupila.png" width="30" height="30" /></div>
<div id="Ojo2" style="width: 127px; height: 135px; background: url(http://lh5.googleusercontent.com/-as6ykEORMr0/Tq9OQSfgksI/AAAAAAAAB2Q/FgZsKFiFfR0/s135/ojo2.png) center center no-repeat; position:absolute; left: 515px; top: 20px;">
<img src="http://lh5.googleusercontent.com/-BHj2y7unB1U/Tq9Q4hgLbeI/AAAAAAAAB2g/cuTjMwabrzI/s34/pupila.png" width="30" height="30" /></div>
</div>

<div style="position:relative; height:161px; margin-bottom:30px;">
<div id="Ojo1" style="width: 180px; height: 161px; background: url(http://lh6.googleusercontent.com/-Co_Tz9uS1og/Tq9Z_kcMmUI/AAAAAAAAB3I/XT_s4Dy0GAs/s180/ojo1.png) center center no-repeat; position:absolute; left: 307px; top: 20px;">
<img src="http://lh6.googleusercontent.com/-nfvJpUE1CgM/Tq9W6TP9hNI/AAAAAAAAB24/KNwO7NSGqnM/s71/pupila.png" width="65" height="65" /></div>
<div id="Ojo2" style="width: 180px; height: 161px; background: url(http://lh5.googleusercontent.com/-U0ZSRONSNGM/Tq9Z_l-nKjI/AAAAAAAAB3M/PruPm2mkezY/s180/ojo2.png) center center no-repeat; position:absolute; left: 545px; top: 20px;">
<img src="http://lh6.googleusercontent.com/-nfvJpUE1CgM/Tq9W6TP9hNI/AAAAAAAAB24/KNwO7NSGqnM/s71/pupila.png" width="65" height="65" /></div>
</div>

Se quiser mover os olhos, mais para a esquerda ou para a direita, deve modificar as partes a cor vermelha. O primeiro valor é a distância do primeiro olho à esquerda, e o segundo valor é a distância do segundo olho também à esquerda. Por tanto, para separar ou juntar mais os olhos deve modificar apenas o segundo valor do left.

Espero que se divirta tanto como os seus leitores o farão

Visualizações Dinâmicas Disponíveis no Blogger

2011-10-15T10:51:00.001+01:00

Alguns de vocês, caros leitores do Rascunhos Blogger, devem recordar-se que desde os finais de Março do corrente ano, o Blogger anunciou as Visualizações Dinâmicas, as novas formas de ver os blogs hospedados no Blogger, a plataforma de hospedagem de blogs que é completamente gratuita.

Embora, neste período de tempo que se passou, não fizesse sentido usá-las, já que só era possível vermos como ficaria o nosso blog nessas condições, em Setembro deste ano [desculpem só estar informando os meus leitores agora], o Blogger, através do seu blog oficial – o Blogger Buzz –, anunciou a disponibilidade das Visualizações Dinâmicas como templates (modelos) que podem ser utilizados pelos blogs desta plataforma.

Segundo o Blogger, as Visualizações Dinâmicas foram construídas com as mais recentes tecnologias web (AJAX, HTML5 e CSS3) e são uma experiencia de navegação única que vai inspirar os seus leitores a explorar o seu blog de novas maneiras.

Os modelos/layouts atrativos, dinâmicos e interativos tornam mais fácil, aos seus leitores, descobrir e gostar dos seus artigos, com um carregamento/loading 40% mais rápido do que os tradicionais templates, já que não permitem a adição de mais nada, e trazendo artigos mais antigos à superfície para que sejam vistos como artigos frescos outra vez.

Quem quiser começar a usar um destes sete (7) novos template pode fazê-lo:

Na nova interface, dirija-se à página Modelo;
Na antiga interface, dirija-se ao Designer de Modelos.

Como foi dito, são templates muitos vistosos e originais, mas exclusivos (por agora) para quem não pretenda adicionar gadgets nem personalizar nada no seu blog.

Se não se decidiu a usá-las pode ao menos ver uma prévia para ver como ficaria o seu blog com um destes novos modelos:

.blogspot.com

Vídeo-Aula: Corrigir Imagens Tortas no Photoshop

2011-09-14T13:46:00.001+01:00

Bom dia caros leitores do Rascunhos Blogger! Nesta vídeo-aula veremos como trabalhar imagens que se encontram tortas com a utilização da ferramenta Crop Tool do Photoshop.

Esta aula teve a sua base no artigo destacado abaixo do blog Tutoriais Photoshop, que cito como fonte:

Como trabalhar imagens tortas usando a Crop Tool.

Veja então abaixo esta minha primeira video-aula sobre Photoshop:

Conselhos para o Uso dos Anchor Texts

2011-09-14T12:09:00.001+01:00

O anchor text é uma das ferramentas mais utilizadas para linkar um blog e melhorar o seu posicionamento nos motores de busca. Se você é principiante neste tema e desconhece o que é um anchor text pode ler o post destacado abaixo que lhe vai dar uma grande ajuda:

O que é o Anchor Text?

Mas devemos aprender a usar o anchor texto de maneira a que seja um benefício para nós mas não podemos abusar dos seus efeitos. Já que se os motores de busca do Google descobrem que estamos a usar de maneira excessiva o anchor text podemos ser penalizados.

Devemos adicionar pura e simplesmente os anchor text necessários, não carregar toda a página destes links, senão será óbvio que só estamos a tentar enganar o Google.

Por isso devemos pensar muito bem que palavras vamos usar num ancho text. Não devemos utilizar palavras que levem os leitores a clicar no link de forma enganosa. Quero por isto dizer, não podemos oferecer coisas que não são reais. Devemos sempre formar os anchor text com palavras-chave que possam ser utilizadas num motor de busca por alguém que queira chegar a esta informação. Pense numa combinação estratégica de palavras-chave para construir os anchor texts.

Não se esqueça também de controlar se os blogs que o linkam por meio de anchor texts são chamativos para os leitores. Quer dizer, que forneçam a informação necessária para que chame a atenção dos visitantes para que estes entrem no seu blog.

Estratégias que Devemos Evitar para Conseguir Links

2011-09-13T14:20:00.001+01:00

O link building é uma ferramenta importante para todo o webmaster, que queira posicionar uma página web ou blog. O trabalho de conseguir links para o seu blog é uma tarefa que requer paciência e objectivos, como tudo o que se encontra relacionado ao mundo do SEO.

Quer dizer, devemos planificar bem o nosso trabalho, sabendo que devemos seguir um processo de crescimento gradual com o correr das semanas. Contudo, há quem utilize técnicas que devem ser evitadas na hora de posicionar o seu blog.

Link Building: O que é e como funciona?

Link Building: Como Conseguir Links para o seu Blog

Link Building: Atrair Visitas com o Yahoo Respostas

SEO: Construa os seus Links com Parceiros

O que Evitar para Conseguir Links

Na construção de links/hiperligações, podemos numerar as técnicas mais costumes que devemos evitar:

Conseguir muitos links em pouco tempo: o link building deve ser moderado e constante. Não pode conseguir centenas de links em poucos dias. Os motores de buscas acabam por penalizá-lo se isto acontecer.
Intercâmbio excessivo de links em sites com temáticas distintas: trocar links é uma opção muito atrativa, contudo, fazê-lo com blogs que tratam temas nada semelhantes aos nossos e em grandes quantidades não nos vão ajudar, vão é fazer com que os links que nos interessam percam força.
Comentários com SPAM: comentar noutros blogs é uma estratégia que causa muito efeito se comentarmos algo relevante, que dê ainda mais significado ao post. Esses comentários onde não se escreve nada mas se deixam links não são bem-vindos por ninguém e não o vão ajudar em nada.
Fazer SPAM em Fóruns: é um caso semelhante ao anterior, só que aqui um moderador ou administrador vai neutralizá-lo.

São pequenas coisas que devemos evitar se queremos ter um blog bem posicionado nos motores de busca.

SEO: Construa os seus Links com Parceiros

2011-09-12T16:13:00.001+01:00

A construção de links/hiperligações, mais conhecida como link building (em inglês), é uma tarefa árdua que requer muito trabalho e paciência, como quase tudo que tenha a ver com o SEO (Otimização para motores de busca).

Para isso devemos procurar várias alternativas ou vias estratégicas para melhorar o posicionamento do nosso blog nos motores de busca, frente aos blogs que nos fazem mais competição, ou seja, os outros blogs que tratam o mesmo tema que nós tratamos nos nossos blogs.

Isto, dependendo da temática, pode levar mais ou menos tempo e vai requerer várias horas de trabalho.

Parcerias para melhorar o posicionamento

Estabelecer uma parceria para a construção de links para o nosso site ou blog pode ser muito interessante, devido a relações futuras que podemos criar, mais para além do link building que pretendemos realizar.

Devemos procurar um intercâmbio/troca de links que nos favoreça principalmente a nós e não aos outros blogs. Uma forma de conseguir-mos isto é fazer-mos uma troca de links com blogs com temáticas relacionadas ao tema do nosso blog.

Por exemplo, se o nosso blog trata o tema de hardware de computadores, poderíamos procurar links/hiperligações com aqueles blogs cuja temática é softwares, venda de equipamentos ou até com sites que ofereçam serviços técnicos.

São links de blogs ou sites relacionados à nossa temática, não são competição direta.

A outra alternativa é a tradicional procura de links em sites e blogs que tratam a nossa temática. Procurar uma aliança com vários blogs pequenos, ainda em crescimento, pode ser uma estratégia muito útil:

A união faz a força!

As parcerias são uma ferramenta imprescindível se queremos procurar um bom posicionamento para os nossos blog a médio-longo prazo.

Blogosfera Brasil: A Network do Blogueiros!

2011-09-11T00:52:00.001+01:00

Neste artigo, caros leitores do Rascunhos Blogger (@rasblogger), vou dar a conhecer a rede social que está voltada pura e simplesmente para nós, os blogueiros. Esta rede social é a Blogosfera Brasil e foi fundada em Janeiro de 2011 por Rodrigo Ribeiro Neto ( do Informação Virtual (@iv_blog).

Nesta rede social, você, blogueiro, pode criar um grupo para os leitores do seu blog, tópicos nos fóruns e, o melhor de tudo, interagir com outros blogueiros.

A ideia principal desta fantástica rede social, onde eu já estou registado é, citando o seu criador e administrador:

A ideia é que esta rede seja um ambiente para trocarmos conhecimento, esclarecermos dúvidas e divulgarmos [os] nossos trabalhos, tudo isso com bastante descontração, respeito e amizade.

Do que está à espera? Entre na Blogosfera Brasil, registe-se, crie um grupo para o seu blog e interaja com seus amigos blogueiros. Aproveite e dê um like na página do Facebook da rede e siga-os no twitter – @blogosferabr.

Torne-se também meu amigo, visitando o meu perfil e junte-se ao grupo do Rascunhos Blogger na Blogosfera Brasil.

Registar-me no Blogosfera Brasil Juntar-me ao grupo do RB

Link Building: Atrair Visitas com o Yahoo Respostas

2011-09-08T18:25:00.001+01:00

As redes sociais são uma excelente maneira de fazer marketing de forma rápida e gratuita. Isto porque estes sites tiveram uma grande aceitação por parte do público.

Redes sociais existem muitas, mas devemos escolher as que melhor se encaixam na hora de ganhar visitas.

Uma das redes sociais que mais atrai publico aos blogs, é o Yahoo Respostas.

Ganhar Visitas com o Yahoo Respostas!

Quando alguém procura uma solução para um problema (que foi realizado em forma de pergunta), está à procura de uma resposta que se baseie em fundamentos, e nada melhor que um link para um site ou blog que fale na resposta.

Quem fez a pergunta vai ler a sua resposta em breve, e vai interiorizar-se lendo o seu blog, por meio do link (da hiperligação) deixado.

Depois, se a sua resposta for elegida como melhor resposta, você vai obter um prémio duplo (sem contar com o sistema de pontos do Yahoo):

Vai haver mais visitantes a se interessarem pelo seu link, uma vez que já foi aprovado por outro(s) utilizador(es)/usuário(s);
Você ganhou um link, embora seja um link nofollow (leia o post abaixo destacado para mais informações).

Links Do Follow e No Follow

Desta forma, adicionados o nosso grão de areia a uma das páginas mais visitadas, no nosso país ou no Mundo. Mas, como sugestão, dedique-se só ao que sabe, não tente responder a perguntas que não têm lugar no seu conhecimento, pelo simples feito de deixar um link até ao seu blog.

A única coisa que lucrará com medidas como esta será a má fama que vai ganhar, a fama de spammer, que é muito pior.

Esclarecimento: é necessário estar registado no Yahoo para poder participar nas perguntas e respostas do Yahoo.

Chegou a Primeira Edição da Revista Blogosfera!

2011-09-06T14:10:00.001+01:00

É verdade, caros leitores do Rascunhos Blogger (@rasblogger), a revista idealizada por blogueiros e para blogueiros foi lançada no dia 05 de Setembro de 2011. Esta publicação, com direção de Gustavo Freitas e Leonardo Machado, é completamente gratuita e a sua temática está voltada exclusivamente para o universo dos blogs em Língua Portuguesa.

Veja como surgiu esta maravilhosa ideia que veio mudar a blogosfera:

A ideia surgiu com o Gustavo Freitas, que pensava em desenvolver um e-book coletivo, com vários blogueiros participando de cada capítulo. Depois de certo tempo ele chegou à conclusão de que seria muito mais útil criar um conteúdo mais dinâmico, ao mesmo tempo em que preenchia a lacuna de uma publicação mensal voltada para blogueiros.

Primeira Edição

Na 1ª edição, a Revista Blogosfera têm vinte e nove (29) páginas e a colaboração de nove (9) autores, sendo eles:

Rogério Bauru – Análise de Textos – @ProfBauru
Rodrigo Ribeiro Neto – Blogosfera Brasil – @blogosferabr
Gustavo Freitas – GF Soluções – @GustavoFreitas
Júnior Silva – Caixa do Júnior – @JuniorSilva
Leonardo R. Silva – Negocio Seo – @lrs2805
Laurentino Mello – Tinotec Solutions – @LaurentinoMello
Wander Veroni – Café com Notícias – @WanderVeroni
Bruno de Souza – Marketing 2.0 – @Brunounix
Tico Esteves – Novo na Rede – @TicoEsteves

Conclusão

Então do que está à espera? Visite o site da Revista Blogosfera e descarregue já a primeira edição desta fantástica publicação.

Aproveite e passe pela página do Facebook da revista dos blogueiros e curta/goste, siga também a revista no twitter (@RevBlogosfera).

Entrar no Site Fazer Download da Primeira Edição

E você gostou da primeira edição da Revista Blogosfera? Então deixe a sua opinião nos comentários que teremos muito prazer em lê-la!

Recomendamos também a leitura dos seguintes artigos:

Press release de “Lançamento da Revista Blogosfera”

Relação de blogs que estão ajudando na divulgação da 1ª edição

Revista Blogosfera Edição 1 está disponível para download grátis

Lançamento Revista Blogosfera 1º Edição

Lançamento da Revista Blogosfera! Um Projeto feito de Blogueiro para Blogueiro

1º Edição da Revista Blogosfera foi Finalmente Lançada

Decifrando as Interfaces do Blogger: Página Mensagens/Postagens

2011-09-03T16:41:00.001+01:00

Faz pouco tempo que o Blogger disponibilizou a sua nova interface e o seu novo design a todos os utilizadores, através da versão normal do Blogger. Portanto é bom nos vamos habituando a ela.

Nova Interface Disponibilizada a Todos no Blogger in Draft

Nova Interface Oficialmente Disponibilizada no Blogger

Para que os utilizadores tenham uma adaptação mais fácil a esta nova interface, a equipe do Rascunhos Blogger achou por bem, criar esta série de tutoriais onde estão a ser abordadas as diferenças entre as duas interfaces e a disposição dos recursos mais utilizados.

Decifrando as Interfaces do Blogger: Página Inicial

Decifrando as Interfaces do Blogger: Editores de Posts/Artigos

Neste tutorial veremos então as diferenças das duas interfaces relativamente à Página de Mensagens/Postagens.

Nas imagens acima podemos ver as duas páginas de mensagens: a da antiga interface (na imagem à esquerda), e a da nova interface (à direita).

Página de Mensagens/Postagens na Antiga Interface

Para que possa aceder à Página de Mensagens/Postagens, entre no painel do Blogger, e clique em Editar Mensagens/Editar Postagens, de acordo com a imagem abaixo:

A página será atualizada e vai aparecer-lhe uma lista de artigos, esta é a página de mensagens/postagens. Agora, de acordo com a imagem abaixo, vamos desvendar o funcionamento desta página:

Painel – Ao clicar nesta aplicação, voltará ao painel do Blogger.
A minha conta/Minha Conta - Ao clicar nesta opção, você será direcionado para a página de contas do Google, onde lhe serão apresentados os produtos do Google que utiliza e lhe serão propostos novos produtos a utilizar. Aqui poderá alterar a palavra passe (password) da sua conta do Google.
Ajuda - Nesta hiperligação, você será direccionado para o fórum de ajuda do Blogger.
Terminar Sessão/Sair - Ao clicar, a sua sessão será terminada, para que possa voltar a publicar no seu blog, ou para que possa voltar a personalizá-lo, fazer alterações nas definições/configurações, ou até aprovar comentários, terá de iniciar sessão, onde lhe serão pedidos o seu email e a sua palavra passe (password).
Nova Mensagem/Nova Postagem - Ao clicar aqui, a página será atualizada, e na nova página vai aparecer-lhe o editor de artigos, onde você, caro leitor, pode escrever os seus artigos e depois publicá-los no seu blog.
Pesquisar – Neste campo, você, caro leitor do Rascunhos Blogger, pode procurar/buscar um post específico do seu blog.
Etiquetas/Marcadores – Aqui estão listadas todas as categorias do seu blog. Se clicar numa categoria, a página será atualizada e apenas aparecerão os artigos do seu blog nessa categoria.
Ações de etiquetas/Ações de marcador – Permite adicionar ou remover categorias a um artigo previamente selecionado, sem ter que o editar.
Selecionar: Tudo/Selecionar: Todos – Permite selecionar todos os artigos.
Selecionar: Nenhum – Desseleciona todos os artigos.
As suas Mensagens: Tudo/Suas Postagens: Todos – Mostra todas as mensagens/postagens, sejam elas rascunhos, importadas, publicadas e agendadas/programadas.
As suas Mensagens: Rascunhos/Suas Postagens: Rascunhos – Mostra apenas as mensagens/postagens que se encontram em rascunho.
As suas Mensagens: Agendado/Suas Postagens: Programado – Mostra apenas as mensagens/postagens que se encontram agendadas/programadas.
As suas Mensagens: Importado/Suas Postagens: Importado – Mostra apenas as mensagens/postagens que foram importadas de um backup de blog.
As suas Mensagens: Publicado/Suas Postagens: Publicado – Mostra as mensagens/postagens que se encontram publicadas no seu blog.
Mais antiga/ Antigos – Mostra as mensagens/postagens antigas.
O mais antigo/ Mais Antigos – Mostra a página com os primeiros posts que publicou/postou no seu blog.
Editar – Ao clicar nesta opção, será direccionado para a página do editor de artigos/post onde poderá fazer alterações na mensagem/postagem.
Visualizar - Ao clicar nesta opção, será direcionado para a página do artigo correspondente no seu blog.
Eliminar/Excluir – Ao clicar nesta opção, estará a eliminar/deletar a mensagem/postagem correspondente.
Comentários - Ao clicar será redireccionado para uma nova página onde estão listados todos os comentários do blog, estejam aprovados, à espera de moderação ou estejam na aba SPAM.
Definições/Configurações - Ao clicar será redireccionado para uma nova página onde estão disponíveis a maioria das definições do seu blog, desde as mais básicas, como mudar o nome e o endereço do blog, e as mais importantes, digamos.
Design – Ao clicar neste link será redireccionado para página onde se apresentam as definições e as opções ligadas ao aspecto e ao design do seu blog. Nesta aba, que se divide em três sub-abas (Elementos de Página, Editar HTML e Designer de Modelos), podemos personalizar o modelo utilizado no blog, trocá-lo por outro template, e adicionar miniaplicações, gadgets e widgets.
Gerar Receitas – Esta hiperligação vai redirecioná-lo para uma página onde é possível adicionar anúncios, rentabilizando o seu blog, pois vai permitir-lhe ganhar algum dinheiro. Esta página está interligada com um outro serviço do Google, o Google Adsense.
Estatísticas – Ao clicar nesta opção, você, caro leitor, acederá a uma página onde estão disponibilizadas as estatísticas do seu blog, podendo ser estudadas por períodos de tempo (dia, semana, mês e desde a criação do blog) ou em tempo real.
Ver blogue/Visualizar blog – Ao clicar neste link, a página será redirecionado para a página do seu blog.

Página de Mensagens/Postagens na Nova Interface

Desvendemos agora a página de mensagens/postagens da nova interface, de acordo com a imagem acima:

Painel – Ao clicar nesta aplicação, voltará ao painel do Blogger.
Mensagem Nova/Nova postagem - Ao clicar aqui, a página será atualizada, e na nova página vai aparecer-lhe o editor de artigos, onde você, caro leitor, pode escrever os seus artigos e depois publicá-los no seu blog.
Ver mensagens/Visualizar postagem – Atualiza esta página.
Ver blogue/Visualizar blog – Ao clicar neste link, a página será redirecionado para a página do seu blog.
Mensagem Nova/Nova postagem - Ao clicar aqui, a página será atualizada, e na nova página vai aparecer-lhe o editor de artigos, onde você, caro leitor, pode escrever os seus artigos e depois publicá-los no seu blog.
Descrição Geral – ao clicar será direccionado para uma página com um gráfico de visualizações de página do blog e com as últimas notícias do Blogger para além de mostrar o número de comentários para moderar, dos publicados, das visualizações de página de hoje, dos artigos e dos seguidores.
Mensagens/Postagens – Página onde nos encontramos neste momento.
Páginas – Página onde são listadas todas as páginas do seu blog.
Comentários - Ao clicar será redireccionado para uma nova página onde estão listados todos os comentários do blog, estejam aprovados, à espera de moderação ou estejam na aba SPAM.
Estatísticas – Ao clicar nesta opção, você, caro leitor, acederá a uma página onde estão disponibilizadas as estatísticas do seu blog, podendo ser estudadas por períodos de tempo (dia, semana, mês e desde a criação do blog) ou em tempo real.
Ganhos – Esta hiperligação vai redirecioná-lo para uma página onde é possível adicionar anúncios, rentabilizando o seu blog, pois vai permitir-lhe ganhar algum dinheiro. Esta página está interligada com um outro serviço do Google, o Google Adsense.
Esquema/Layout – Ao clicar neste link será redireccionado para página onde se apresentam algumas das definições e as opções ligadas ao aspecto e ao design do seu blog. Nesta aba, podemos adicionar miniaplicações, gadgets e widgets.
Modelo – Ao clicar será redireccionado para página onde se apresentam as outras definições e as opções ligadas ao aspecto e ao design do seu blog. Nesta aba, podemos personalizar o modelo utilizado no blog ou trocá-lo por outro template.
Definições/Detalhes - Ao clicar será redireccionado para uma nova página onde estão disponíveis a maioria das definições do seu blog, desde as mais básicas, como mudar o nome e o endereço do blog, e as mais importantes, digamos.
Todas - Mostra todas as mensagens/postagens, sejam elas rascunhos, importadas, publicadas e agendadas/programadas.
Rascunhos - Mostra apenas as mensagens/postagens que se encontram em rascunho.
Publicadas - Mostra as mensagens/postagens que se encontram publicadas no seu blog.
Selecionar Todos os Posts - Permite selecionar todos os artigos.
Aplicar Etiqueta/Aplicar Marcador - Permite adicionar ou remover categorias a um artigo previamente selecionado, sem ter que o editar.
Publicar – Publica os post selecionados.
Reverter para rascunho – Guarda/Salva como rascunho os artigos do seu blog que estão selecionados.
Eliminar mensagens selecionadas – Elimina os artigos do seu blog que estão selecionados.
Todas as etiquetas/Todos os marcadores - Aqui estão listadas todas as categorias do seu blog. Se clicar numa categoria, a página será atualizada e apenas aparecerão os artigos do seu blog nessa categoria.
Pesquisar – Neste campo, você, caro leitor do Rascunhos Blogger, pode procurar/buscar um post específico do seu blog.
Editar – Ao clicar nesta opção, será direccionado para a página do editor de artigos/post onde poderá fazer alterações na mensagem/postagem.
Visualizar - Ao clicar nesta opção, será direcionado para a página do artigo correspondente no seu blog.
Eliminar/Excluir – Ao clicar nesta opção, estará a eliminar/deletar a mensagem/postagem correspondente.

Hoje ficamos por aqui! Espero que o tutorial o tenha ajudado!

Link Building: Como Conseguir Links para o seu Blog

2011-09-03T14:44:00.001+01:00

Para um blogueiro, uma das suas maiores ocupações baseia-se, juntamente com a de escrever artigos de qualidade, em conseguir visitas, e para isso utilizam-se todos os tipos de ferramentas e realizam-se trabalhos de otimização para os motores de busca, conhecido com SEO.

É assim como um blogueiro desenvolve a sua estratégia de SEO, pelo meio do Link Building, que é uma planificação para a obtenção de links/hiperligações.

Uma vez realizada uma planificação, surgem perguntas de como levar a cabo tal tarefa. Para isto contamos com algumas possibilidades, que nos ajudaram:

Trocar links/hiperligações com outros blogs;
Inscrever/Registrar o nosso blog em diversos diretórios;
Comentar noutros blogs;
Participar nas redes sociais ou comunidades como o Yahoo Respostas

Devemos recordar que há coisas de que o Google não gosta e devemos evitá-las para que não sejamos penalizados.

Outra coisa que devemos recordar é que o Google tem em conta a autoridade do link/hiperligação, pelo que um link para o nosso blog de um site com alto Page Rank, com bom tráfico, com poucos links salientes e de temática semelhante, será mais valorizado do que um link dum diretório onde tenhamos inscrito/cadastrado o nosso blog.

Nova Interface Oficialmente Disponibilizada no Blogger

2011-08-31T23:10:00.001+01:00

Nos últimos tempos, todos temos vindo a reparar que muitos dos produtos do gigante das buscas, o Google, têm vindo a ficar com «cara nova», ou devo dizer, de design novo.

E hoje chegou a vez do Blogger, um dos mais famosos serviços do Google, está de interface renovada!

Já se passaram alguns anos desde que foram feitas grandes atualizações no visual do Blogger, e há mais do que simples alterações no design pois a equipe do Blogger tentou tronar a nova interface mais rápida e mais eficiente para nós, os seus utilizadores, e para que eles a possam melhorar mais facilmente ao longo dos tempos.

Ao longo de toda esta experiência, foram realizadas entrevistas aos utilizadores/usuários para ajudar a tornar o Blogger ainda mais fácil e agradável de seu usar.

Veja abaixo algumas das imagens da nova interface:

Veja também outros artigos sobre este tema:

Blogger’s fresh new look – Blogger Buzz (Em Inglês)

Nova Interface Disponibilizada a Todos no Blogger in Draft

Decifrando as Interfaces do Blogger: Página Inicial

Decifrando as Interfaces do Blogger: Editores de Posts/Artigos

Indexação de Imagens do Google Muito Mais Rápida

2011-08-29T23:58:00.001+01:00

A Pesquisa de Imagens do Google costumava ter uma indexação que não era atualizada muito frequentemente. A partir duma altura, o Google começou a incluir imagens do Google Notícias (Google News), para que os utilizadores/usuários pudessem encontrar imagens de eventos recentes.

Agora estão disponíveis constantes updates no índex do motor de busca de imagens, que ocorrem em tempo real, tal como já acontecia para o índex da pesquisa do Google. Alguns minutos depois de publicar um post/artigo, você poderá ver as imagens utilizadas no seu artigo já indexadas no Google!

A Pesquisa de Imagens do Google ainda não indexa todas as imagens assim que as páginas são indexadas pelo Google, mas os melhoramentos são notados.

Fonte: Google Indexes Images a Lot Faster

Ferramentas de Paginação do Gmail

2011-08-17T15:57:00.001+01:00

A atualização no design do Gmail substituiu os links de paginação com botões com setas. Mesmo que não seja óbvio, os links de navegação que nos mandavam para as mensagens antigas/recentes ainda estão disponíveis nesta nova interface. Só temos que clicar numa mensagem semelhante a “51 – 100 de 3887” do screenshot abaixo e encontraremos duas opções que pareciam estar desaparecidas.

Isto funciona nos resultados de pesquisas do Gmail e quando acedemos à página duma das categorias. Por exemplo, se formos à categoria “Todo o correio”, clicarmos na mensagem da paginação, como na imagem acima, selecionamos “Mais antigas” e encontramos os primeiros emails recebidos na nossa conta do Gmail.

Para as pesquisas que tem muitos mas muitos resultados, a única ferramenta de paginação que funciona é o link “Mais recentes” porque o Gmail mostra estimativas vagas para o número de resultados, como por exemplo, “1-20 de centenas” e não pode ser determinada a última página de resultados.

Fonte: Gmail's Newest/Oldest Pagination Features

Atalho para o Caps Lock não Documentado no Chrome OS

2011-08-17T13:12:00.001+01:00

Uma das mudanças mais importantes que o Google fez ao projetar o teclado para os notebooks com o Chrome OS foi a substituição da tecla Caps Lock por uma tecla de busca. Enquanto que a tecla de pesquisa não é muito útil, uma vez que só abre uma nova aba, a tecla Caps Lock fez um monte de comentários, tópicos em fóruns e emails ilegíveis.

Se você precisa mesmo de usar a tecla Caps Lock, há uma maneira de definir a tecla de busca como tecla Caps Lock nas configurações. Infelizmente, é demorado, especialmente se você estiver constantemente a alternar a tecla de pesquisa e a tecla Caps Lock. Há uma maneira melhor: pressione as teclas Shift ao mesmo tempo, para ativar ou desativar a tecla Caps Lock. É um atalho não documentado que funciona nas últimas versões do Chrome OS.

Fonte: Undocumented Shortcut for Caps Lock in Chrome OS

Google Compra Motorola Mobility

2011-08-15T14:24:00.001+01:00

O Google vai comprar o fabricante de telemóveis Motorola Mobility por 12,5 bilhões/mil milhões de dólares, que corresponde a 8,7 bilhões/mil milhões de euros em dinheiro, com o objectivo de expandir o seu sistema operativo Android, indicou a empresa norte-americana em comunicado.

O Google é versado nas aquisições empresariais, mas normalmente compra empresasstart-up. A compra da Motorola Mobility é uma operação com uma nova dimensão. Esta compra marca igualmente a entrada do grupo de Mountain View (Califórnia) no mundo do hardware, uma revolução na sua estratégia que, até ao momento, se tem mantido no domínio do software.

Google Testa Nova Interface

2011-08-14T00:51:00.001+01:00

O Google tem vindo a fazer alguns experimentos com uma nova interface de pesquisa para o/a ambiente/área de trabalho que usa algumas ideias da interface para tablets lançada recentemente. Há um grande título "Search" (em Português, Pesquisa/Busca) por baixo do logótipo do Google e as previsões instantâneas são exibidos abaixo do cabeçalho.

Veja do que estou a falar na imagem abaixo:

A nova interface parece estranha devido à etiqueta que mostra o número de resultados da busca e separa a caixa de pesquisa a partir da lista de sugestões. Outra questão importante é só são mostradas duas (2) sugestões nas previsões instantâneas em vez das quatro (4).

Fonte e Imagem: Google Tests a New Instant Interface

O Google + Anuncia Novo Recurso: Jogos

2011-08-13T23:35:00.001+01:00

O Google+ tem, desde anteontem (11/8), um novo recurso para os seus utilizadores: jogos. A empresa criou uma página específica para que as pessoas inscritas na rede social podessem jogar online, com amigos ou mesmo sozinhas, de acordo com post publicado no blog oficial do Google. Por enquanto, a função não está disponível para todos, mas a empresa de Montain View promete que, nas próximas semanas, isso será expandido a qualquer pessoa inscrita nesta rede social.

Inicialmente, estão disponíveis 16 jogos no Google+, incluindo o Angry Birds, Bejeweled Blitz, Bubble Island, City of Wonder, Collapse! Blast, Crime City, Diamond Dash, Dragon Age Legends, Dragon of Atlantis, Edge World, Flood-It!, Monster World, Sudoku, Wild Ones, Zombie Lane e Zynga Poker.

Mais Informações:

Games in Google+: fun that fits your schedule (Em Inglês)

Google+ passa a oferecer jogos e Facebook responde com novos recursos

Google anuncia Stream de Games no Google+

Google Plus também já tem jogos

Utilizadores Visualizam o Facebook e o Google + da mesma maneira

2011-08-13T13:17:00.001+01:00

O Google Plus (+) foi obviamente concebido como um forte concorrente do Facebook, tendo muito em comum com esta rede social, além de uma pitada de algumas ideias inovadoras levadas a cabo pela gigante Montain View.

Mas se você prestar atenção ao layout/esquema da homepage destes dois serviços, vai notar que eles são realmente muito idênticos. Os olhos dos utilizadores/usuários vão directamente para a coluna de status grande no meio do ecrã/tela, depois para a lista de categorias no lado esquerdo, e de seguida então para os alertas sobre a coluna à direita.

Isto de acordo com o estudo realizado pelo site realizado na semana passada pelo site EyeTrackShop:

Neste estudo participaram cinquenta e quatro (54) pessoas, muitas delas com idades inferiores aos 34 anos.

Na verdade, o objectivo principal deste estudo era estabelecer onde o anúncios do Google + têm mais potencial do que os anúncios do Facebook, o que é um bocado antecipado, uma vez que o Google + ainda não exibe anúncios.

Fonte: Eye-Tracking Study Shows Users Perceive Google+ and Facebook Virtually Identically