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'/>7º - Depois procure por:
<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'>
8º - E ABAIXO dele cole o seguinte código:<data:post.body/>
<ul class='sharebox' id='sharebox'>9º - Em seguida clique em Salvar Modelo
<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='http://lh5.ggpht.com/_gQTW6AzEt50/TANwPDNFTqI/AAAAAAAAAJA/_iTBPexiQUc/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='http://lh5.ggpht.com/_gQTW6AzEt50/TANwXH99KHI/AAAAAAAAAJY/1MhNYohLgKw/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='http://lh3.ggpht.com/_gQTW6AzEt50/TANwLsiJKaI/AAAAAAAAAI4/W-8Giiq1jdo/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='http://lh3.ggpht.com/_gQTW6AzEt50/TANwaKO3III/AAAAAAAAAJg/1GGHLlMnMVI/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='http://lh3.ggpht.com/_gQTW6AzEt50/TANwUrLlzcI/AAAAAAAAAJQ/4IumvWuAy3k/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='http://lh5.ggpht.com/_gQTW6AzEt50/TANwRvsfp4I/AAAAAAAAAJI/GnhXzIG0Yus/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='http://lh4.ggpht.com/_gQTW6AzEt50/TAN0zpbiOBI/AAAAAAAAAKQ/ZrUXz3uWKIU/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='http://lh5.ggpht.com/_gQTW6AzEt50/TAN0r1U2u1I/AAAAAAAAAJ4/sROtJssSojA/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='http://lh4.ggpht.com/_gQTW6AzEt50/TAN0owol6GI/AAAAAAAAAJw/BkW7TAqnDcQ/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='http://lh3.ggpht.com/_gQTW6AzEt50/TAN0mEMPlOI/AAAAAAAAAJo/-8XBeBFn-B0/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='http://lh5.ggpht.com/_gQTW6AzEt50/TAN02Tt0lCI/AAAAAAAAAKY/DJQhWo-EVQI/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='http://lh6.ggpht.com/_gQTW6AzEt50/TAN0uapFtxI/AAAAAAAAAKA/XSceCbQg5gU/s400/google_48.png'/></a></li>
</ul>
Seja o primeiro a comentar
Postar um comentário
Parcerias são feitos em suas respectivas páginas.
- Se deseja falar com nossos autores, criticar ou sugerir, solicite nosso
Formulário de Contato
- Evite divulgar o seu blog nos comentários para que ele não seja excluído por nosso autor.
- Não utilize linguagem vulgar e tente falar sobre algo que esteja ligado ao artigo.