Botões de Redes Sociais nas Postagens
Autor: Under | Publicado: 2014-03-01T19:20:00-08:00


Isso ai vou ensinar a como bota os botoes sociais nas postagens vamos la!



TUTORIAL


1.Acesse seu Blogger, vá em&nbsp;"Modelo"&nbsp;e depois&nbsp;"Editar HTML".
2.Clique no código de seu template, pressione&nbsp;"CTRL+F"&nbsp;e pesquise por&nbsp;]]&gt;&lt;/b:skin&gt;

3.&nbsp;Logo&nbsp;ACIMA&nbsp;da tag pesquisada cole o código abaixo:


/*--------MBT Social Media Icon Set------*/.mbt-bookmarking a {display:block;height:42px;width:48px;padding:0 7px;float:left;background:transparent url(http://4.bp.blogspot.com/_7wsQzULWIwo/SxYPky2M4VI/AAAAAAAACcs/SGTHHyAiZ4A/s1600/flapper.jpg) no-repeat;}.mbt-bookmarking a.delicious {background-position:0px 0px;}.mbt-bookmarking a.delicious:hover {background-position:0px -43px;}.mbt-bookmarking a.digg {background-position:0px -86px;}.mbt-bookmarking a.digg:hover {background-position:0px -129px;}.mbt-bookmarking a.stumbleupon {background-position:0px -344px;}.mbt-bookmarking a.stumbleupon:hover {background-position:0px -387px;}.mbt-bookmarking a.technorati {background-position:0px -430px;}.mbt-bookmarking a.technorati:hover {background-position:0px -473px;}.mbt-bookmarking a.twitter {background-position:0px -516px;}.mbt-bookmarking a.twitter:hover {background-position:0px -559px;}.mbt-bookmarking a.facebook {background-position:0px -172px;}.mbt-bookmarking a.facebook:hover {background-position:0px -215px;}.mbt-bookmarking a.reddit {background-position:0px -258px;}.mbt-bookmarking a.reddit:hover {background-position:0px -301px;}.mbt-bookmarking a.yahoo {background-position:0px -602px;}.mbt-bookmarking a.yahoo:hover {background-position:0px -645px;}.mbt-bookmarking a.rss {background-position:0px -774px;}.mbt-bookmarking a.rss:hover {background-position:0px -817px;}




4.&nbsp;Pesquise agora por&nbsp;&lt;div class='post-footer-line post-footer-line-1'&gt;



5.&nbsp;Logo&nbsp;ABAIXO&nbsp;da tag pesquisada cole o seguinte código:


&lt;!--Social Media Icons--&gt;&lt;div class='mbt-bookmarking'&gt;&lt;b:if cond='data:blog.pageType == &amp;quot;item&amp;quot;'&gt;&lt;br/&gt;&lt;font color='#289728' face='ms sans serif' size='3'&gt;&lt;b&gt;Compartilhe nas Redes Sociais:&lt;/b&gt;&lt;/font&gt;&lt;br/&gt;&lt;br/&gt;&lt;!-- Delicious --&gt;&lt;a class='delicious' 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='external nofollow' target='_blank' title='Add this to Delicious :&amp;gt;'/&gt;&lt;!--DIGG--&gt;&lt;a class='digg' expr:href='&amp;quot;http://digg.com/submit?phase=2&amp;amp;url=&amp;quot; &nbsp;+ data:post.url' rel='external nofollow' target='_blank' title='Digg this :&amp;gt;'/&gt;&lt;!--Stumble--&gt;&lt;a class='stumbleupon' 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='external nofollow' target='_blank' title='Stumble this :&amp;gt;'/&gt;&lt;!-- Technorati --&gt;&lt;a class='technorati' expr:href='&amp;quot;http://technorati.com/faves?add=&amp;quot; + data:post.url' rel='external nofollow' target='_blank' title='Fave this :&amp;gt;'/&gt;&lt;!-- Twitter --&gt;&lt;a class='twitter' 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='external nofollow' target='_blank' title='Tweet this :&amp;gt;'/&gt;&lt;!--Facebook--&gt;&lt;a class='facebook' expr:href='&amp;quot;http://www.facebook.com/sharer.php?u=&amp;quot; + data:post.url + &amp;quot;&amp;amp;t=&amp;quot; + data:post.title' rel='external nofollow' target='_blank' title='Share this on Facebook :&amp;gt;'/&gt;&lt;!-- Reddit --&gt;&lt;a class='reddit' 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='external nofollow' target='_blank' title='Bookmark and tag this :&amp;gt;'/&gt;&lt;!-- Yahoo --&gt;&lt;a class='yahoo' expr:href='&amp;quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?t=&amp;quot; + data:post.url + &amp;quot;&amp;amp;title=&amp;quot; + data:post.title' rel='external nofollow' target='_blank' title='Bookmark this :&amp;gt;'/&gt;&lt;a class='rss' expr:href='data:blog.homepageUrl + &amp;quot;feeds/posts/default&amp;quot;'/&gt;&lt;/b:if&gt;&lt;/div&gt;&lt;div style="clear:both"&gt;&lt;/div&gt;




6.&nbsp;Clique em&nbsp;"Visualizar", não encontrando nenhum erro clique em&nbsp;"Salvar Modelo".



7.&nbsp;Vá em seu blog e veja como ficou.