Social Bookmarks é um método muito bom para compartilhar seus artigos, com ele os usuários podem enviar os posts para as mais famosas redes, como o Digg, del.icio.us, technorati, Ueba entre outros.
Vou ensina-los a inserir uma barra como a minha, totalmente personalizada, dica que eu aprendi com a Juliana.
Entre no modo de edição HTML e marque o campo "Expandir Modelos de Widgets".
Dentro do CSS adicione o seguinte código:
/* ----- Bookmarking ----- */Depois procure por <p class='post-footer-line post-footer-line-3'/> e em baixo cole:
.book {
margin-top:5px;
background:#fdfdfd;
padding:2px 2px 2px 2px;
border:1px solid #f0f0f0;
}
.rsociales ul {
display:inline;
margin:0pt !important;
padding:0pt !important;
}
.rsociales li {
background:transparent none repeat scroll 0%;
display:inline;
list-style-type:none;
margin:0pt;
padding:2px;
}
.rsociales img {
border:0pt none;
float:none;
margin:0pt;
padding:0pt;
}
.rsociales-sobre {
opacity:0.4;
}
.rsociales-sobre:hover {
opacity:1;
}
<div align='left'><div class='book'>
<div class='rsociales'>
<span class='blogk'>
<ul>
<li><a expr:href='data:post.emailPostUrl'
target='_blank' title='Enviar por Email'><img
class='rsociales-sobre'
src='http://IMAGEM.png'/></a></li>
<li><a
expr:href='"http://del.icio.us/post?url=" +
data:post.url + "&title=" +
data:post.title' target='_blank' title='Incluir no
del.icio.us'><img class='rsociales-sobre'
src='http://IMAGEM.png'/></a></li>
<li><a
expr:href='"http://digg.com/submit?phase=3&url="
+ data:post.url' target='_blank' title='Incluir no
Digg'><img class='rsociales-sobre'
src='http://IMAGEM.png'/></a></li>
<li><a
expr:href='"http://dihitt.com.br?botao=enviar&url="
+ data:post.url + "&titulo=" +
data:post.title' target='_blank' title='Incluir no
diHITT'><img class='rsociales-sobre'
src='http://IMAGEM.png'/></a></li>
<li><a
expr:href='"http://www.linkk.com.br/submit.php?url="
+ data:post.url + "&title=" +
data:post.title' target='_blank' title='Incluir no
LinkK'><img class='rsociales-sobre'
src='http://IMAGEM.png'/></a></li>
<li><a
expr:href='"http://rec6.via6.com/link.php?url="
+ data:post.url + "&titulo=" +
data:post.title' target='_blank' title='Incluir no
Rec6'><img class='rsociales-sobre'
src='http://IMAGEM.png'/></a></li>
<li><a
expr:href='"http://ueba.com.br/NovoLink?url="
+ data:post.url + "&titulo=" +
data:post.title' target='_blank' title='Incluir no
Uêba'><img
class='rsociales-sobre'
src='http://IMAGEM.png'/></a></li>
<li><a
href='http://feeds.feedburner.com/mundodosblogues/'><img
alt='Assinar feed' class='rsociales-sobre'
src='http://IMAGEM.gif'/></a></li>
<li><a
expr:href='"http://www.technorati.com/faves?add="
+ data:post.url + "&title=" +
data:post.title' target='_blank'><img alt='Agregar a
Technorati' class='rsociales-sobre'
src='http://IMAGEM.gif'/></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='Agregar a
Google' class='rsociales-sobre'
src='http://IMAGEM.gif'/></a></li>
<li><a
expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u="
+ data:post.url + "&title=" +
data:post.title' target='_blank'><img alt='Agregar a
Yahoo!' class='rsociales-sobre'
src='http://IMAGEM.png'/></a></li>
<li><a
expr:href='"http://blogmarks.net/my/new.php?mini=1&simple=1&url="
+ data:post.url + "&title=" +
data:post.title' target='_blank'><img alt='Agregar a
Blogmarks' class='rsociales-sobre'
src='http://IMAGEM.gif'/></a></li>
</ul>
</span>
</div>
</div>
</div>
Cique aqui e baixe gratuitamente o pacote de íconesNota# "Você deve hospedar todos os ícones em algum servidor, como o skydrive e depois alterar o campo "http://IMAGEM" pelo link da imagem referente".
Nota## "Não se esqueça de colocar o endereço do seu feed onde está escrito "<ahref='http://feeds.feedburner.com/mundodosblogues/'><img".
