8 de ago de 2014

Personalizar os Seguidores + Botões


Ohayo :3

Tudo bem minha gente? Espero que sim, porque eu NÃO estou bem, ontem (07/08) eu tropecei na escola e bati a cabeça no coqueiro, sim, sim, isso mesmo, um coqueiro, aquele maldito tá me deixando com dor deis de ontem, e eu já estava resfriada, piorei, até faltei a minha escola hoje, mas vocês não querem saber né? Então ok, vamos logo ao assunto da postagem, cliquem em + ali do lado >>>>

Clicou? tá então :/
Hoje o assunto da postagem é personalizar os seguidores, e eu também trouxe botões, bem kawaii's para vocês. Primeiramente, créditos ao Having Cherry e ao Anime Girls pelos códigos e alguns dos botões.

Enjoy 

Passo 1. Adicione o gadget de seguidores ao blog (obrigatório), salve-o e visualize seu blog. Então clique Ctrl+U, abrirá uma janela com os códigos do seu blog, e então digite Ctrl+F. Aparecerá uma pequena caixa de pesquisa no alto da página, dentro dela digite <div id='Followers1-wrapper'> e de enter, quando encontrar, selecione dai até </script></div></div> , e copie.

Passo 2. Agora que já copiou o código, exclua o seu gadget de seguidores atual e vá em Layout >> Adicionar um Gadget >> HTML/JavaScript e nesse gadget que você acabou de criar, cole o código que você copiou.

Passo 3. Antes de adicionar um botão, terá de personaliza-lo, dentre os códigos que você copiou terá  esse código:

SKIN['FACE_SIZE'] = '17';
SKIN['HEIGHT'] = "200";
SKIN['TITLE'] = "FOLLOWERS";
SKIN['BORDER_COLOR'] = "#FFCD8B";
SKIN['ENDCAP_BG_COLOR'] = "#F5F5F5";
SKIN['ENDCAP_TEXT_COLOR'] = "#FFC49E";
SKIN['ENDCAP_LINK_COLOR'] = "#FFC49E";
SKIN['ALTERNATE_BG_COLOR'] = "TRANSPARENT";
SKIN['CONTENT_BG_COLOR'] = "TRASNSPARENT";
SKIN['CONTENT_LINK_COLOR'] = "#FFC49E";
SKIN['CONTENT_TEXT_COLOR'] = "#FF7981";
SKIN['CONTENT_SECONDARY_LINK_COLOR'] = "#FFC49E"; SKIN['CONTENT_SECONDARY_TEXT_COLOR'] = "#FFCD8B"; SKIN['CONTENT_HEADLINE_COLOR'] = "#FFCD8B";
SKIN['FONT_FACE'] = "NORMAL NORMAL 13PX \X27TREBUCHET MS\X27,TREBUCHET,SANS-SERIF";
Vou explicar...

SKIN['FACE_SIZE'] = '17'; /** Não altere **/
SKIN['HEIGHT'] = "200"; /** Não altere **/
SKIN['TITLE'] = "FOLLOWERS"; /** Não altere **/
SKIN['BORDER_COLOR'] = "#FFCD8B"; /** Cor da linha que separa o botão dos seguidores, para colocar uma coloque o código de uma cor **/
SKIN['ENDCAP_BG_COLOR'] = "#F5F5F5"; /** Cor de um fundo que fica do botão de do "Google Friend Connect" **/
SKIN['ENDCAP_TEXT_COLOR'] = "#FFC49E"; /** Cor do "Google Friend Connect" **/
SKIN['ENDCAP_LINK_COLOR'] = "#FFC49E"; /** Cor de dois quadradinhos que ficam do lado do botão (eu aconselho colocar trasparent) **/
SKIN['ALTERNATE_BG_COLOR'] = "TRANSPARENT";  /** Não altere **/
SKIN['CONTENT_BG_COLOR'] = "TRASNSPARENT"; /** Um fundo que fica na parte embaixo do botão e do "Google Friend Connect" **/
SKIN['CONTENT_LINK_COLOR'] = "#FFC49E"; /** Cor dos links **/
SKIN['CONTENT_TEXT_COLOR'] = "#FF7981"; /** Cor do "Já é um membro?" **/
SKIN['CONTENT_SECONDARY_LINK_COLOR'] = "#FFC49E"; /** Coloque a mesma cor que você colocou nos links **/
 SKIN['CONTENT_SECONDARY_TEXT_COLOR'] = "#FFCD8B";  /** Cor do texto **/
SKIN['CONTENT_HEADLINE_COLOR'] = "#FFCD8B"; /** Não altere **/
SKIN['FONT_FACE'] = "NORMAL NORMAL 13PX \X27TREBUCHET MS\X27,TREBUCHET,SANS-SERIF"; /** fonte **/
Pronto, personalizaram? Agora é a hora da gente colocar os botões (minha parte preferida) 

Passo 4. Suba todos os códigos que tem, sem fazer alterações, e em cima deles, cole:

<div style="left: 11px;margin-top: 7px;position: absolute;"><a href="http://www.blogger.com/follow-blog.g?blogID=SEU ID" target="_blank" title="Uma frase de follow" style="text-align:center;display:block;background-image:url(URL da sua imagem de botão); width:164px; height:21px"></a></div>
Para quem não sabe o que é SEU ID, vá em Painel do blogger >> Seu blog >> e copie o ID que está na barra do link :

  
(clique na imagem para ampliar) lembrando que o ID desse print é o meu, e não o seu ok?

Botões:

Having Cherry

Estilo 1


Estilo 2

  


Anime Girls

Estilo 1

 

Estilo 2

   

Estilo 3

 


Sweet Of Cherry

Estilo 1


Estilo 2


The Moon Reverse

Estilo único

                

One Dí Things

Estilo 1

      

Estilo 2

          

Estilo 3

  

Estilo 4

   


Bem gente, foi esse o post da agenda de hoje, beijos da Lu~ e bye ♥.

2 comentários:

  1. Muito obrigada! Lindo os botões! Coloquei lá no blog!

    ResponderExcluir
    Respostas
    1. De nada, e obrigada você pela visita ao blog, ajuda muito XD
      Kissus ~♥~

      Excluir