Descomplicando: Como fazer hiperlinks com imagens no lyout do seu blog PARTE 2

No post de ontem, eu ensinei a fazer a imagem para ser usada de link no lyout. Hoje na parte 2 do Descomplicando, vou ensinar como utilizar código HTML para terminar de fazer os hiperlinks no blog!

Tá, mas o que é código HTML mesmo?

Simples: é uma linguagem de marcação utilizada para produzir páginas na web. É uma linguagem bem leve e padrão da internet.

Hospedando a imagem


Para que o código HTML funcione bem, devemos hospedar a imagem que iremos usar. Eu sempre uso o álbum da web Picasa, porque além de confiável, você pode configurar seus álbuns para que sejam pessoais, ou seja, só você poderá ver as fotos. É preciso usar um hospedeiro confiável, porque se usarmos qualquer um e por acaso o site sair do ar, todas as fotos hospedadas nele irão "sumir" do seu blog também.

Depois de se cadastrar, clique em "Fazer Upload" e escolha a foto que irá usar no hiperlink clicando em "Selecionar fotos de seu computador".

Agora vá até o Lyout do seu blog e aperte em "Adicionar um Gadget".

Clique em "HTML/JavaScript", copie e cole lá esse código aqui:

APAGUE ISSO E COLOQUE AQUI O LINK DA PÁGINA QUE VOCÊ QUER HIPERLINKAR">APAGUE ISSO E COLOQUE AQUI A URL DA IMAGEM QUE VOCÊ HOSPEDOU" width="170" height="70" title="Clique e veja" alt="COLOQUE AQUI DENOVO O LINK PARA HIPERLINKAR"  border="0"/>

Para copiar a URL da imagem é só clicar com o botão direito do mouse e em "Copiar URL da imagem" assim ó:

 Width e Height


Você notou que ali no código tem uma parte escrita width="170" height="70"? Esses números entre as aspas são o tamanho da sua imagem. Width siguinifica largura e Height altura, então é só ajusta-las aos poucos para que a imagem se encaixe no seu lyout.

Title


Sabe quando você passa o mouse encima de alguma imagem ou link e tem alguma coisa escrita? Então, ali  no title="Clique e veja" é onde se configura essa opção. Onde está escrito "clique e veja" você pode escrever qualquer outra coisa que incentive a pessoa a entrar na imagem, como " Entre, é legal" ou sei lá haha

Pronto! Depois de tudo configurado é só clicar em "Concluído" na página HTML e sua imagem já está com link no lyout do seu blog!
Tomara que esses dois posts GIGANTESCOS tenham servido para o que você estava procurando :D Quando eu era iniciante e não sabia muito sobre códigos e design (ainda não sei mas tudo bem haha) eu aprendi com tutoriais como esse, mas infelizmente eles não eram tãão explicadinhos como o que eu fiz. Espero que aproveitem!

P.S


A leitora Sandrinha me pediu pra explicar como se faz a votação de 1 a 5 estrelas no final do post, e é bem simples:

Quando você termina de ler o post, lá embaixo, depois da data e dos comentários, tem essas estrelinhas ali, que servem pra você dar uma nota para o post, é só clicar e dar uma nota:

Elas são necessárias para nós, escritores do blog sabermos o que vocês acham dos posts, se determinado assunto agrada ou não, para assim podermos sempre estar melhorando o blog pra vocês ♥
Bom, é isso! Bom Sábado e Domingo a todos!

Descomplicando: Como fazer hiperlinks com imagens no lyout do seu blog PARTE 1

Milagrosamente minha internet voltou ontem. TODOS COMEMORA!!!

Então, hoje o post será para você que quer mudar o lyout do seu blog, mas não achou nenhum tutorial que explicasse certinho. Relaxa! aqui no FY agente Descomplica!

O tutorial dessa semana é: Como fazer atalhos com imagens no lyout do blog!

Mas o que é um atalho com imagem?

Simples: é aquela você clica, e é direcionado para uma página/post do blog, por exemplo:

Hoje eu vou ensinar a fazer especificamente uma dessas abinhas aí, mas você pode usar o recurso de atalhos com qualquer imagem ok? Então se prepara que o post vai ficar GIGANTE.

Primeira coisa: Fazer sua imagem

Se você não tiver uma imagem pronta, vai ter que fazer uma (ah vá). Pra fazer uma como essas do blog, a primeira coisa é arrumar um ícone bem bonitinho pra por na frente. Para isso eu  recomendo o site iconspedia.com. Lá, dá pra baixar pacotes de ícones gratuitos! 

