Updates +
Devido ao hiatus, não estamos moderando nem respondendo nenhum comentário, porém o blog continua aberto para visualização. Obrigada pela visita ♡

21 de fevereiro de 2013

Buttom 'follow' estilo tumblr no blogger


  Harou my people 'u',  perceberam que o gadget dos followers sumiu certo? Eu tirei ele, afinal a quantidade de followers de um blog não é oque faz dele melhor ou pior do que outro não é mesmo? Mas e aí? Como as pessoas vão seguir o blog? Simples, eu adicionei um buttom de +follow no estilo do tumblr, e se você achou isso legal, pode aprender a fazer, é super fácil, e você nem vai precisar editar o HTML do seu blog. É só clicar em leia mais :3
  Certo, primeiro, pra quem tem tumblr aí, sabe que o botão não é exatamente assim ~ ah jura? ~ pra quem quer um buttom diferente, o jeito é fazer você mesmo, ou  procurar um bonitinho no google e modificar pra compatir com as cores e o modelo do seu lay. No fim do post, eu vou deixar o meu buttom em mais algumas cores, caso alguém tenha gostado dele :3 e também a ribbon que eu usei de modelo pra fazer os buttons, que acredito que vocês saibam qual é, fui eu quem fez tudo, por isso o mínimo que posso pedir é por favor, creditem se forem usar >.<
  Bem, primeiro, adicione um gadget de HTML/JavaScript com o seguinte código:
<a style="display:scroll;position:fixed;bottom:45px;right:15px;" href="http://www.blogger.com/follow-blog.g?blogID=ID DO SEU BLOG" title="NOME DO BUTTOM ♥"><img src="URL DA IMAGEM DO BUTTOM" /></a>
(se você tem algum outro gadget com esse tipo de código, pra complementar outro atributo da página do seu blog, você pode simplesmente adicionar <div></div> e colocar esse código aí)

  Então, agora, vem a parte da edição desse código, claro, você pode não escolher um ribbon, pode escolher uma png kawaii, mas, então percebe que seu buttom atrapalha seu 'voltar ao topo' vamos mudar isso então. As partes em negrito no código acima, devem ser alteradas de acordo com oque é melhor para o blog de cada um.

bottom: seu buttom está posicionado em um dos cantos de baixo, altere para top se quer que ele fique posicionado em um dos cantos de cima da página.

right: seu buttom está posicionado no canto da direita, altere para left se quer que ele fique em um dos cantos da esquerda

45px: (você só altera o número) mude esse número de acordo com a distância que você quer que seu buttom tenha em relação ao final da página (se estiver configurado em bottom) ou em relação ao início da página (configuração em top) se você quer que o buttom fique coladinho com o fim da página (ou a barra de ferramentas) deixe em zero.


15px: (você só altera o número) mude esse número de acordo com a distância que você quer que o seu buttom tenha da scrollbar, se você quer que ele fique coladinho com a scrollbar como o meu você deixa em zero.

ID do blog: Você enconrtra a ID do seu blog em 'visão geral' como mostra a imagem abaixo

[Clique para ampliar]


Buttons:









OBS: Essas ribbons não ficarão coladas a barra de ferramentas mesmo se você colocar aquele número em 0, pois há um espaço transparente em cima e embaixo das imagens

5 comentários:

  1. Amei o tutorial, é irei utilizá-lo agora mesmo, pode deixar vou colocar os créditos a você!

    Kisus...

    ResponderExcluir
    Respostas
    1. arigatou 'u' fico feliz que tenha gostado °³°

      Excluir
  2. Que kawaii *--* vou colocar no meu próximo lay Nynah :) quanto tempo, não? como você vai nee??

    ResponderExcluir
    Respostas
    1. Sempai *oo* quanto tempo mesmo ^^ ah arigatou 'u', vou bem, triste por causa das aulas -q, e peguei um daqueles resfriados de verão nojentinhos que te fazem ficar com mais preguiça do que o normal xD pelo menos assim ganho uns dias de folga da minha silent hill u.u

      Excluir
    2. Esses resfriados são até bons em certas horas... kkkkkk mas tadinha de você!

      Excluir