Como colocar a barra de progresso do Ravelry no blog

Atualizado

Olá!!!

Antes de falar sobre a barra de progresso do Ravelry, inicio esta postagem com esta paisagem linda de Gramado!

Passamos o dia dos Namorados lá, e acho que todo mundo teve a mesma ideia...estava muito cheiooooo.

Era só o que se via, casal e chimarrão!

Nunca vi tanto casal junto, nossa!!!

Para não passar em branco  o dia Mundial de Tricotar em Público " World Wide Knit in public Day", fui com as minhas agulhas no carro, só que desta vez eram as agulhas de tricô, claro! 

Alguém já tricotou na viagem de carro ? É muito bom!!! Fomos passar o final de semana, mas acabamos saindo de casa muito tarde, e não pude encontrar com a Suzi Musse no Lago Negro, uma pena. 

E tricotei bastante na viagem!

Mas quero compartilhar uma coisa muito legal com quem gosta de novelotes, e suas agulhetes!

O Ravelry!

O Ravelry  É uma comunidade para quem gosta de linhas, lãs e agulhas! Quem não conhece tem agora todos os motivos para ao menos conhecer.

 Explico:

Eu estou cadastrada no Ravelry a algum tempinho, desde 2009, mas  na época não entendia muito o inglês e o com tempo escasso que tinha  acabei parando.

Mas então  com a chegada do inverno lá fui eu novamente continuar minhas buscas e apreciar as maravilhas que tem por  lá!

Para quem gostaria de entrar, e conhecer, digo que na época não foi fácil aprender. Eu não sabia cadastrar um projeto, tanto que pedi ajuda para uma amiga, e o negócio confundiu mais ainda,.... tudo de bom pra mim!!!!!

Fiz algumas vezes o cadastro de projeto, e só este ano pude então confirmar para ver se estava correto a maneira que eu fazia, com a ajuda deste blog   maravilhoso que encontrei - o " Tricô em Prosa"  -. E sim, estava esquecendo de alguns detalhes!!

Hoje  queria compartilhar com vocês que a Valéria tem tutoriais de como se cadastrar, como colocar seu projeto, cadastrar fios, como fazer uma busca avançada, estas coisas que com certeza vai ser ....: maravilhaaa para quem está iniciando!

Bom, agora  falando de html, códigos, e disso alguma coisinha eu entendo, hehe...

Eu havia colocado uma barra de progresso do Ravelry no blog de tricô em 2009, onde você pode ver e mentalizar o que ainda falta para acabar seu trabalho, e também poder entrar a qualquer hora quando estiver com sua página (blog) aberta para pesquisar a receita, ou ver quantos novelos ainda tem para terminar o projeto... estas coisas, todas....

 A barra de progresso é super legal e uma vez instalada em seu blog não precisa fazer mais nada  porque  ela é dinâmica e conforme vc vai dando um projeto como finalizado lá no Ravelry, ela vai lhe mostrando em porcentagem, o que falta em seu blog na sua barra, e lá no Ravelry, vai dando baixa no seu fio cadastrado, é um controle geral do negócio.

Na época coloquei de imediato porquê fucei em tudo por lá, e a barra foi o que me interessou e pra mim foi fácil, rsrs, mas eu trouxe uma orientação para quem quer esta interatividade em seu blog também.

acompanhe, se estiver interessado nesta ferramenta:

Atualizado para mostrar o que pode dar erro- 
veja  na foto 7

Esta é a foto da barra de progresso

Primeiro você já tem que estar cadastrado e ter algum projeto em andamento, se não não vai aparecer nada em sua barra. 

Estando logada em sua conta no Ravelry, role a primeira tela para baixo e clique na parte inferior do site  no menu "Googies". Clique para aumentar a foto e visualizar.

Clicando em "Goodies" irá aparecer esta  tela abaixo, então clique no link que coloquei em vermelho

Quando você clicar irá aparecer esta tela abaixo, onde você tem que copiar o código  do  passo 1 "step 1".
Copie  ou com CTRL +C,  todo o código, não esquecendo de nenhuma parte.

Entre em seu blog no seu painel estando no "desing", "elementos da páginas" ,  adicione um gadget.

Na tela que aparecer em pop-up os gadgets, clique  em HTML/javaScript.

Cole na caixa então, o código que você copiou antes do passo 1. Não salve ainda.

Atenção nesta parte: não clique no link que sinalizei com verde na foto abaixo. Se clicares ali, você entra no modo de edição de texto, e o que estamos colando ali é em HTML. Então deixe como está, igual a foto. 

Se clicares ali com o código colado, modificará todo o código e as barras não irão aparecer. Muitas vezes alguns códigos não dão certo no blog por causa deste detalhe, que pode enganar, pois pensamos que não estamos no modo HTML, e na verdade já estamos. Clicando iremos entrar em "Formato Rich text", e não é o que queremos. Então não clique.

Cerifique-se que colou todo o código do passo 1.

Volte na tela do Ravelry e copie o passo 2, (step 2), este que coloquei em vermelho na foto abaixo.

Volte na tela pop- up do Blogger que você colou seu 

código do passo 1 e cole abaixo dela o passo 2,(step 2). Como na foto.

Depois coloque um Título para este gadget.

Agora sim salve, e é muito importante dizer que a sua barra lateral do blog tem que ter uma largura maior para entrar as barras de progresso. Espere alguns minutos para começar a ver a barra. Se ela não aparecer, veja no dia seguinte.

Se sua barra lateral estiver com pouca largura a barra de progresso do Ravelry, não irá aparecer. Tente ajustar para no mínimo 280.

Se você não cadastrou nenhum projeto, também não irá aparecer .

Na página Goodies você também encontra o banerzinho do Ravelry.

Basta copiar em "salvar como, botão direito do mouse" se preferir no seu pc, e colocar como imagem no blog, adicionando seu link do perfil do Ravelry à imagem.  (No Blogger  gadget "adicionar imagem").

 Eles também disponibilizam o link das imagens para você.

Eu estou aqui

Bons progressos!