Entrando no site, já tem umas abinhas com os "packs" de ícones mais populares. Dá também pra você baixar ícones sozinhos, mas eu prefiro os "packs" porque os estilos de ícones combinam e fica mais bem feito. Escolha um pack ou ícone, e clique.

Vai abrir a página do pack mostrando todos os ícones que ele contém. Ali em cima tem os formatos que você pode baixar o pack. Eu sempre escolho o formaro PNG. Depois é só clicar que baixa rapidinho em forma de arquivo compactado. (Escolhi o do Death Note ♥ L kk)

Depois de abrir, vá nos Meus Documentos, faça uma Nova Pasta, e aperte em  Extrair Para, e selecione a pasta que você criou para os arquivos compactados serem transferidos. Agora vá lá na Nova Pasta e veja se eles foram parar lá mesmo.

Agora abra o Paint, faça um pontinho de "lápis" e salve como imagem. Eu faço esse pontinho aí porque não dá pra salvar a imagem absolutamente em branco. Se eu quiser salvar, pelo menos um pontinho tem que estar desenhado haha.

Agora abra a imagem no Photoscape (pra quem não tem faça o download aqui) corte, e fique só com a parte branca  da imagem. Ela vai ser o fundo da nossa imagem, mas você também pode procurar fundos prontos. Um site bem legal pra isso é o TopIt, como eu indiquei nesse post aqui.

Agora vá em Objeto e depois clique naquela "paisagem". Agora clique em Foto... e abra a pasta na qual seus ícones estão e insira o que você quer no fundo em branco.

Ajuste o tamanho da imagem, e aperte naquele "T" para poder escrever o nome do atalho. Escolha a fonte e o tamanho da letra, se ela vai ter contorno ou não, etc.. No meu caso eu escrevi "Animes" e usei a fonte "Hunstler Sorifet".

Depois corte a foto, e pronto! Sua imagem está pronta :D

Esse post ficou tão grande que eu vou fazer uma parte 2 com o resto! Mas ela vai sair só amanhã, porque daqui a pouco eu tenho aula haha.

Enquanto isso vão tentando fazer a imagem, pra amanhã já estar tudo prontinho! Espero que vocês tenham entendido bem esse 1° post, eu tentei fazer o mais bem explicadinho que pude.

Até amanhã com a parte 2! ♥

Anéis Geek!

Nesse final de ano, a moda não é mais aqueles anéis "basiquinhos" e normais. A criatividade vale muito quando se vai escolher um acessório. Hoje no blog eu listei alguns modelos bem diferentes e Geeks de anéis, pra você que como eu não tem medo de ousar com um acessório divertido!

Eye Ring

Já pensou em usar um olho no dedo? Parece bem coisa da Lady Gaga né? Até me lembrou o clipe Born This Way, em que ela tem um olho no queixo haha. Apesar de todos eles serem com o tema de olhos, os modelos são diferentes. Alguns deles eu acho que até já vi em barraquinhas de hippies aqui na minha cidade.

Mustache 

Mustache foi a tendência de 2011. Vai dizer que você nunca viu nenhuma pessoa com esse bigodinho desenhado no dedo, ou em acessórios e camisetas? Esse bigodinho fofinho é conhecido mundialmente e virou febre entre os jovens do mundo. E os anéis estão aí pra comprovar!

Pac-man

Pac-man é muito nostálgico. Esses anéis tipo soco-inglês, foram os primeiros anéis que eu vi. Depois garimpando um pouco no Sr.Google encontrei esses outros modelos, que também são lindos!

Super-Heróis

Esses são meus preferidos! Tem coisa mais Geek do que história em quadrinho de super heróis? 

Lego

Outro objeto bem nostálgico é o lego. Olha só que criativos esses anéis!

Com tanta opção diferente, fica até difícil escolher o mais criativo! O jeito é você escolher o que mais faz seu estilo!

TBBT na Sbt!

Pouco de um mês antes da estréia de sua 5 temporada, a SBT resolveu confirmar a estréia da série em rede aberta. Só não sei se vou ficar feliz ou triste, porque a série dublada não deve ter graça nenhuma. Tá bom, talvez seja meu preconceito por vídeos dublados. Estréia esse sábado, dia 20/08 ás 20:15 :)