S
SoloNegocios
He visto que muchos usan Plugins para que en los Posts salgan los tipicos botones de compartir en las Redes Tontiales (Facebook, Twitter, Meneamela)
Hoy les traigo el código para que no usen mas Plugins y lo mejor de todo es que no les agrega código basura y usa Sprites
1. Creen un archivo llamado social.php que debe ir dentro de la carpeta del Theme que usan.
2. Agreguen este código a dicho archivo.
3. Ahora vayan al Style.css del Theme y agreguen esto
4. Ahora suban este Sprite a su Hosting
Enlace eliminado
Cuando lo suban recuerden modificar en el CSS la parte que dice "http://www.tusitio.com/sprite-social.png" por la URL donde tienen el Sprite
5. Por ultimo vayan al Single.php y agreguen donde quieren que aparezca esto
El resultado es algo como esto
Enlace eliminado
Como pueden ver uso los mismos iconos que el Plugin ese que muchos usan, 1 Plugin y un CSS menos del que preocuparse ya que muchos de esos Plugins te crean su propio archivo CSS y Google solo acepta tener 1 o eran 2 ta ni recuerdo xD
Hoy les traigo el código para que no usen mas Plugins y lo mejor de todo es que no les agrega código basura y usa Sprites
1. Creen un archivo llamado social.php que debe ir dentro de la carpeta del Theme que usan.
2. Agreguen este código a dicho archivo.
PHP:
<div class="barra_social">
<ul class="lista_social">
<div class="lista">
<li><a href="http://www.facebook.com/share.php?u=<?php the_permalink() ?>" target="_blank" class="facebook" rel="nofollow">Facebook</a></li>
<li><a href="http://bitacoras.com/anotaciones/<?php the_permalink() ?>" target="_blank" class="bitacoras" rel="nofollow">Bitacoras</a></li>
<li><a href="http://twitter.com/home?status=Leyendo <?php the_permalink(); ?>" target="_blank" class="twitter" rel="nofollow">Twitter</a></li>
<li><a href="http://meneame.net/submit.php?url=<?php the_permalink() ?>" target="_blank" class="meneame" rel="nofollow">Meneame</a></li>
</div>
<p class="limpieza"></p>
</ul>
</div>3. Ahora vayan al Style.css del Theme y agreguen esto
Insertar CODE, HTML o PHP:
.barra_social{width:580;background-color:#fff;height:20px;}
.barra_social a{text-decoration:none;outline:none;}
ul.lista_social{list-style:none;padding:20px 119px;}
.lista{float:left;}
a.facebook{width:83px;height:20px;background-position:0px 0px;}
a.twitter{width:68px;height:20px;background-position:0px -25px;}
a.bitacoras{width:82px;height:20px;background-position:0px -50px;}
a.meneame{width:82px;height:20px;background-position:0px -75px;}
.lista li{float:left;padding:20px 3px 20px 3px;}
.lista a{background-image:url(http://www.tusitio.com/sprite-social.png);display:block;background-repeat:no-repeat;text-indent:-500em;padding:0px 0px 0 0;}
.limpieza{clear:both;}4. Ahora suban este Sprite a su Hosting
Enlace eliminado
Cuando lo suban recuerden modificar en el CSS la parte que dice "http://www.tusitio.com/sprite-social.png" por la URL donde tienen el Sprite
5. Por ultimo vayan al Single.php y agreguen donde quieren que aparezca esto
PHP:
<?php include('social.php');?>El resultado es algo como esto
Enlace eliminado
Como pueden ver uso los mismos iconos que el Plugin ese que muchos usan, 1 Plugin y un CSS menos del que preocuparse ya que muchos de esos Plugins te crean su propio archivo CSS y Google solo acepta tener 1 o eran 2 ta ni recuerdo xD
