Facilitando Blog: Botões de Twitter e Comunidade do Orkut

Twitter e Orkut

Em outros artigos já citei a importância das redes sociais em nosso cotidiano.

Nesse artigo irei ensinar como colocar botões em seu blog, para seguirem no twitter e comunidade do orkut.

Em apenas dois passos já é possível te-los em seu blog.

Lembrando que por motivo de segurança, recomenda-se fazer o backup do modelo do template clicando em Baixar modelo completo.

1. Aplicando o Estilo

Vá para Design / Editar HTML e Procure por ]]></b:skin>

Acima dela copie e cole o código abaixo

/* RSS & Twitter Icones */
.topright{text-align:right; margin:7px 0 0 0; height:20px;
position:absolute;
}

.topright a{color:#4c453f; text-decoration:none; font-size:11px; font-family:Arial,Helvetica,sans-serif; vertical-align:top; font-weight:bold; text-transform:uppercase; text-shadow:0 1px 0 #fff;
background: #f5f5f5;
padding: 5px;
margin-right: 5px
}

.topright a:hover{ color:#be0404; text-shadow:0 1px 0 #fff
}

Onde foi destacado de Azul,é a cor inicial
Onde foi destacado de Verde, é a cor de quando o mouse estiver sobre o texto

Clique em Salvar Modelo

2. Inserindo os Botões

Vá para Design/ Elementos da página e clique em Adicionar um Gadget

Feito isso escolha a opção HTML/JavaScript

Copie e Cole o código abaixo dentro do Gadget HTML/ JavaScript

<div class='topright'>
      <a href='http://twitter.com/Nome-de-usuario' target='_blank' title='Siga No Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiatcExA7nW6hVBB_vPuIPUhYCPlUKmd-rEVE6d1Ee85EB89cKHQw5kBm7lw_pO3iGdZ-cJs4x4aezPoejiPyi4E96qeUj3ifkvfBI9O_1pYHQUrKoG8lXI2FUNjwWG8pC39pBmgfv5TjZc/s1600/twitter.png' style='margin:0 2px 0 0; vertical-align:top;' title='Twitter'/> Twitter</a>

      <a href='Link-da-Comunidade-do-Orkut' target='_blank' title='Comunidade No Orkut'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf6Gl6oZFoQfZj0KAqsQ6VSWALHXuSigyGeFK9JZbUlVsvUzzwW3Y9r2bHtiQI8zJj5sC1_ji4ElFFs1omt-kXRaPSkRFpOnbUz0ixc0m8Pe2MPrRFOJEQ8TlmcnCvsMpsx6VeDGRzhrsl/' style='margin:0 2px 0 0; vertical-align:top;' title='Comunidade No Orkut'/> Comunidade No Orkut</a>
    </div>