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/AVvXsEgJqsRKMNBuTcJZNmUpY9zzmqs1b7AIH8Xybaetad0FUogbUiBb7PRVChpyLKD4l3ogFubyFvXgAlZEI5ig0nPclpiv2gHzDsFKR8eo3lIzshdss7DUKSFXvSFLSFdPsfKsZRbU2p5VUyA/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 == "item"'>
<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/AVvXsEhZ1Kg9LgJxoivkYBe8veM5xe7L8FbnSI-fPewa8kBVIrWUY0TLQ-LMrvEdEZgj4VpMGTArdIqJlvrj16WRqPPUiMWHvWE8Cm6El2Mx-o-YnQi4lzsAGKrXwngjxsXT5PZYkaQ-dZSPJdMu/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='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&send=false&layout=box_count&show_faces=false&width=55&action=like&font=arial&colorscheme=light&height=62"' 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.