Simple Machines Community Forum

SMF Support => Español (Spanish) => Language Specific Support => Tutoriales => Topic started by: Kiel D-04 on December 18, 2009, 07:21:00 AM

Title: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: Kiel D-04 on December 18, 2009, 07:21:00 AM
Cuando puedan muevanlo a tutoriales!!

Bueno hago este tutorial ya que queda muy bueno para foros que tengan twitter y sea un botón accesible en todo momento pero a la vez que no estorbe  ;D

(http://i50.tinypic.com/23ib3w6.png)

1.- Entramos a nuestro ftp y nos conectamos

(http://i46.tinypic.com/2585xl5.png)

2.- Nos dirigimos a Themes/tutema/ y editamos el archivo index.template.php
Si tu tema no posee el archivo deves hacerlo en el del tema default!!

(http://i48.tinypic.com/ael8pj.png)

3.- Buscamos la etiqueta </head>

(http://i46.tinypic.com/k34q9v.png)

4.- Justo antes de la etiqueta anterior pegamos el siguiente codigo
<a href="http://twitter.com/USUARIO" title="Sígueme en Twitter"><img border="0" src="http://i34.tinypic.com/250m1k5.jpg" style="display:scroll;position:fixed;bottom:225px;right:0px;"/></a>


Quedando así:

(http://i46.tinypic.com/2hyezpu.png)

5.- Guardamos listo ya tenemos nuestro botón de twitter!!


Tambien pueden cambiar la imagen por la que ustedes quieran o tambien le pueden dar otros usos como por ejemplo usarlo para tu grupo de facebook, etc.
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: distante on December 18, 2009, 10:25:31 AM
Muchas gracias! :)
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: logan074 on December 18, 2009, 10:55:31 AM
gracias muy lindo el aporte  ;D
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: mirahalo on December 18, 2009, 10:58:36 AM
@Kyousuke   buen tutorial,  deberías convertirlo en un mod ;)
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: Ceron on January 01, 2010, 11:17:11 PM
Hola!

Pero si quiero ponerlo en el otro lado del foro?
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: lucas-ruroken on January 02, 2010, 01:50:09 AM
Buen tutorial, como dice 130860 conviertelo en mod antes qe sea tarde :P
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: Core7 on May 27, 2010, 06:44:34 AM
muy buen post pero como hago para poner el del face.........cual es el codigo a poner?
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: lud1909 on May 27, 2010, 07:07:58 AM
es lo mismo pero subiendo el logo del facebook a tinypic, y cambiando las urls.

<a href="link del facebook" title="Sígueme en Facebook"><img border="0" src="url de la imagen" style="display:scroll;position:fixed;bottom:225px;right:0px;"/></a>


un saludo

Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: Core7 on May 27, 2010, 07:15:39 AM
Quote from: vriv87 on May 27, 2010, 07:07:58 AM
es lo mismo pero subiendo el logo del facebook a tinypic, y cambiando las urls.

<a href="link del facebook" title="Sígueme en Facebook"><img border="0" src="url de la imagen" style="display:scroll;position:fixed;bottom:225px;right:0px;"/></a>


un saludo

gracias funciona pero las imagenes salen grandicimas........ sabes cual es el tamaño indicado de la imagen?....
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: lud1909 on May 27, 2010, 07:29:09 AM
hola, esta es la imagen que yo uso

(http://i49.tinypic.com/2dik3lx.jpg)

espero que te sirva
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: Core7 on May 27, 2010, 07:40:35 AM
Quote from: vriv87 on May 27, 2010, 07:29:09 AM
hola, esta es la imagen que yo uso

(http://i49.tinypic.com/2dik3lx.jpg)

espero que te sirva

perfecto gracias amigo, solo es cuestión ahora de buscar la de twitter
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: lud1909 on May 27, 2010, 07:55:31 AM
si te sirve...
(http://i50.tinypic.com/m7qjxf.jpg)
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: Core7 on May 27, 2010, 08:02:06 AM
Quote from: vriv87 on May 27, 2010, 07:55:31 AM
si te sirve...
(http://i50.tinypic.com/m7qjxf.jpg)

perfecto de nuevo mil gracias
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: Core7 on May 27, 2010, 08:45:15 AM
alguien que me ayude como hago para poner las redes sociales justo en donde lo señalo en la imagen?....de paso pregunto que debo poner en donde dice usuario en el codigo de abajo?



Quote<a href="http://twitter.com/USUARIO" title="Sígueme en Twitter"><img border="0" src="http://i34.tinypic.com/250m1k5.jpg" style="display:scroll;position:fixed;bottom:225px;right:0px;"/></a>
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: taboada on September 20, 2010, 10:41:36 AM
Buenas tengo una duda hecho el manual tal como dice y si los 2 iconos me salen el de facebook y el de twenty pero cuando paso por el raton no me deja clickar ni nada para entrar y he puesto los datos de la web.....
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: mirahalo on September 20, 2010, 12:18:22 PM
Quote from: taboada on September 20, 2010, 10:41:36 AM
Buenas tengo una duda hecho el manual tal como dice y si los 2 iconos me salen el de facebook y el de twenty pero cuando paso por el raton no me deja clickar ni nada para entrar y he puesto los datos de la web.....

usando opera 10.60 yo veo perfecamente tus dos botones con sus respectivos links.
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: taboada on September 20, 2010, 02:29:35 PM
Quote from: 130860 on September 20, 2010, 12:18:22 PM
Quote from: taboada on September 20, 2010, 10:41:36 AM
Buenas tengo una duda hecho el manual tal como dice y si los 2 iconos me salen el de facebook y el de twenty pero cuando paso por el raton no me deja clickar ni nada para entrar y he puesto los datos de la web.....

usando opera 10.60 yo veo perfecamente tus dos botones con sus respectivos links.

Gracias por la respuesta pero yo utilizo firefox y practicamente todas las visitas de la web utilizan firefoz, sabes alguna forma para que vaya en todos los navegadores, me seria de gran utilidad.

Saludos
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: mirahalo on September 20, 2010, 02:53:29 PM
tus enlaces deben de ir  despues de la etiqueta body   no antes....

asi:


<body>

<a href="http://www.facebook.com/pages/+++++" title="Sígueme en Facebook"><img border="0" src="http://i51.tinypic.com/in50g5.jpg" style="display:scroll;position:fixed;bottom:450px;right:0px;"/></a>
<a href="http://twitter.com/+++++" title="Sígueme en Twitter"><img border="0" src="http://i34.tinypic.com/250m1k5.jpg" style="display:scroll;position:fixed;bottom:225px;right:0px;"/></a>



reemplaza +++  por la url de tus aplicaciones
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: taboada on September 21, 2010, 04:28:04 AM
O estoy tonto o ya no se.... Lo hecho de mil maneras, delante del body despues del body y veo el mismo resultado y antes lo puse delante del body porque en el manual ponia delante del body... Si alguien sabe la solucion a esto lo agradecederia.

Saludos
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: Sum41 on September 21, 2010, 04:51:53 AM
Quote from: taboada on September 21, 2010, 04:28:04 AM
O estoy tonto o ya no se.... Lo hecho de mil maneras, delante del body despues del body y veo el mismo resultado y antes lo puse delante del body porque en el manual ponia delante del body... Si alguien sabe la solucion a esto lo agradecederia.

Saludos
Adjunta tu index.template.php para revisarlo.
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: taboada on September 21, 2010, 05:04:49 AM
Quote from: Sum41 on September 21, 2010, 04:51:53 AM
Quote from: taboada on September 21, 2010, 04:28:04 AM
O estoy tonto o ya no se.... Lo hecho de mil maneras, delante del body despues del body y veo el mismo resultado y antes lo puse delante del body porque en el manual ponia delante del body... Si alguien sabe la solucion a esto lo agradecederia.

Saludos
Adjunta tu index.template.php para revisarlo.

Toma te lo he subido a megaupload ya que no sabia adjuntarlo aqui el archivo, espero que me lo puedas resolver.

http://www.megaupload.com/?d=DOEENJH2

Saludos
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: Sum41 on September 21, 2010, 05:06:34 AM
Quote from: taboada on September 21, 2010, 05:04:49 AM
Quote from: Sum41 on September 21, 2010, 04:51:53 AM
Quote from: taboada on September 21, 2010, 04:28:04 AM
O estoy tonto o ya no se.... Lo hecho de mil maneras, delante del body despues del body y veo el mismo resultado y antes lo puse delante del body porque en el manual ponia delante del body... Si alguien sabe la solucion a esto lo agradecederia.

Saludos
Adjunta tu index.template.php para revisarlo.

Toma te lo he subido a megaupload ya que no sabia adjuntarlo aqui el archivo, espero que me lo puedas resolver.

http://www.megaupload.com/?d=DOEENJH2

Saludos
No voy a descargarlo desde megaupload, subelo aquí en additional options esta la opción para subir el archivo.

Edito: Veo que en este subforo no esta permitido subir archivos, ya baje el archivo que me diste, deja lo subo a mu y lo descargas y me cuentas que tal.

http://www.megaupload.com/?d=986Y9Q2Q
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: taboada on September 21, 2010, 05:17:25 AM
Pos no me da la opcio si hablo un post en otro lado me deja pero aqui no.....
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: Sum41 on September 21, 2010, 05:18:22 AM
Quote from: taboada on September 21, 2010, 05:17:25 AM
Pos no me da la opcio si hablo un post en otro lado me deja pero aqui no.....
Si error mio ya me di cuenta de eso, que tedioso pero bueno en mi post anterior te subi el archivo editado, dime que tal.

Saludos
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: taboada on September 21, 2010, 05:27:21 AM
No sigue sin funcionar lo de ponerlo antes del head tambien lo hize y no funciona, ya no se donde ponerlo....

Saludos
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: Sum41 on September 21, 2010, 05:31:09 AM
Quote from: taboada on September 21, 2010, 05:27:21 AM
No sigue sin funcionar lo de ponerlo antes del head tambien lo hize y no funciona, ya no se donde ponerlo....

Saludos
Antes no funcionaba ninguno de los dos, ahora tan siquiera funciona el hazte fan, deja moverle un poco mas y te paso de nuevo el archivo.
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: Sum41 on September 21, 2010, 05:36:20 AM
Quitale los scripts de publicidad que tienes arriba del codigo de facebook y ve si así si funciona.

pd: que raro utilize tu index.template.php en mi foro y si funciono, se veia mal porque no es el template de mi foro pero los botones funcionaban, lo unico que se me ocurre es que o es problema de tu hosting o un conflicto con algúna modificación anteriormente instalada, aún así quita la publicidad aver si así te funciona, me ire a dormir mañana tratare de ayudarte ;).
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: taboada on September 21, 2010, 05:44:24 AM
Gracias por la ayuda ahora he quitado la publicidad pero no veo que funcione lo que me dado cuenta que tenia descargando a toda pastilla el utorrent quitandome todo el ancho de banda y al actualizar la pagina me iva poco a poco pero mientras se actualizaba si que me dejaba clickar encima de facebook o twiter.... Ahora me quedo peor....

Saludos
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: Sum41 on September 21, 2010, 05:52:54 AM
Quote from: taboada on September 21, 2010, 05:44:24 AM
Gracias por la ayuda ahora he quitado la publicidad pero no veo que funcione lo que me dado cuenta que tenia descargando a toda pastilla el utorrent quitandome todo el ancho de banda y al actualizar la pagina me iva poco a poco pero mientras se actualizaba si que me dejaba clickar encima de facebook o twiter.... Ahora me quedo peor....

Saludos
Bueno, de la publicidad no es, puedes volver a ponerla, el problema creo que viene despues de "cierto codigo en tu foro" porque si te das cuenta al estar al principio de tu foro se puede hacer clic en una pequeña parte del codigo de facebook pero conforme bajas el scroll ya no puedes, creo que es un codigo mal puesto o que da conflictos con el codigo de facebook, creo que esta al principio de tu foro el codigo y si es lo que creo es facil de arreglar seria cuestión de revisar mas a fondo, el problema creo que proviene de otro archivo si mi "teoria" es correcta, si para mañana nadie te da la mano, aunque posiblemente para cuando entre al foro estoy seguro que alguien te ayudara y estara resuelto pero si no revisare mas a fondo tu problema amigo, igual, yo no se mucho sobre esto así que puede que lo que yo te diga caresca de sentido y tu problema sea algo remotamente parecido a lo que yo digo pero mis pocos conocimientos me dicen eso y mañana que este descanzado revisare mas a fondo.

Saludos
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: taboada on September 21, 2010, 06:15:23 AM
Gracias si a lo mejor es alguna tonteria pero es encontrarlo haber si tengo suerte.

Saludos
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: missing on September 21, 2010, 07:04:45 AM
Quote from: Core2 on May 27, 2010, 08:45:15 AM
alguien que me ayude como hago para poner las redes sociales justo en donde lo señalo en la imagen?....de paso pregunto que debo poner en donde dice usuario en el codigo de abajo?



Quote<a href="http://twitter.com/USUARIO" title="Sígueme en Twitter"><img border="0" src="http://i34.tinypic.com/250m1k5.jpg" style="display:scroll;position:fixed;bottom:225px;right:0px;"/></a>

A mi tambien me gustaria saberlo. He probado incluyendo el codigo en el boardindex.template pero me da error.

Donde dice USUARIO debes poner tu nombre de usuario en el twitter ... ejem.: aguachica_cesar

Por cierto Taboada, prueba a pegar el codigo original en el campo noticias, justo despues de la noticia que ya tienes (Registrate en el foro que es totalmente gratuito, asi podras ver los enlaces y disfrutar del mejor foro  Blackberry), como una continuacion. El boton sale exactamente igual en scroll a la derecha y quiza eso solucione de una vez por todas tu problema. Lo he comprobado y funciona correctamente con firefox: www.delegados.carreras-uned.com
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: taboada on September 21, 2010, 10:48:21 AM
Buenas hecho eso que me has dicho pero lo hecho del panel de administracion  despues de la noticia que tengo lo he copiado lo otro, y se a quedado colgado durante unos minutos y me marca error, otra manera de hacerlo.

Saludos
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: missing on September 21, 2010, 01:39:39 PM
¿Eliminaste los cambios efectuados al index.template.php y luego pegaste el codigo original en la noticia?
<a href="http://twitter.com/USUARIO" title="Sígueme en Twitter"><img border="0" src="http://i34.tinypic.com/250m1k5.jpg" style="display:scroll;position:fixed;bottom:225px;right:0px;"/></a>

Mi theme no es igual al tuyo, pero deberia funcionar, es html .... prueba asi, tal cual esta el codigo y si funciona ya haces las modificaciones de usuario y url imagen.
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: taboada on September 22, 2010, 01:26:03 AM
Muchissimas gracias missing ahora si que funciona correctamente pos antes habia hecho lo mismo y me aparecio error, y encima para instalar el google analitycs me daba muchos problemas lo he añadido ahi y todo perfecto, muchas gracias a ti y a todos los que me han ayudado.

Saludos
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: missing on September 22, 2010, 12:48:56 PM
Te advierto de una cosa que he observado ahora en tu web. Al parecer has instalado hide tag o similar. Tus botones no los ve un visitante, ya que llevan enlaces.
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: taboada on September 22, 2010, 12:54:07 PM
Quote from: missing on September 22, 2010, 12:48:56 PM
Te advierto de una cosa que he observado ahora en tu web. Al parecer has instalado hide tag o similar. Tus botones no los ve un visitante, ya que llevan enlaces.

Eso mismo te iva a decir ahora, que al tener lo de los enlaces para visitantes que si no estas registrado no se ven..... No ahi otra manera para que puedan verlos, porque la mayoria no se registran...... o la unica opcion es quitando os enlaces para no registrados.

Saludos
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: missing on September 22, 2010, 04:17:40 PM
Bueno, en mi opinion para estos botones no viene al caso, porque la idea es atraer gente a tu web a traves de las redes sociales, y no al reves ¿no?
Pero si resulta un problema para otras aplicaciones que necesites hacer en un futuro. Mira este tema: http://www.simplemachines.org/community/index.php?topic=401423.msg2792417#new

Estoy por pedirle al creador del mod si puede adaptarlo para 1.1.x pero mi problema es el idioma. Si nadie por aqui pudiera hacer la adaptacion me animaria a mandarle una peticion traducida con el google.
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: eloyjose on September 24, 2010, 03:05:40 AM
Buenisimos estos botones los puse en mi foro y me sirvieron a la perfeccion os recomiendo poner el codigo html antes del [/Body] y el [/Head] Es Muy recomendable ok Saludos
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: DaRKeN_58 on November 04, 2010, 09:34:38 PM
Chicos, de donde sacásteis la imagen de Twiter con el pajarito que sale en el screenshot! Gracias :)
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: lucas-ruroken on November 04, 2010, 10:05:23 PM
busca en google hay un monton de imagenes :o
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: DaRKeN_58 on November 04, 2010, 10:07:19 PM
Llevo una hora y no encuentro uno igual que el que se usa en el screenshot  :(

Es para que se vea del mismo estilo del que puse de Facebook.

La URL del MOD, no funciona, la imagen se borro de TinYpIC y bueno era por sí alguien la había guardado jeje.

Saludos y gracias.
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: All Colours Sam on November 04, 2010, 10:33:43 PM
http://img143.imageshack.us/img143/2862/twitterx.png
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: DaRKeN_58 on November 04, 2010, 10:50:14 PM
Muchísimas gracias chicos  :-[
Title: Re: [Tutorial] Como poner un boton de Twitter en tu foro
Post by: edgarninho on January 19, 2012, 03:09:03 AM
Hola,

Hice lo del manual.

1. creé mis propios botones en medidas adecuadas (50px * 150px - apenas para bordear). facebook, twitter, youtube.
2. Subí a host los botones (imageshack)
3. Copié el link de una imagen para probar
4. Copié el codigo, modifiqué el usuario, indiqué la dirección de la imagen. Editando el indextemplate.php de mi tema.
5. Guardé

... no me sale.  :'(

(leí el post del mod que ya trae las redes sociales listas para hacerlas, pero, creo que le falta youtube y aparte necesito crear boton personalizado dentro de la misma lista hacia la parte de la web que no es foro.

Alguna sugerencia? por favor. Gracias