Si queréis añadir un botón “like it” y “send” de Facebook es bastante sencillo.
Nos vamos a http://developers.facebook.com/docs/reference/plugins/like/ y rellenamos todos los campos.

Copiamos el código de facebook y lo pegamos en nuestra web.

Si no os funciona el botón de send/enviar tenéis que mirar esto:

http://connect.facebook.net/es_ES/all.js#appId=6666&xfbml=1

Fijaros que la url tiene un appId ya que es fundamental.

:)

Os dejo este listado bastante interesante de Tiendas online OpenSource y gratuitas:

1. PrestaShop (PHP / MySQL).
2. Magento (PHP / MySQL).
3. osCommerce (PHP / MySQL)
4. dashCommerce (ASP.NET y MSSQL 2005)
5. Ubercart (Drupal)
6. WordPress E-commerce Plugin (WordPress)
7. VirtueMart (Joomla y Mambo).
8. OXID eSales (PHP / MySQL)
9. Freeway (PHP / MySQL)
10. simpleCart(JS) (Javascript)
11. Digistore (PHP / MySQL)
12. OpenCart (PHP / MySQL)
13. zenCart (PHP / MySQL)

Lo primero agradecer a Miquel su ayuda para elaborar este pequeño ( pero matón :P ) tutorial.
El objetivo del manual es el de crear un efecto de retardo al subir y bajar en una página web. Lo podéis ver en este blog, en el botón de subir y en el botón de dejar tu comentario. Veréis como no va de golpe a su destino sino que va un pelín lento.

Aquí también tenéis una demostracion:
http://tobielangel.com/examples/auto-scrolling-page-navigation

Lo primero que tenemos que hacer, es descargar los siguientes ficheros:

http://tobielangel.com/javascripts/prototype.js
http://tobielangel.com/javascripts/effects.js

Lo siguiente que tenemos que hacer, es remplazar el fichero original prototype, (NOTA: por si las moscas hacer una copia de seguridad). Lo tendréis en wp-includes/js/ y también subir el fichero effects.js al a carpeta wp-includes/js/

Y después añadir el siguiente codigo dentro de la etiqueta HEAD :







Ahora para utilizarlo:

El enlace:
Subir

El destino:

Incluiremos el atributo id=”top” en el elemento que queramos. Por ejemplo en una etiqueta H1.

Pues eso es todo. Fácil ¿verdad? ;)

Si os habeis fijado un poco, en la barra lateral (sidebar) de Helektron.com en los enlaces podeis ver si pasais el ratón por encima de alguno de ellos una imagen pequeña que en cuestión es la previsualización de la web a la que está enlazado en enlace.

Para instalarlo en vuestro wordpress o en cualquier página web, ya que el proceso es el mismo ya que solo se aplica javascript y el estilo del enlace se cambia y listo.
Los pasos son los siguientes:

1-. Descargamos previewbubble.js.zip , editamos y el previewbubble.js con cualquier editor de texto y donde pone:

var bubbleImagePath = 'http://helektron.com/wp-content/themes/bluehorizon/images/bg.png';

Cambiamos esa ruta, por la ruta donde vamos a subir el archivo bg.png. Finalmente lo subimos a nuestro public_html o home o root o como se llame vuestra ruta inicial.

2-. En el head (cabecera) de vuestra página incluis, conde tengais los includes de los scripts el siguiente, abiertos y cerrados con < y > correspondientemente. El código:

script type="text/javascript" src="http://helektron.com/previewbubble.js"> /script


En el código, en el apartado de src aparece: http://helektron.com/previewbubble.js , bien vosotros teneis que poner la ruta completa, por ejemplo: http://mipagina.com/previewbubble.js

3-. Para terminar, editamos nuestro archivo links.php , lo podeis encontrar en wp-includes dentro de vuestro home.
Bien, lo abrimos y buscamos : $output .= a href=
Lo tenemos que cambiar por: $output .= a class="previewlink" href
Vereis que unicamente solo he añadido: class=”previewlink”

LISTO!!! Visualizamos la página en cuestión y vereis los enlaces con el mismo aspecto que lo tengo yo.

Espero que sirva de ayuda. Cualquier duda, añadir un comentario.