Botão Seguir Flutuante Personalizável

Nesta postagem compartilho com vocês um botão totalmente personalizável, ou seja, se você não gostar do jeito que ele está, você pode personaliza-lo de acordo com o seu blog.

O Botão que criei através do Adobe Fireworks é esse abaixo.

Veja uma demonstração: http://sodepassagemagora.blogspot.com.br/

Como você pode ver, o botão é bem elegante e chama totalmente a atenção dos visitantes; com certeza você conseguirá muito mais seguidores através desse botão.

Para colocá-lo flutuando na página:

Entre em "Layout" - "Adicionar um Gadget" - "HTML/JavaScript" e cole o seguinte código

<style>
/*BOTÃO SEGUIR*/
ul#Botaoseguir {
position:fixed;
margin:0;
padding:0;
top:65px;
right:0;
list-style:none;
z-index:9999;
width:130px;
height:40px;
}
</style>
<ul id='Botaoseguir'>
<a href='http://www.blogger.com/follow-blog.g?blogID=8246190591062143356' target='_blank' title='Seguir o DicasHot'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV6JZ9-iKoaYAIqCGMsJjDK59Lu3wlDfEs4uBubMqGPFH2pBF-iA51o76cL1iobU_UDN0k1YnwDYr2C3McZzqo2r8wPakoQd-5fQOMv7dUzkFIP-y79nOAWo9L_v0qKKxqhg7x9X8o9cc/s1600/Seguir+DicasHot+-+Bot%25C3%25A3o.fw.png'/></a>
</ul>

A parte mais importante a ser modificada é a parte destacada de rosa;pois, trata-se do ID do Blogger. Esse ID pode ser encontrado na barra de endereço. (como na imagem abaixo)

Imagem tirada do site: http://www.nextscripts.com/

Tendo colado o código, basta apenas salvar e pronto!!!