Tutorial: Sexy BookMarks no Blogspot
Autor: Cleidimar Viana | Publicado: 2011-01-25T19:41:00-02:00

Aumente as visitas do seu blog colocando social bookmarks. Uma dica interessante para que você melhore seus resultados é a adição do&nbsp;sexy bookmarks, um plugin feito para wordpress contendo links dos artigos para envio as redes sociais como twitter, digg,facebook,stambleupon e outros. &nbsp;Agora você já pode usar o sexy bookmarks na plataforma do blogger. Acompanhe este tutorial de implementação e deixe seu blog mais bonito e social.&nbsp;
Esta imagem abaixo mostra como ficará a exibição do plugin no seu blog:
Para que você possa exibir corretamente os links de social bookmarks em seu blog entre no painel de controle do blogger procure pela aba "layout" e depois clique em "Editar HTML" para exibir o código fonte do seu template. Antes de editar seu template clique em&nbsp;baixar modelo completo&nbsp;para fazer um backup do theme evitando assim erros posteriores que possam ocorrer em seu blog. Depois de feito o backup, clique em "Expandir modelos de widgets" copie e cole os códigos a seguir antes da tag:&nbsp;&lt;/head&gt;

&lt;!-- sexybookmarks --&gt;&nbsp;&lt;script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/&gt;&lt;script type='text/javascript'&gt;jQuery(document).ready(function() {// xhtml 1.0 strict way of using target _blankjQuery(&amp;#39;.sexy-bookmarks a.external&amp;#39;).attr(&amp;quot;target&amp;quot;, &amp;quot;_blank&amp;quot;);// this block sets the auto vertical expand when there are more than// one row of bookmarks.var sexyBaseHeight=jQuery(&amp;#39;.sexy-bookmarks&amp;#39;).height();var sexyFullHeight=jQuery(&amp;#39;.sexy-bookmarks ul.socials&amp;#39;).height();if (sexyFullHeight&amp;gt;sexyBaseHeight) {jQuery(&amp;#39;.sexy-bookmarks-expand&amp;#39;).hover(function() {jQuery(this).animate({height: sexyFullHeight+&amp;#39;px&amp;#39;}, {duration: 400, queue: false});},function() {jQuery(this).animate({height: sexyBaseHeight+&amp;#39;px&amp;#39;}, {duration: 400, queue: false});});}// autocenteringif (jQuery(&amp;#39;.sexy-bookmarks-center&amp;#39;)) {var sexyFullWidth=jQuery(&amp;#39;.sexy-bookmarks&amp;#39;).width();var sexyBookmarkWidth=jQuery(&amp;#39;.sexy-bookmarks:first ul.socials li&amp;#39;).width();var sexyBookmarkCount=jQuery(&amp;#39;.sexy-bookmarks:first ul.socials li&amp;#39;).length;var numPerRow=Math.floor(sexyFullWidth/sexyBookmarkWidth);var sexyRowWidth=Math.min(numPerRow, sexyBookmarkCount)*sexyBookmarkWidth;var sexyLeftMargin=(sexyFullWidth-sexyRowWidth)/2;jQuery(&amp;#39;.sexy-bookmarks-center&amp;#39;).css(&amp;#39;margin-left&amp;#39;, sexyLeftMargin+&amp;#39;px&amp;#39;);}});&lt;/script&gt;&lt;style type='text/css'&gt;div.sexy-bookmarks{margin:20px 0 0 0; border: 0;outline: none;clear:both !important}div.sexy-bookmarks-expand{height:29px; overflow:hidden}.sexy-bookmarks-bg-sexy, .sexy-bookmarks-bg-love{background-image:url(&amp;#39;http://1.bp.blogspot.com/_T46SliM0-PI/TCFkPDH5OYI/AAAAAAAAAeM/ezhvTzyOva4/sexytrans.png&amp;#39;) !important; background-repeat:no-repeat}div.sexy-bookmarks-bg-love{padding:26px 0 0 10px; background-position:left -1148px !important}div.sexy-bookmarks ul.socials{width:95% !important; margin:0 !important; padding:0 !important; float:left}div.sexy-bookmarks ul.socials li{display:inline !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:60px !important; cursor:pointer !important; padding:0 !important}div.sexy-bookmarks ul.socials li:before, div.sexy-bookmarks ul.socials li:after, div.sexy-bookmarks ul.socials li a:before, div.sexy-bookmarks ul.socials li a:after{content:none !important}div.sexy-bookmarks ul.socials a{display:block !important; width:60px !important; height:29px !important; text-indent:-9999px !important; background-color:transparent !important}div.sexy-bookmarks ul.socials a:hover{background-color:transparent !important}.sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumbleupon, .sexy-stumbleupon:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoobuzz, .sexy-yahoobuzz: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-scriptstyle, .sexy-scriptstyle:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-comfeed, .sexy-comfeed:hover, .sexy-newsvine, .sexy-newsvine:hover, .sexy-linkedin, .sexy-linkedin:hover, .sexy-google, .sexy-google:hover, .sexy-friendfeed, .sexy-friendfeed:hover{background:url(&amp;#39;http://bnote.googlecode.com/files/sexy-sprite-new.png&amp;#39;) no-repeat !important;border: 0;outline: none;}.sexy-digg{background-position:-980px bottom !important}.sexy-digg:hover{background-position:-980px top !important}.sexy-reddit{background-position:-700px bottom !important}.sexy-reddit:hover{background-position:-700px top !important}.sexy-stumbleupon{background-position:-630px bottom !important}.sexy-stumbleupon:hover{background-position:-630px top !important}.sexy-delicious{background-position:-1190px bottom !important}.sexy-delicious:hover{background-position:-1190px top !important}.sexy-yahoobuzz{background-position:-1120px bottom !important}.sexy-yahoobuzz:hover{background-position:-1120px top !important}.sexy-blinklist{background-position:-1260px bottom !important}.sexy-blinklist.sexy-technorati{background-position:-560px bottom !important}.sexy-technorati:hover{background-position:-560px top !important}.sexy-myspace{background-position:-770px bottom !important}.sexy-myspace:hover{background-position:-770px top !important}.sexy-twitter{background-position:-490px bottom !important}.sexy-twitter:hover{background-position:-490px top !important}.sexy-facebook{background-position:-1330px bottom !important}.sexy-facebook:hover{background-position:-1330px top !important}.sexy-mixx{background-position:-840px bottom !important}.sexy-mixx:hover{background-position:-840px top !important}.sexy-scriptstyle{background-position:-280px bottom !important}.sexy-scriptstyle:hover{background-position:-280px top !important}.sexy-designfloat{background-position:-1050px bottom !important}.sexy-designfloat:hover{background-position:-1050px top !important}.sexy-newsvine{background-position:left bottom !important}.sexy-newsvine:hover{background-position:left top !important}.sexy-google{background-position:-210px bottom !important}.sexy-google:hover{background-position:-210px top !important}.sexy-comfeed{background-position:-420px bottom !important}.sexy-comfeed:hover{background-position:-420px top !important}.sexy-linkedin{background-position:-70px bottom !important}.sexy-linkedin:hover{background-position:-70px top !important}.sexy-friendfeed{background-position:-1750px bottom !important}.sexy-friendfeed:hover{background-position:-1750px top !important}.sexy-link{ margin-left:25px; float:left}.sexy-link A{padding:10px 0; width:470px; text-align:right; border:0; outline:none}&lt;/style&gt;&lt;!-- sebookmarks --&gt;Salve seu template. Se tudo correr bem repita o processo dessa vez para copiar o código que vai aparecer em baixo das suas postagens clicando novamente em "expandir modelo de widgets" procure pela tag: "&lt;data:post.blog/&gt;" ou&nbsp;&lt;data:post.body/&gt;&nbsp;cole logo abaixo desta tag. Salve novamente e pronto você já estará exibindo o sexy bookmarks no rodapé dos seus posts.&nbsp;
&lt;b:if cond='data:blog.pageType == &amp;quot;item&amp;quot;'&gt;&lt;div class='sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-bg-love' style='margin:20px 0 0 0 !important; padding:25px 0 0 10px !important; height:29px;/*the height of the icons (29px)*/ display:block !important; clear:both !important;'&gt;&lt;ul class='socials'&gt;&lt;li class='sexy-delicious'&gt;&lt;a class='external' 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' title='Compartilhe isto no del.icio.us'&gt;Compartilhe isto no del.icio.us&lt;/a&gt;&lt;/li&gt;&lt;li class='sexy-digg'&gt;&lt;a class='external' expr:href='&amp;quot;http://digg.com/submit?phase=2&amp;amp;url=&amp;quot;+ data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' rel='nofollow' title='Digg this!'&gt;Digg this!&lt;/a&gt;&lt;/li&gt;&lt;li class='sexy-stumbleupon'&gt;&lt;a class='external' 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' title='Stumble upon something good? Share it on StumbleUpon'&gt;Stumble upon something good? Share it on StumbleUpon&lt;/a&gt;&lt;/li&gt;&lt;li class='sexy-reddit'&gt;&lt;a class='external' expr:href='&amp;quot;http://reddit.com/submit?url=&amp;quot;+ data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' rel='nofollow' title='Compartilhe isto no Reddit'&gt;Compartilhe isto no Reddit&lt;/a&gt;&lt;/li&gt;&lt;li class='sexy-google'&gt;&lt;a class='external' expr:href='&amp;quot;http://www.google.com/bookmarks/mark?op=add&amp;amp;bkmk=&amp;quot;+ data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' rel='nofollow' title='Add this to Google Bookmarks'&gt;Add this to Google Bookmarks&lt;/a&gt;&lt;/li&gt;&lt;li class='sexy-twitter'&gt;&lt;a class='external' expr:href='&amp;quot;http://twitter.com/home?status=Reading: &amp;quot; + data:blog.title + &amp;quot; - &amp;quot; + data:post.url + &amp;quot; (@NAME)&amp;quot;' rel='nofollow' title='Tweet This!'&gt;Tweet This!&lt;/a&gt;&lt;/li&gt;&lt;li class='sexy-facebook'&gt;&lt;a class='external' expr:href='&amp;quot;http://www.facebook.com/share.php?u=&amp;quot;+ data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' rel='nofollow' title='Compartilhe isto no Facebook'&gt;Compartilhe isto no Facebook&lt;/a&gt;&lt;/li&gt;&lt;li class='sexy-mixx'&gt;&lt;a class='external' expr:href='&amp;quot;http://www.mixx.com/submit?page_url=&amp;quot; + data:post.url' rel='nofollow' title='Compartilhe isto no Mixx'&gt;Compartilhe isto no Mixx&lt;/a&gt;&lt;/li&gt;&lt;li class='sexy-comfeed'&gt;&lt;a class='external' expr:href='data:blog.homepageUrl + &amp;quot;feeds/posts/default&amp;quot;' rel='nofollow' title='Subscribe'&gt;Subscribe&lt;/a&gt;&lt;/li&gt;&lt;li class='sexy-yahoobuzz'&gt;&lt;a class='external' expr:href='&amp;quot;http://buzz.yahoo.com/submit/?submitUrl=&amp;quot; + data:post.url' rel='nofollow' title='Buzz up!'&gt;Buzz up!&lt;/a&gt;&lt;/li&gt;&lt;li class='sexy-linkedin'&gt;&lt;a class='external' expr:href='&amp;quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&amp;quot;+ data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' rel='nofollow' title='Compartilhe isto no Linkedin'&gt;Compartilhe isto no Linkedin&lt;/a&gt;&lt;/li&gt;&lt;li class='sexy-designfloat'&gt;&lt;a class='external' 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' title='Submit this to DesignFloat'&gt;Submit this to DesignFloat&lt;/a&gt;&lt;/li&gt;&lt;li class='sexy-technorati'&gt;&lt;a class='external' 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' title='Compartilhe isto no Technorati'&gt;Compartilhe isto no Technorati&lt;/a&gt;&lt;/li&gt;&lt;li class='sexy-scriptstyle'&gt;&lt;a class='external' expr:href='&amp;quot;http://scriptandstyle.com/submit?url=&amp;quot;+ data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' rel='nofollow' title='Submit this to Script &amp;amp; Style'&gt;Submit this to Script &amp;amp; Style&lt;/a&gt;&lt;/li&gt;&lt;li class='sexy-myspace'&gt;&lt;a class='external' expr:href='&amp;quot;http://www.myspace.com/Modules/PostTo/Pages/?u=http&amp;quot;+ data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' rel='nofollow' title='Post this to MySpace'&gt;Post this to MySpace&lt;/a&gt;&lt;/li&gt;&lt;li class='sexy-blinklist'&gt;&lt;a class='external' expr:href='&amp;quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;amp;Url=&amp;quot;+ data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' rel='nofollow' title='Compartilhe isto no Blinklist'&gt;Compartilhe isto no Blinklist&lt;/a&gt;&lt;/li&gt;&lt;li class='sexy-friendfeed'&gt;&lt;a class='external' expr:href='&amp;quot;http://friendfeed.com/?url=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' rel='nofollow' title='Compartilhe isto no FriendFeed'&gt;Compartilhe isto no FriendFeed&lt;/a&gt;&lt;/li&gt;&lt;li class='sexy-newsvine'&gt;&lt;a class='external' expr:href='&amp;quot;http://www.newsvine.com/_tools/seed&amp;amp;save?u=&amp;quot;+ data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' rel='nofollow' title='Seed this on Newsvine'&gt;Seed this on Newsvine&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div style='clear:both;'/&gt;&lt;/div&gt;&lt;/b:if&gt;

Obs.: O Sexy Bookmarks será exibido somente na post independente.