Esse tutorial vai mostrar como é simples formatar o texto dos links dos marcadores do blog e isso pode ser utilizado para formatar qualquer gadget do seu blogger, pois o modo de fazer é o mesmo e funcionará bem em qualquer texto que esteja dentro de um gadget.
Primeiro vamos entrar na pagina editar HTML e procurar pelos marcadores do blog, aperte ctrl+F no seu teclado que aparecerá uma caixa para procurar texto na pagina, então digite o título dos seus marcadores em nosso caso utilizamos o título guia rápido.
html do blogger
Então encontramos a linha:
O que procuramos aqui é a id do gadget, no caso é label1 que está logo no começo widget id='Label1', então deve ver e usar como está nos marcadores do seu blog.
Depois role o código html até o começo de antes de body{....} coloque esse código:
#Label1 a{text-indent:15px;letter-spacing: 1px;background-image: url(endereço da imagem);background-repeat: no-repeat;background-position: left;padding-left:15px}
#Label1 a:hover{letter-spacing: normal; font-weight: bold;background-image: url(endereço da imagem);background-repeat: no-repeat;background-position: left}
Aqui você poderá escolher qualquer formatação de texto, imagem de fundo(veja que no código tem endereço da imagem, então coloque uma ou apague aquele trecho), além disso podemos colocar bordas, ou seja, poderá deixar com a aparência que desejar (veja nossa postagem sobre fazer botões). Novamente vamos repetir que neste estilo que acabamos de criar usamos label1 no inicio dele porque é a id dos marcadores de nosso blog, então você usará igual está no seu blog senão não funcionará.
Esse mesmo procedimento serve para formatar o texto de qualquer gadget, basta entrar a id e criar um estilo utilizando o mesmo nome. Mantenha as letras maiúsculas e minúsculas como estão no código do gadget para evitar erros.
Esse tutorial foi feito atendendo alguns pedidos e duvidas sobre como fizemos o nosso menu guia rápido mudando o estilo dos links dos marcadores do blog.
Efeito na tag Alt - Personalizar texto sobre a imagem
eja como criar um efeito na tag alt, aquela que faz aparecer um texto quando colocamos o mouse sobre uma imagem. E o melhor é um código fácil de ser utilizado no blog. Com esse código o texto que aparece seguirá os movimentos do mouse sobre a foto. Além disso, podemos formatar o texto, escolher a cor da caixinha da caixinha de texto alt.
clike aqui para visualizar
Personalizar pesquisa (cores e imagens da caixa de busca
Esse tutorial mostrará como criar e personalizar uma pesquisa dentro do seu blog, vamos usar imagens e cores diferentes para fazer o campo de busca, trocar o botão pesquise por uma imagem a sua escolha e explicar como fazer essa pesquisa dentro do blog combinar com o seu template. Vamos trocar a imagem de fundo, cores do campo de busca e usar uma imagem como botão de pesquisa, mas os resultados dela serão os mesmos da pesquisa google para o seu blog.
Como fazer Apresentação de Slides com Banners
Vamos criar uma apresentação de slides com banners no seu blog, o código é um pouco longo, mas depois de instalar você verá que adicionar mais banners ou trocar os que já colocaram é muito simples de fazer é igual a mudar um banner comum.
Colocamos em nosso outro site uma apresentação de slides com banners se você quiser ver o código em funcionamento, lá também poderá fazer o download dos arquivos javascript usados neste código.
Para colocar esses slides no seu blog entre na pagina Designer (layout), clique para adicionar um gadget, escolha a opção HTML/javascript e cole o código abaixo:
clike aqui para visualizar
Fazer o efeito LightBox - Imagens em Destaque
O efeito Light Box é mais simples do que parece de ser colocado no blog, esse efeito faz que ao clicar numa imagem ela apareça sobre o pagina inteira do blog e cobrindo o restante da tela com um tom de cor mais escura. Vamos mostrar numa imagem para ficar mais fácil de entender.
veja aqui a postagem
Como e onde editar fotos online
Logotipo do BloggerJá publicamos uma lista com programas grátis para editar imagens e fotos, mas também é possível modificar as fotos ou imagens diretamente pela internet sem precisar baixar nada e gratuitamente. Veja alguns sites onde você pode modificar suas fotos com apenas alguns cliques:
http://www.change-images.com
Na pagina inicial tem um menu que algumas opções que são muito simples de usar, por exemplo:
Resize Images: modificar o tamanho da foto
Convert Images: converte para outros formatos de arquivo (gif, jpg, png, ico, pdf e outros)
Photo Frames: coloca vários estilos de molduras nas imagens.
http://www.photofunia.com
Esse também é muito fácil de mexer e serve para se divertir com as imagens principalmente para dar alguns efeitos especiais no seu álbum de fotos no Orkut. Entre outras coisas tem a possibilidade de transformar sua foto numa parece, ou aparecer na íris do olho, ou ainda o site faz uma montagem para sua imagem parecer estar numa galeria, até em forma de vestido... enfim gostei muito da diversidade de efeitos. São interessantes para postagens de blogs, mas acho que as pessoas que gostam de fotos e Orkut acharam muito mais legais.
http://www.pizap.com
Já falei desse site uma vez, mas vale à pena repetir, ele permite fazer modificações na sua foto colocando outros olhos, cabelo, boca e tudo mais. É possível escrever sobre as fotos, colocar aqueles bolões de texto ou pensamentos igual das revistas em quadrinhos. Adicionar alguns efeitos e até pintar sobre a imagem.
Espero que gostem e se divirtam com esses sites, embora sejam para editar fotos e não fazer templates, banners e outras coisas para blogs são bem interessantes e sempre podemos aproveitar algumas coisas onde menos esperamos... Se preferir veja uma lista de programas gratuitos para fazer alterações e criar suas imagens.
Sites indicados por pessoas que visitam esse blog:
Photoshop Online
PicNik
Fazer Playlist para Colocar no Blog
Devido à grande procura por musica para colocar no blog, aqui estão mais alguns links úteis que mostram sites que fazem playlists, aceitam fotos e até vídeos, quer dizer você pode fazer uma seleção de musicas para colocar no seu blog.
O Imeem faz todos esses serviços, mas infelizmente o site é em inglês o que dificulta um pouco sua utilização, mas já recebi varias vezes emails elogiando esses sites e dizendo que deveria falar sobre eles aqui no Dicas para Blogs, pois são bem úteis.
Sobre os Imeem achei essa descrição na Comunidade do Imeem no Orkut, resolvi publicar, pois eles sabem mais do que eu sobre o site:
Imagine um YouTube onde, além de você fazer upload de seus vídeos, também poder fazer upload de suas músicas favoritas e suas fotos...
Imagine ainda você poder colocar todo esse conteúdo em seu site ou blog, devido ao maravilhoso "embed player"...
Imagine você poder montar seu perfil (quase igual ao orkut) e fazer amigos e entrar em grupos...
Imagine você ter o poder de fazer a sua playlist e mandar para seus amigos...
Outro site com serviços parecidos é o SplashCast é possível criar seus canais online com musica, video, fotos e ainda é possivel fazer edições e mixar(adicionar narração as fotos ou videos) no próprio site, porém é em inglês também.
Se alguém conhecer ou usar algum site que faça esse tipo de serviço deixe um comentário falando sobre ele, ou se preferir envie para nosso email um texto descrevendo como usar o site, se for uma boa dica faremos uma postagem com ela, mas é claro vamos colocar seu link dizendo que já recebemos isso pronto como fazemos em todas as matérias que recebemos(veja o item colaboradores no guia rápido ao lado).
Colocar música no blog
Colocar música no blog é mais fácil do que parece. Isso é verdade pois nunca tinha me interessado por isso, mas revolvi pesquisar para escrever essa dica e para minha surpresa em menos de 10 minutos eu estava ouvindo música no meu blog. Fizemos um teste usando o Goear, você só precisa pesquisar pela música que deseja, quando você clica no nome da música aparece uma tela que você ouve a música e fornece o código para colocar no seu site, mas não é a url, é o código que está na frente do embed.
Esse site ainda fornece a opção de você fazer um cadastro e colocar a música que quiser, caso você não encontre a música desejada. Caso não deste site, aqui tem outros sites de hospedagem:
http://boomp3.com
Last FM
Deezer
Mixpod
Enfim o modo de colocar música é simples e basicamente o mesmo de colocar qualquer outra coisa, procure um site que tenha o que deseja e procure pelo código para colocar no seu blog.
Esses códigos devem ser colocados pela pagina editar layout >>> adicionar um gadget >>> html/javascript, então é só colar o código (isto no Blogspot), para outros blogs procure onde você edita o html ou modelo, enfim onde você pode colocar o código da música.
