O Natal está chegando, e como eu disse vou dar o meu presente de Natal para vocês. Eu pensei num presente em três partes, baseado no interesse maior do público que visita o meu blog. O que mais faz sucesso são os tutoriais, claro, mas vou fazer um que possa ser mais concreto, que todos possam usar. Então escolhi colocar alguns utilitários, que é o segundo maior interesse dos leitores. Eu já disponibilizo vez ou outra alguns utilitários já hospedados, mas esses são especiais e vão poder ajudar na montagem de seus layouts de 2012.
A primeira parte do meu presente vão ser as
setas de voltar ao topo. Primeiro, vou dar seis setas normais, depois
oito setas com um diferencial que eu vou explicar daqui a pouco.
Só que dessa vez não vou colocar o código de cada seta separadamente, então
peço que você siga os seguintes passos para colocá-la no seu blog:
- Se você ainda não tem no seu blog, é só ir em Layout e adicionar um
gadget (HTML/Javascript) em qualquer lugar do seu blog (pode ser no
rodapé, por exemplo), com o seguinte código (se já tiver uma seta de voltar ao topo, é só clicar em "Editar" no gadget já colocado e trocar a URL): <div style="position:fixed; bottom:0px; right:0px;"><a
href="#"><img src="URL_DA_IMAGEM" border="0"
/></a></div>
- Clique com o botão direito do mouse na seta que você escolheu e clique em "Copiar endereço da Imagem", ou copie o endereço abaixo da imagem;
- No código, no lugar de URL_DA_IMAGEM cole o endereço que você acabou de copiar;
- Clique em "Salvar".
O código vai ficar mais ou menos assim:
<div style="position:fixed; bottom:0px; right:0px;"><a
href="#"><img src="https://sites.google.com/site/docesonhodemenina/fav-2/Voltaraotoposemi1.png?attredirects=0" border="0"
/></a></div>
Se você quiser a seta na esquerda ao invés da direita, troque a palavra
right por
left.
Agora, vamos às setas. Primeiro as seis setas normais:
 |
https://sites.google.com/site/docesonhodemenina/Voltaraotopo1.gif |
|
|
 |
https://sites.google.com/site/docesonhodemenina/Voltaraotopo2.png |
 |
https://sites.google.com/site/docesonhodemenina/Voltaraotopo3.png |
 |
https://sites.google.com/site/docesonhodemenina/Voltaraotopo4.png |
 |
https://sites.google.com/site/docesonhodemenina/Voltaraotopo5.png |
 |
https://sites.google.com/site/docesonhodemenina/Voltaraotopo6.png |
Agora vem a novidade. Eu fiz 8 setas exclusivas semi transparentes. Isso mesmo!!! Elas são bem discretas,
e mesmo que fiquem em cima do texto, vai dar para enxergar o que está escrito embaixo. Não entendeu??? Coloque uma no seu blog para testar!!!
 |
https://sites.google.com/site/docesonhodemenina/fav-2/Voltaraotoposemi1.png |
 |
https://sites.google.com/site/docesonhodemenina/Voltaraotoposemi2.png |
 |
https://sites.google.com/site/docesonhodemenina/Voltaraotoposemi3.png |
 |
https://sites.google.com/site/docesonhodemenina/Voltaraotoposemi4.png |
 |
https://sites.google.com/site/docesonhodemenina/Voltaraotoposemi5.png |
 |
https://sites.google.com/site/docesonhodemenina/Voltaraotoposemi6.png |
 |
https://sites.google.com/site/docesonhodemenina/Voltaraotoposemi7.png |
 |
https://sites.google.com/site/docesonhodemenina/Voltaraotoposemi8.png |
Caso você ainda tenha alguma dúvida de como colocar as setas no seu blog, visite as postagens anteriores clicando
aqui ou
aqui.
Amanhã tem a segunda parte do presente, não perca!!!
Mil Sweetkisses,
Eu amei as transparentes, lindas mesmo e boa ideia, eu já montei o meu novo template todinho, só estou meio na duvida, pois coloquei um menu suspenso no topo da pagina, agora não sei se devo deixar ou tirar, pois ele chama bem atença para as vendas das caricaturas e sugestão e parceria... ohhh duvida viu. Vc tbm fica na duvida quando faz um novo layout ou sou só eu??
ResponderExcluirBeijinhoooos
http://www.artesdosanjos.com.br/
Olá Querida
ResponderExcluirque ótimo presente
ja peguei a minha e vou creditar no meu próximo post
bjs
brunaporelamesma.blogspot.com
Setas bonitas! Já guardei algumas o meu PC! Seguindo aqui ta? Beijos
ResponderExcluirbquadrada.tk
Amei seu blog, muito lindo. Já seguindo.
ResponderExcluirSegue lá:
www.mundodajulia13.blogspot.com
Bjus cor-de-rosa...
Ah que legal hein flor adorei o presente vou escolhe um é colocar lá *-*
ResponderExcluirBeijo
http://marifriend.blogspot.com/
@Storieandadvic
que legal :)
ResponderExcluirhttp://himi-tsu.blogspot.com
Adorei os presentes! *-*
ResponderExcluirbjs
charmofpink.blogspot.com
Adorei as lilás e rosinha.
ResponderExcluirObrigada pelo selinho!!
http://blog-dreamygirl.blogspot.com
@paulaaraujodf
[aaaa] adorei o presente *-------*
ResponderExcluire adorei seu cantinho tbm minha linda ((;
seguindo de volta, amei aqui ><
beeeeijos 's2
http://umaprincesadeallstar.blogspot.com/
Oii Flor, voce comentou no meu blog, adorei seu blog, obrigada pelo selinho
ResponderExcluirwww.i--love--y.blogspot.com
Thau !
Adorei, no meu blog já tem, mas são lidnas essas que vc colocou aqui ^^
ResponderExcluirVenham participar do SORTEIO DE FINAL DO ANO no meu blog!
http://arcoirisdabeleza.blogspot.com/2011/11/sorteio-de-final-do-ano-nacional.html
Super beijos :*
Oi flor amei seu comentário lá no blog brigada meeesmooo <3
ResponderExcluirTo seguindo sim com certeza!!!
Super fofo seu blog!!
Sucesso!!
http://dreamofchocolateoficial.blogspot.com
Oii linnnda, obrigada pela visita em meu blog, sempre estou por aqui dando uma conferida em suas dicas (:
ResponderExcluirbjs
eu estava pensando em colocar a seta de voltar ao topo no meu blog,vou fazer uma ou pegar a azul com listras ou a azul trasparente.
ResponderExcluirgostei delas!
Olá, desculpe incomodar, mas vim pedir que votem no meu blog no link a baixo.
ResponderExcluirbeijinhos, focanna.blogspot.com
http://blogdicasdadan.blogspot.com/