Widget de Compartilhamento "Social Bookmarking"

Olá pessoal, hoje irei apresentar a vocês um "Widget de Compartilhamento Social Bookmarking'' bem interessante ao seu blog. Além de ser bem atraente, tem um efeito de animação, ao passar o mouse por cima dos botões.
Ao adicionar ícones de redes sociais ao seu blog, definitivamente você irá aumentar o tráfego de seu blog. Pois, a divulgação é essencial para um crescimento do seu trabalho na Blogosfera.
Veja a demonstração: http://demo3ub.blogspot.com/

Vamos ao tutorial:
1º - Acesse o Painel de controle de seu blog e clique na Guia Modelo (Design).
2º - Depois clique em Editar HTML e clique em "Expandir Modelos Widgets".
3º - Agora pressione as teclas CTRL+F e procure por:

 ]]></b:skin>

4º - ACIMA do código encontrado, cole o seguinte código: 

 /* Fancy SocialBookmark*/

#sharebox{
height:48px;
width:400px;
margin:0;
padding:5px 0;
}

ul.sharebox { margin:0px; padding:0px; list-style:none; position:relative; display:block;}
ul.sharebox li { float:left; margin:0 0 0 0px; padding:0px; position:absolute;}
ul.sharebox li a { margin:0 0 0 -24px; display:block;}
ul.sharebox li a:hover { margin:0 0 0 -8px; }
ul.sharebox li img { border:none;}

 5º - Depois procure por:

</head>

6º -  E imediatamente ACIMA cole esse código:

 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
(function($){
$.fn.sharebox = function(){
var element = this;

$(element).find(&quot;li&quot;).each(function(i){
$(this).css(&quot;z-index&quot;, 12- i);
if (i&gt;0)
$(this).css(&quot;left&quot;, i * 24 + 100);
});

}
})(jQuery);
</script>
<script type='text/javascript'>

7º - Depois procure por:

<data:post.body/>

8º - E ABAIXO dele cole o seguinte código:

 <ul class='sharebox' id='sharebox'>
