Crear botón tweet (compartir en twitter) para wordpress, sin plugin.

closeHola! hace 7 years 2 months 5 days que escribí esta entrada, puede que esta información ya no sea valida en la actualidad, por favor se comprensivo conmigo cuando comentes 🙂

Si queremos agregar una opción para compartir en twitter nuestras entradas (como la de este blog), y queremos hacer un diseño único para nuestra web pueden seguir los siguientes pasos.

Agregamos en nuestro archivo style.css de nuestro tema el siguiente codigo

#twitternow{
	background: transparent url('twitter.png');
	height:100px;
	width:580px;
	padding-top:40px;
	padding-left:20px;
	border: 0px solid;
	text-align:left;
}
#twitternow .estado{
	width:480px;
	margin:0px;
	height:30px;
	border:0px solid;
}
 
#twitternow .enviar{
	background: transparent url('btn2.png');
	margin-top:0px;
	margin-left:400px;
	width:59px;
	Height:20px;
	border:0px solid;
	color:#FBFBFB;
 
}

Agregamos las siguientes imágenes en nuestra carpeta images de nuestro tema:

Nombre: twitter.png


http://blog.jodacame.com/wp-content/uploads/2010/04/twitter.png
Nombre: btn2.png


http://blog.jodacame.com/wp-content/uploads/2010/04/btn2.png
y luego agregamos el siguiente código en el lugar que queramos que aparezca, yo lo agregue en el archivo single.php

<div id="twitternow">
<form id="update" action="http://twitter.com/home" method="get">
				<input class="estado" name="status" type="text" value="Recomiendo esta entrada | &lt;?php the_permalink() ; ?&gt;" /> 
 
				<input class="enviar" type="submit" value="Tweet" />
			</form></div>

podemos personalizar nuestro mensaje, si queremos.

Resultado

You may also like...

6 Responses

  1. bytesx dice:

    la verdad que buen blog tienes felicidades a mi siempre me ha interesado linux desde que tenia 12 años la verdad te felicito por tu blog

  2. Jodacame dice:

    Gracias.

  3. noneoriente dice:

    me gustaria poder insertarlo pero en el sidevar y atraves de un witget de texto me sabrias desir como aserlo?? un saludo y felisidades por el blog.

  1. Abril 20, 2010

    Crear botón tweet (compartir en twitter) para wordpress, sin plugin….| http://www.nexxuz.com/?p=508

  2. Abril 23, 2010

    Crear botón tweet (compartir en twitter) para wordpress, sin plugin….| http://www.nexxuz.com/?p=508

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *