filmetub: 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("li").each(function(i){
$(this).css("z-index", 12- i);
if (i>0)
$(this).css("left", 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='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Sumbit to Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW7aNsrCpfE0TageR2dA4-vV_bfvMZNHkaNYVFPn1xIa9USnjPySVXjgrPY5upvggSZ1QZlZQYsLd7jnXWZZl-eKWoXtg-J6LIKmlV6mMtym7n3OmEPYfmS-sK25MsJh1JtgXo2r4diIY/s400/digg_48.png'/></a></li>
<li><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Sumbit to StumbleUpon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCt493ahtVH4sjrcsLalbfDwxyliBt0T7EBZRxbl2zHK0CITmEjhZ0uIXih9FGtKQLqoPhfdqTjmY73SWyq7VLCuIpgC8wKMEC1xpo374RoxrrQQHPosLc2NlWhqvu09fVOFaia7Wx2zo/s400/sumbleupon_48.png'/></a></li>
<li><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Sumbit to Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgboKL1jSokEb4CldLhmU6gACLVzHlLoQQdH7yg3A8l1F7o3N7xRJbSd32rodwO__8_jkNYNkUO25HEWSKIqNnn9LDEVnoPvu7KFRNek0e3GIHUef_A6om3-4iXRtJ7DLImPW3q4zlJPiM/s400/delicious_48.png'/></a></li>
<li><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Sumbit to Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5DFwpWHdzgv9WGp9GVk4AdNRPZIDMGgjEnDlLMTh2tDCfDooODKCT8_csVdV_VA3imB6IYRjF8zXowag3xUMQQ4UY157fOSnHij37arB_kHFthoPNZODH4N7F3-t9pC0Iivw0SRIVsLA/s400/technorati_48.png'/></a></li>
<li><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Sumbit to Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsYkbI-mXb5qMzZewJqBVJX1BSJr1mTwpHLkQF-_jOG1hb3MT09ERUp4vDY6MaJQXwZrc96k4J3PPOK4iocxEbEBDSq1IWkIqd8TSveCkgvh3eqLMpsphLwSKpDo7c2tzEWCiCAFnnb7M/s400/reddit_48.png'/></a></li>
<li><a expr:href='" http://www.mixx.com/submit?page_url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Sumbit to Mixx' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9LX6Ie1hutrjlprYTDACtjWNn4rdWpTQu4wdTctHGrBnLJA3RrYa1tcU7nmqzbnV41C4NHwsKFYWkRRQY583eDqC9pw153pvf82eodx3ZTAgznAFPUrKDUB3EXbeY4anJ1gnV6Y282A4/s400/mixx_48.png'/></a></li>
<li><a expr:href='"http://twitter.com/home/?status=Chk Out-" + data:post.title + " " + data:post.url' target='_blank'><img alt='Sumbit to Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQILPB6mL63299_pxqUMXIps2E1erzfk5oJ2ueaj_JneXdrQrnCjjoig6MaTv-wNRJe5QIt9kDKIMVbm67vxca2WKOi4VIOyEicejhShEqoHVph2DYd9abamWkbUAjlnc81_7DsqUOERY/s400/twitter_boxed_48.png'/></a></li>
<li><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Sumbit to Furl' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbI45G10MFE8OFM3PCds9jEcOCCzsPpTTRM_RrpFA96_UIFQ-3ZSx6pyvYiu-Lu3Oadz42LYDVKeEqJID1gP8XOh2ZOBElWTXb4vRy-aph5Vv6G8_nHlbDAGqdNhBNzLMkW6ixDayRp4g/s400/furl_48.png'/></a></li>
<li><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Sumbit to Design Float' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWQphPlj5-WvvB_88al3fHkSJM5QyrsUyq_j7o3u2YwCjjFz36CJ839aRHl72NftrLnqtUpa_wWY5CyaOV1-hS0gKva03bU3LfJBWJ5koh9w2YKZpfFByczgRgZhFZP-Jy8vgf3XNz23k/s400/designfloat_48.png'/></a></li>
<li><a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Sumbit to Blinklist' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia-F5xGf_UVi0gCBvpJ8XikOETMDD5-iLpRTmUYdmQ-_AIjpiYxoidRRRJDt46KQ5tEGI454brSrAgVdy-xzkrMvbo7i6Yoe5hgqqgteKvwBQ29zJiGq2G8dF7LxlHy9J_rGXxQkzo0uE/s400/blinklist_48.png'/></a></li>
<li><a expr:href='"http://buzz.yahoo.com/article/" + data:post.url' target='_blank'><img alt='Sumbit to Yahoo Buzz' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOPEXXd14sHIXRgXAjkZpcUzlGA1hSFn_R6bKQY5HcrJSkxEJIqCLduQ2-Bdfll1HG01l7I_3v0LfVyLlXqSOBXsaiddbjAEVTdvNhPbwa5YchHvyWhHOyjTSzLfMUSZVJw_NuvGUvlCw/s400/yahoo_48.png'/></a></li>
<li><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Sumbit to Google Bookmarks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi38XfrKLOTFszmBgwf2TatmjHtkYYLZyRSHCJVqM4ff1rkLIrZz7Hmy3vaReEKP8BuP6i4bnNZvadPkLTrE9W9gDhCchBQjGTFO4wh4jaQuDsfvnTxrLDO_dW3l5G6rjQjHRdWx_e9OUk/s400/google_48.png'/></a></li>
</ul>

9º - Em seguida clique em Salvar Modelo

filmetub

quarta-feira, 16 de novembro de 2011

Widget de Compartilhamento "Social Bookmarking"

Nenhum comentário:

Postar um comentário