Hace unos días Hayder Juvinao nos dio a conocer una buena forma de compartir las entradas del blog con marcadores sociales, hoy vengo a compartir con todos ustedes algo idéntico para vuestro blog, que muestra la URL de la entrada, al final.

Para ponerlo en nuestro blog vamos a Plantilla, Editar HTML, y con CTRL+F buscamos:
<div class='post-footer-line post-footer-line-3'>

Arriba de ella colocamos lo siguiente:

<div style="text-align: left;">
<div style="text-align: center;">
<b><span style="color: #0b5394; font-family: Verdana, sans-serif; font-size: 40px;">COMPÁRTELO</span></b></div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<span style="color: #666666; font-family: Arial, Helvetica, sans-serif;">Envíales este link a tus amigos</span></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://3.bp.blogspot.com/-x9X-fzKwiU8/Umk1-VK72zI/AAAAAAAACAY/hAE-UO7IkvI/s1600/ABAJO.png" /></div>
<div style="text-align: center;">
<textarea cols="42" onclick="this.select();" rows="2"><data:post.url/></textarea></div>
Puedes cambiar el valor de colsrows, solo recuerda que:

  • cols=»42″  es la cantidad de palabras que mostrará el cuadro en forma horizontal.
  • rows=»2″  es la cantidad de renglones que se mostrará en el recuadro
Guardan los cambios y listo.

8 commentarios

Anthony · octubre 24, 2013 a las 4:07 pm

Esta muy bueno el link para compartir pero puedo hacer unas modificaciones?

Jonathan LR · octubre 24, 2013 a las 4:11 pm

Claro! el diseño del cada uno puede modificarlo a su gusto, si quieres cambiar la imagen de la flecha hacia abajo busca esto: http://3.bp.blogspot.com/-x9X-fzKwiU8/Umk1-VK72zI/AAAAAAAACAY/hAE-UO7IkvI/s1600/ABAJO.png y lo cambias por la URL que quieres. Suerte 😉

Juvinao · octubre 24, 2013 a las 8:22 pm

Amigo excelente tutorial

Italianz Rcordz · diciembre 13, 2013 a las 3:41 am

Muy buen blog, me gusta el diseño 🙂

Italianz Rcordz · diciembre 13, 2013 a las 3:43 am

Amigo, me gustaria saber como es que colocaste el widget: Lo ultimo – que aparece justo debajo del menu 🙂

Anonymous · diciembre 27, 2013 a las 3:32 pm

simple pero funcional, gracias :-d

Deja un comentario

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