domingo, 26 de abril de 2009

Blog com fundo fixo

Postando minha contribuição ao Movimento Blog Voluntário.


Algumas pessoas tem me perguntado como ter um blog com fundo fixo.

Modelo AQUI.

Bom... Fui à pesquisa e com a ajuda da amiga Kátia Villar aprendi como fazer e estou ensinando aqui.


1º Passo: Acesse o Painel de seu blog e clique em Layout.



2º Passo: Em Layout clique em Escolher novo modelo e escolha Minima. Após clique em Salvar Modelo.



3º Passo: Agora clique em Editar HTML.



4º Passo: Dentro do HTML procure por body.



5º Passo: Abaixo de "background:$bgcolor;" insira o seguinte código

background-image:url(ENDEREÇO DA IMAGEM);
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed;

Vai ficar assim:


6º Passo: Hospede o seu Back (layout de fundo) na internet e coloque o endereço gerado onde diz "ENDEREÇO DA IMAGEM" na figura acima. Clique em visualizar, para ver se está tudo ok e depois em Salvar Modelo.



Prontinho!!!
Seu blog está com um fundo fixo!!!
Qualquer coisa, é só deixar um recadinho!!!
Se souber estarei ajudando!!!
Beijos!!!
Joanirse

domingo, 12 de abril de 2009

Imagens em janela rolante

Para publicar imagens em janela rolante faça o seguinte:

1º Passo:
Escolha e copie o modelo de janela desejado aqui

2º Passo:
Abra o layout de seu blog e adicione um novo gadget
(Painel - Layout - Adicionar um novo gadget)


Na tela que abre escolha "HTML/JavaScript"


3º Passo: Dê um título para o gadget e cole o código da janela que escolheu.
Observe que no código tem um local que diz: "Escrever o texto aqui". É nesse local que vamos colocar o código das imagens.





4º Passo: Agora vamos criar os códigos para as imagens. Para isso vamos utilizar o BrImagens.
Obs.:
Antes...observe a largura de sua janela e redimensione as imagens para um tamanho um pouquinho menor. Se não fizer isso, aparecerá só um pedaço da imagem.

Agora clique aqui.
Olhe a tela que abre.


5º Passo: Clique em "Procurar" e localize a imagem em seu computador. Após clique em "Upload Imagem".


Após efetuado o upload, vai abrir uma outra tela. Nessa tela copie o último código.


6º Passo: Agora vamos voltar ao novo gadget criado e colar o código da imagem no local que diz "Escrever o texto aqui".


Faça os Passos 5 e 6 tantas quantas forem as imagens que deseja postar e vá colocando uma abaixo da outra no gadget que criou.


Eu coloquei 3 imagens. Observe que dei um "enter" entre elas para não ficarem uma grudada na outra.
Para visualizar, clique em "Formato Rich Text".


Tudo ok?
Clique em Salvar então!!!
 Prontinho!!!
Olha como ficou o meu!!!





Imagem Hospedada por bRimages.com - Hospedagem de Imagens!

Imagem Hospedada por bRimages.com - Hospedagem de Imagens!

Imagem Hospedada por bRimages.com - Hospedagem de Imagens!



Qualquer dúvida, é só deixar recado!!!
Se souber estarei ajudando!!!
Beijos!!!

sábado, 11 de abril de 2009

Feliz Páscoa!!!

Ofereço esse simples cartão para todos que por aqui passarem, desejando uma Feliz e Abençoada Páscoa !!!
Para salvar, clique nele; abrirá numa outra página!!!
Botão direito - Salvar Imagem como.
Assim vocês salvarão no tamanho normal!!!

sexta-feira, 10 de abril de 2009

Música no Blog

Estou colocando aqui um Tuto para colocar música no blog utilizando o Playlist!

Para isso, acesse: http://www.playlist.com/


1º Passo: Criar uma conta.
Clique em login, e na tela que abre clique em "Create an account"
- Choose a username = coloque palavra com a qual você vai fazer login
- E-mail = coloque seu e-mail
- Password = coloque a senha que deseja
- Password again = repita a senha colocada
e... clique em "Continue"

Agora irá aparecer uma tela solicitando:
- First name = seu primeiro nome
- Last name = seu segundo nome
- Birtday = data de seu aniversário
- Gender = (male = masculino) ou (female = feminino)
Feito isso: clique em... "Sign In"

Pronto, você está cadastrado e logado.



2º Passo: Criando seu playlist
Para criar seu playlist observe que na parte superior aparece


Nesse local você deve escrever o nome da música que deseja ou o artista e clicar em "Search".
Aparecerão todos os resultados disponíveis.


Escolha tantas quantas músicas quiser.
A medida em que você vai adicionando, observe que o seu playlist está aparecendo do lado direto da tela.


Adicionadas todas as músicas desejadas é hora de vermos o código para publicação.



3º Passo: Publicando seu playlist
Na parte superior da tela, clique em "Post My Playlist"


Se seu blog é no Blogger, escolha a opção "E".


Agora escolha qual playlist quer publicar e clique sobre ela.


Aparecerá uma tela onde você poderá configurar sua playlist.


Autostart = deixando "Yes" sua lista será reproduzida automaticamente quando alguém acessar a página
Random/Shuffle = "No" faz sua lista tocar as músicas na ordem que aparecem (Shuffle = aleatório)
Custom Skin = permite que você coloque uma imagem personalizada na lista
Choose color of your player = aqui você escolhe uma cor para seu player.

Para finalizar clique em "GET CODE".

Será gerado o código...


É só copiar e colar no lugar desejado em seu blog.


>> Algumas observações!!!
Obs.1:
Para criar novas playlists é só você clicar em "My Playlist" na parte superior da tela.


Na nova tela que abre clique em "Create a new playlist".

Dê um título para a playlist e clique em "Creat playlist"

Sua playlist foi criada com sucesso! Clique aqui para ver todas as suas playlists!

Para adicionar músicas nela siga a partir do "Passo 2" desse tutorial. Mas selecione em qual playlist você vai adicionar as músicas.


Obs. 2:
Para minha playlist caber do lugar que está, eu alterei as medidas do widtch proporcionalmente.
Por exemplo: no lugar do 450 mudei para 190 e no lugar do 453 para 187.

Cursores


Para colocar um cursor em seu template siga os passos a seguir:

1º Passo
: Copie o código do cursor.
2º Passo: Abra o código HTML do seu template.
3º Passo: Encontre a tag <HEAD>  e cole o código logo abaixo dela. Ou encontre a tag </HEAD> e cole o código antes dela. (Resumindo: o código deve ficar entre as tags <head> e </head>.