<li><img alt='Compartilhe' src='http://3.bp.blogspot.com/-SheyJ_HZo44/Tr_UI2gtCEI/AAAAAAAAAwU/Uy1TzUj1BkQ/s1600/sharethis.png'/></li>
<li><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Sumbit to Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiys_0NjcaS-3w6D7EcNPPUOkOJXGzkpHoMQfWmBuv-_RWOTfGXne9VWpEpYtOTFrU6ffVqilRhXDCK3V804QFt16PxpCMDvkoOzgbPx4uAh_NvZlUWhFL_6yg7TWgmsT30ne23Dd-LdOk/s400/digg_48.png'/></a></li>
<li><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Sumbit to StumbleUpon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqVnWzMboEpxQHgpOKUEb55S0zfrk1ZvMfpzC5OH2wN1SoGfPNjlPHa_0NJOFZtYlMlSdBfvqpHrz1diKWEZZP14FMVA7LHD_iCSoKN8buv4ZxUKhw-iewo9K91lMCXgkd397ABAKJesE/s400/sumbleupon_48.png'/></a></li>
<li><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Sumbit to Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjMS4tUslJPF9xliS_fKwCEWxxRqHx2cn8QdeaO3v8FfSI-6oePlr9f6xIhtAOVnq5r5FRv4xVEmfPG1GOmwJrUroglnHveqIYHW8b1G0NLdqj0kuj1qpJX7jeYCkhwKyQ7dVo2LCuaEE/s400/delicious_48.png'/></a></li>
<li><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Sumbit to Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6eJv-TAxi-WXv-vq73aG1ULpssD_rMrVeceP7xALrJsLPp9HyO11jM7240hZnFncU0MKoihID9ie30m-sEj5m3SUa8r63L1wyRNwIFtBoOZtnvJQ-0ij5MD6WgWmkqRgaYVm-RPYy3D4/s400/technorati_48.png'/></a></li>
<li><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Sumbit to Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPLuBF1tDtfMCc_aiblzwZfEz4eoWn5zRr2ay23pV9Q1J3mgDSnqBEveQau2oCHXxEOK9BMHtD4O7wkkiTWyoFeO6tIKaIR26i27eAwlkMsGdqHuA53p1FP1g9rhZo_0VJy82MVSu5_jg/s400/reddit_48.png'/></a></li>
<li><a expr:href='&quot; http://www.mixx.com/submit?page_url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Sumbit to Mixx' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqTsfS4LzjUvKhk-UQq8TCTc5_bW07V-GKXHdxyKqIbsQp8yRwD3vV_zm5azNze4ZIcivOkzEjZcjSPIZtMX0XnNxYb0YqsZAkNUiOMyC3keSkusrpdV9UFd3eO67A4MN9EwawsCPcZW8/s400/mixx_48.png'/></a></li>
<li><a expr:href='&quot;http://twitter.com/home/?status=Chk Out-&quot; + data:post.title + &quot; &quot; + data:post.url' target='_blank'><img alt='Sumbit to Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqmTxk_LH_jl4wYSjY4wo4lw6jySLJud1E2NwEPhP5WuMhjX7L507f9HfBeI8tflR_GcLKM0a2uVY5RndwnK7ZjrCNrEDvAcgV_7EWWY3G5ywIZ61bs4Sx_FmPnEM7XInhH8RJkeCY8uE/s400/twitter_boxed_48.png'/></a></li>
<li><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Sumbit to Furl' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig9Mz6ExLAVB-_NvJYVKEKd4FvxydvSbzsyE7w41cWGuYRjVBsx-l1_H43SuKFY-0Pgm1-jUy3nAIiuypGkWg9-gMpmbSl2GiQue26Ipi16aQBDQMNXAEkgjEcs75CXUBVIcroF8EOhCE/s400/furl_48.png'/></a></li>
<li><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Sumbit to Design Float' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0oFmawKX7cFnQ9Sgu1-JTErcRdjfNsqdPyPzEFa7Q3noZKTEE_Yf8L-SnFzhDuXttwIH3WSACDD9mzqKyYhJfdfT7o_ihG4Aj-VMtUsSOCDzgLU-wbPVmCu-dKRSORkQS_aHk7QP62QU/s400/designfloat_48.png'/></a></li>
<li><a expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Sumbit to Blinklist' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLwp1VisizWXMRgmuJHQq17FlSAWNcFh6jN9dNs3gCzxZUcFl09xtde9yFuxsPG9bYwlZ5gHkqsVHVxYcOT39KwTYBZbGhjvQjczQV0QAhCYzMVKQEcKbAttXW7TaORUA4DhiJNakmyds/s400/blinklist_48.png'/></a></li>
<li><a expr:href='&quot;http://buzz.yahoo.com/article/&quot; + data:post.url' target='_blank'><img alt='Sumbit to Yahoo Buzz' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguKdjmR46T47cqS6HnTOzSKDqwIYLVvsL4M7i-pyUokjFSRqyWbOzJsznT4EQ-3ZvCVlF7a6YUfyNt4dOMucwN9QaYDEMPKJ9yh1yiwyr6-R3WIILBr3SW7ko_ZAz0xZdtBzupV49DziU/s400/yahoo_48.png'/></a></li>
<li><a expr:href='&quot;http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Sumbit to Google Bookmarks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitupskmKgwSioaDRfeRrdpoHHSlEc2LCAY9FwEP6QK-Qdjx0IhK5mBohWKqlP9xf47N2RZmgSrHjGLZiMfMNY3kzIA5VzX3XVkkz4dQo2PL7Y1MoJgDvv5ngIzZDLniYrReAjq_nQAw-Q/s400/google_48.png'/></a></li>
</ul>

9º -  Em seguida clique em Salvar Modelo