SIN PLUGINS. (Por cucharitas)
PASO 1:
Ir al editor de themes desde el panel de wordpress, y buscar el archivo
Footer.php
PASO 2:
Justo antes de la etiqueta </body>, pega las siguientes líneas:
HTML:
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"> {lang: 'es'}</script>
<script src="//platform.twitter.com/widgets.js" type="text/javascript"></script>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/es_ES/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>
Guarde los cambios.
PASO 3:
Busque el archivo
Single.php , Probablemente en themes mas complejos estén modularizados como Loop.php
Busque en single.php, la función:
the_content() , Seguidamente después de ello, en un espacio en blanco, coloca lo siguiente:
HTML:
<!--Inicio de iconos sociales-->
<div class="redes"> Comparte esto:
<div class="red">
<div class="fb-like" data-send="false" href="<?php the_permalink() ?>" data-layout="button_count" data-width="100" data-show-faces="false" data-action="like"></div>
</div>
<div class="red">
<a rel="nofollow" href="https://twitter.com/share" class="twitter-share-button" data-via="" data-lang="es">Twittear</a>
</div>
<div class="red">
<div class="g-plusone"></div>
</div>
</div> <!-- /Fin de iconos sociales-->
Guarde los cambios.
PASO 4:
Edite el archivo
style.css, y agregue esto al final:
Guarde los cambios. Puede modificar colores y ancho a este css si lo deseas.
Completado!! :encouragement:
- - - Actualizado - - -
Hice algunos cambios.