Entrada

Marcadores sociales para tu blog




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/AVvXsEgSSUzEdclb297CGrFyNKHfQXuqfOy83EN4waHU-07KfuQc9BVlEbKxzRu9O1diVPfMhyphenhyphen0hZPTO1bZxRsorETP7TxJTihXH-1R9tBTdxlijbLWcIz1_J7qk354AbOzt6Gf0H8Xqpg01ZwY/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/AVvXsEh5L0WZA3kujKp54TGtDNWkTi4CpnwpJRX3bhnpV9x3srqgGd9wUDML48Bk4COd_6CQud2YeZuletFb0iAgfE4lU1RhShyphenhyphenhCL2Rgn6J3caWG7pkBUrxHJdY2WEAztjM8iRdBe38Xzz5Ma5U/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.





Comentarios Facebook { }
Comentarios Blogger { 0 }

Publicar un comentario

Subscribe

Post Recomendado deslizante para blogger