Marcadores sociales de Ayudas Blogger Gratis para tu blog

Varios usuarios me han pedido que comparta el estilo de mis marcadores sociales y como bien saben que aquí en Mil Trucos Blogger todo se comparte pues he decidido compartir contigo el estilo de los marcadores sociales de Mil Trucos Blogger.

Los marcadores sociales se ven de la siguiente manera:

Para agregar estos espectaculares marcadores sociales a tu blog ve a Plantilla, , Editar HTML, y busca lo siguiente:

 <b:skin>...</b:skin>

 Allí das clic en la flecha que aparece al lado de este código y busca la etiqueta  ]]></b:skin> y arriba de esta añade lo siguiente:

/* Share button by miltrucosblogger.info----------------------------------------------- */
.share-buttons li { list-style: none; float: left; padding-right: 20px; padding-bottom: 10px; } .sharetitle { float: left; font-size: 51px; font-weight: 900; text-transform: uppercase; line-height: 60px; padding-right: 10px; color: #2aa4cf; } .sharetitle2 { float: left; margin-left: -112px; margin-top: 50px; font-size: 20px; text-transform: uppercase; font-weight: 900; Color: #8a8c8e; } .sharetitle3 img { float: left; padding-right: 20px; padding-left: 10px; padding-top: 5px; } .share-buttons { padding-top: 20px; }
.like-cm{margin-top:15px;width:10px;height:10px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNV-U4cGMEVKeW0NdT1CLMntyvaLMBJLsv942_Fi7GNN8tIwnlgyLLwoRPAGqC_FftlAHAS0FnRbOav-4_qzhdjBYCc_PMAlJWDISIeJWMTt29dvEYc1ge_syrQI8EFm3ou1sqs72GN7s/s10/like.png) no-repeat}
#social img:hover {opacity: 0.6;}

Ahora busca la siguiente linea:

<div class='post-footer-line post-footer-line-3'>

Debajo de la siguiente linea pega lo siguiente:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='share-buttons'>
<div class='sharetitle'>Te Gusta?</div> <div class='sharetitle2'>Compartelo</div><div class='sharetitle3'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim-gRWC-0mSUDEJLI9YkxoOTuHrYyb6aLTBoYGBqWCtKwIsor61GNI739kXTcTiiMp_7j1e6prSTHh7A-BNyIhERnBdICQpYN82vII-J758ToGI0uWYQzznELZrQdViIl4auDv8SG2BdTm/s1600/racka1.png'/></div>
<li><a class='twitter-share-button' data-count='vertical' data-related='' data-via='mtrucosblogger' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a></li>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
<li><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=62&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:70px; height:62px;'/></li>
 <li><script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>
<g:plusone expr:href='data:post.url' size='tall'/> </li>
  </div>
</b:if>

Para finalizar das clic en Guardar Plantilla y listo hemos terminado.

Espero que te haya gustado este magnifico truco y sigue visitando Mil Trucos Blogger para encontrar los mejores recursos y trucos para tu blog.