Menu de compartilhamento - Sexy Bookmarks
Autor: HackerMestre | Publicado: 2011-12-18T05:23:00-08:00

Ei galera trago a vocês esse menu muito usado em blogs profissionais, para compartilhamento de postagens,&nbsp;essencial para um blog de respeito como o seu!Como funciona:&nbsp;O menu fica na horizontal abaixo de suas postagens, possui uma variedade de botões de redes sociais para o leitor estar compartilhando. No estado normal (sem o cursor esta em cima), os botões ficam escondido como você vê na imagem lá em cima. Mas quando posicionamos o mouse sobre um dos botões, o mesmo é exibido por inteiro.vamos lá!Aviso importante: Faça um BACKUP do seu template antes de fazer qualquer modificação. Esse Blog não se responsabiliza por deformações no seu blog por edição mal sucedida.1. Acesse o menu principal do seu blog.2. Clique em "Modelo" -&gt; "Editar HTML".3. Marque a opção&nbsp;"Expandir Modelos de Widgets"4. Procure por&nbsp;&lt;/head&gt;5. Acima dessa tag cole o seguinte código:&lt;style type='text/css'&gt;div.sexy-bookmarks {height:54px;background:url('http://3.bp.blogspot.com/_lz4W5aRri7U/TPMu1ebIWdI/AAAAAAAABpU/jAJybGhBd-Y/s1600/sharingsprite.png') no-repeat left bottom; position:relative;width:540px; }div.sexy-bookmarks span.sexy-rightside { width:0px; height:54px;background:url('http://lh3.ggpht.com/_3eh_nW6DoIE/TLDyP6JTgVI/AAAAAAAABV8/oTIaT5hQWwA/Sexysprite.png') no-repeat right bottom; position:absolute; right:-17px; }div.sexy-bookmarks ul.socials {margin:0 !important; padding:0 !important; position:absolute; bottom:0; left:10px; }div.sexy-bookmarks ul.socials li {display:inline-block !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:48px !important; cursor:pointer !important; padding:0 !important; }div.sexy-bookmarks ul.socials a {display:block !important; width:48px !important; height:29px !important; font-size:0 !important; color:transparent !important; }.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover { background:url('http://lh3.ggpht.com/_3eh_nW6DoIE/TLDyP6JTgVI/AAAAAAAABV8/oTIaT5hQWwA/Sexysprite.png') no-repeat !important; }.sexy-furl { background-position:-300px top !important; }.sexy-furl:hover { background-position:-300px bottom !important; }.sexy-digg { background-position:-500px top !important; }.sexy-digg:hover { background-position:-500px bottom !important; }.sexy-reddit { background-position:-100px top !important; }.sexy-reddit:hover { background-position:-100px bottom !important; }.sexy-stumble { background-position:-50px top !important; }.sexy-stumble:hover { background-position:-50px bottom !important; }.sexy-delicious { background-position:left top !important; }.sexy-delicious:hover { background-position:left bottom !important; }.sexy-yahoo { background-position:-650px top !important; }.sexy-yahoo:hover { background-position:-650px bottom !important; }.sexy-blinklist { background-position:-600px top !important; }.sexy-blinklist:hover { background-position:-600px bottom !important; }.sexy-technorati { background-position:-700px top !important; }.sexy-technorati:hover { background-position:-700px bottom !important; }.sexy-myspace { background-position:-200px top !important; }.sexy-myspace:hover { background-position:-200px bottom !important; }.sexy-twitter { background-position:-350px top !important; }.sexy-twitter:hover { background-position:-350px bottom !important; }.sexy-facebook { background-position:-450px top !important; }.sexy-facebook:hover { background-position:-450px bottom !important; }.sexy-mixx { background-position:-250px top !important; }.sexy-mixx:hover { background-position:-250px bottom !important; }.sexy-script-style { background-position:-400px top !important; }.sexy-script-style:hover { background-position:-400px bottom !important; }.sexy-designfloat { background-position:-550px top !important; }.sexy-designfloat:hover { background-position:-550px bottom !important; }.sexy-syndicate { background-position:-150px top !important; }.sexy-syndicate:hover { background-position:-150px bottom !important; }.sexy-email { background-position:-753px top !important; }.sexy-email:hover { background-position:-753px bottom !important; }&lt;/style&gt;6. Agora procure por:&lt;div class='post-footer-line post-footer-line-3'&gt;7.&nbsp;Acima&nbsp;dela cole este outro código:&lt;b:if cond='data:blog.pageType == &amp;quot;item&amp;quot;'&gt;&lt;div class='sexy-bookmarks'&gt;&lt;ul class='socials'&gt;&lt;li class='sexy-delicious'&gt;&lt;a expr:href='&amp;quot;http://del.icio.us/post?url=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' rel='nofollow' target='_blank' title='Enviar no Delicious'/&gt;&lt;/li&gt;&lt;li class='sexy-digg'&gt;&lt;a expr:href='&amp;quot; http://digg.com/submit?url=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' rel='nofollow' target='_blank' title='Digg este Post'/&gt;&lt;/li&gt;&lt;li class='sexy-technorati'&gt;&lt;a expr:href='&amp;quot; http://technorati.com/faves?add=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' rel='nofollow' target='_blank' title='Adicionar no Technorati'/&gt;&lt;/li&gt;&lt;li class='sexy-reddit'&gt;&lt;a expr:href='&amp;quot; http://www.reddit.com/submit?url=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' rel='nofollow' target='_blank' title='Adicionar no Reddit'/&gt;&lt;/li&gt;&lt;li class='sexy-stumble'&gt;&lt;a expr:href='&amp;quot; http://www.stumbleupon.com/submit?url=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' rel='nofollow' target='_blank' title='Stumble este Post'/&gt;&lt;/li&gt;&lt;li class='sexy-designfloat'&gt;&lt;a expr:href='&amp;quot;http://www.designfloat.com/submit.php?url=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' rel='nofollow' target='_blank' title='Compartilhe no DesignFloat'/&gt;&lt;/li&gt;&lt;li class='sexy-facebook'&gt;&lt;a expr:href='&amp;quot; http://www.facebook.com/sharer.php?u=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' rel='nofollow' target='_blank' title='Compartilhe no Facebook'/&gt;&lt;/li&gt;&lt;li class='sexy-twitter'&gt;&lt;a expr:href='&amp;quot; http://twitthis.com/twit?url=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' rel='nofollow' target='_blank' title='Compartilhe no Twitter'/&gt;&lt;/li&gt;&lt;li class='sexy-furl'&gt;&lt;a expr:href='&amp;quot; http://www.furl.net/storeIt.jsp?u=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' rel='nofollow' target='_blank' title='Compartilhe no Furl'/&gt;&lt;/li&gt;&lt;li class='sexy-syndicate'&gt;&lt;a href='http://feeds2.feedburner.com/naeemnur' rel='nofollow' title='Subscribe to RSS'/&gt;&lt;/li&gt;&lt;li class='sexy-email'&gt;&lt;a expr:href='&amp;quot; mailto:?subject=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' rel='nofollow' target='_blank' title='Compartilhe por Email'/&gt;&lt;/li&gt;&lt;/ul&gt;&lt;span class='sexy-rightside'/&gt;&lt;/div&gt;&lt;div class='sexy-link'&gt;&lt;/div&gt;&lt;/b:if&gt;8. Prontinho, agora salve e veja se deu certo. Até mais!comente&nbsp;