Cómo agregar botones sociales sin necesidad de instalar Plugins

deluxxin dijo:

no te entiendo entonces como quieres poner eso sin plugins ?? si no sabes nada de programación dejate de tonteras e instala el plugin que tengo yo mira quedan como quieres.

Ver el archivo adjunto 8577

Hacer clic para expandir...

ziney dijo:

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.

Hacer clic para expandir...