WIDGET BOTÃO DE SEGUIR NO TWITTER COM IMAGEM DE FUNDO

Aprenda a criar um lindo widget com o botão seguir do twitter para seu blog.

 Olá Pessoal, hoje estarei ensinando a vocês como colocar um botão para seguir no twitter com uma imagem de fundo, esse widget é super legal e da um visual incrível a sua barra lateral.

O código para o widget é bem simples e não é preciso alterar quase nada, vamos lá.

Copie o código abaixo e cole em um gadget de Html/JavaScript.

<style>
#twitter-bar{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW7jV1i5O9Z366Ge3xm5T5UDa_ubjaYLZG3CKWwntnLGCNBXsniEiL5LLPmYl4_TjvTVt9S80oxgx52HjaWsg1DxNCH3zpkZbVyJB1VVuakf3dQh2uRAm-Na2FyG0SXg5EiN1BwyYXLw0/s300/twitter-1.jpg) no-repeat;
width:302px;height:130px;float:center;border: 1px solid #e1e1e1;}
#twitter-bar li{float:left;margin:85px 0 0 12px;list-style:none;}
</style>
<div id="twitter-bar">
<li>
<a href="https://twitter.com/SEU USUÁRIO DO TWITTER" class="twitter-follow-button" data-show-count="true" data-lang="pt" data-show-screen-name="false">Siga @claudiolmusic</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="http://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</li></div>

Gostou desse widget? Quer pedir um tutorial?
Comente e dê sua opinião.