Tutorial: Botón Twitter en SHOWTHREAD

Ricardo Núñez · 2010-08-23T18:48:28-0500

Traducido bajo el permiso de BirdOPrey5

Esta modificación pone un boton de TWITTEAR en la parte superior del tema justo al lado del de Facebook (si es que lo tienes activado)

Si no tienes activado el botón de ME GUSTA de Facebook que viene por defecto en vBulletin 4 haz esto:

1. En la plantilla SHOWTHREAD busca este código:

Insertar CODE, HTML o PHP:

<vb:if condition="$pagenav">
            {vb:raw pagenav}
        </vb:if>

2. Abajo pon esto:

Insertar CODE, HTML o PHP:

<vb:if condition="!in_array($GLOBALS[forumid], array(X, Y, Z))">
<div id="mytweetbutton" align="right" style="height:27px;">
TU CODIGO TWITTER
</div>

Si tienes activado el botón ME GUSTA de Facebook que viene por defecto en vBulletin 4 sigue los siguientes pasos:

1. Busca en la plantilla SHOWTHREAD este código:

Insertar CODE, HTML o PHP:

{vb:raw fblikebutton}

2. Reemplazalo por este otro:

Insertar CODE, HTML o PHP:

<div id="fb_likeframe" style="border: none; overflow: hidden; height: 27px; width: 95px; vertical-align: text-bottom; padding-top:1px;">TU CODIGO TWITTER</div>{vb:raw fblikebutton}

NOTA IMPORTANTE:
En los códigos hay una parte que dice CÓDIGO TWITTER, ahí tienes que poner el código de tu elección de los que se encuentran en está página: Enlace eliminado Ahí personalizas las opciones, eliges el estilo y te generará un código, ponlo completo en donde pongo TU CÓDIGO TWITTER, obviamente borrando esa parte de TU CÓDIGO TWITTER.

Eso sería todo.

Captura:

Ver el archivo adjunto 4162

Saludos.

Dark_Jack · 4 Sep 2010

Muchas gracias por el tutorial!! funciona perfecto 😀

imported_NkC · 7 Sep 2010

Y para colocarlo a la izquierda como aca en vbhispano?

Andrés Durán · 7 Sep 2010

Hola,

No lo he probado, pero haz esto:

Agrega esto en la plantilla showthread.css:

Insertar CODE, HTML o PHP:

#titulo {
	font-size: 19px;
	margin-top: 5px;
}
.ancho {
	width: 100%;

Edita la plantilla SHOWTHREAD y envuelve el código de Twitter junto con el de Facebook (si es que tienes implementado el botón "Me gusta"):

Insertar CODE, HTML o PHP:

<div id="titulo" class="ancho">
CÓDIGO AQUÍ
</div>

Saludos.

imported_NkC · 7 Sep 2010

Muchas gracias, funciona.

battusai · 11 Sep 2010

genial buenicima la explicacion.

gracias

Actors · 17 Sep 2010

He seguido estos pasos y el boton aparece pero me dice

URL required

'url' parameter does not contain a valid URL.

Alguna idea?

---------- Actualizado a las 16:43 ---------- Original a las 14:55 ----------

Bueno... pude hacer que apareciera el link... pero falta el post... solo aparece www.miforo.com/Foros/showthread.php pero tendria que decir

www.miforo.com/Foros/showthread.php?2925-Workshop-de-actuaciòn-Noviembre-2010

Alguna idea?¡

Ricardo Núñez · 17 Sep 2010

Asegurate de crear bien el botón: Enlace eliminado

Actors · 17 Sep 2010

Ricardo, gracias, lo cree bien... varias veces... lo copie de otro lado... nada... no se....

Ricardo Núñez · 17 Sep 2010

Tienes que tener una cuenta en Twitter y ligarla al botón, cual es tu cuenta y te pongo el código?

Actors · 17 Sep 2010

@MatiasGandolfo..... si podes fijarte en mi web vas a ver... si pongo el codigo tal cual lo pusiste vos... me dice

url error

COn otro codigo de vbulleting.org me falta el numero....

Actors Studio Teatro®

Ricardo Núñez · 17 Sep 2010

Tienes que poner este código:

Insertar CODE, HTML o PHP:

<div id="fb_likeframe" style="border: none; overflow: hidden; height: 27px; width: 95px; vertical-align: text-bottom; padding-top:1px;"><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="MatiasGandolfo" data-lang="es">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>{vb:raw fblikebutton}

Saludos.

Actors · 17 Sep 2010

Gracias, Ricardo, no quiero pasarme con tu gentileza...

No funciono...

Te he creado una cuenta para que lo pruebes tu mismo...
*******

www.actors-studio.org/Foros/index.php

ZEL · 18 Sep 2010

Todo quedo prefecto en la pagina pero al ir a twitter y ver el link de donde viene no funka hay se cae la pagina 🙁
Me aroja este horror

http://www.misitio.comshowthread.php/?324-Patrick-Rothfuss-El-nombre-del-viento

otra cosa que no funciona es loq ue explico aqndres es colocarlo como esta en vbhispano 🙁

imported_Ryuk · 19 Sep 2010

Zonaenlinea dijo:
otra cosa que no funciona es loq ue explico aqndres es colocarlo como esta en vbhispano 🙁

Andrés Durán dijo:
envuelve el código de Twitter junto con el de Facebook (si es que tienes implementado el botón "Me gusta")

Fijate que estes colocando el codigo bien.

Actors · 19 Sep 2010

A nadie se le ocurre que puede pasar?

Mi foro esta en .... miforo.com/Foros cuando presiono el boton de twett me va a miforo.comshowthread....

A alguien se le ocurre que esta mal... por ahi tengo que tocar algo en las plantillas para que aparezca miforo.com/Foros/showthread....

imported_raulin · 19 Sep 2010

Hola, para los que lo quieran en los articulos del CMS, esto lo hice basándome en este tutorial y en este otro: vBulletin.org Forum - View Single Post - Submit threads, blogs, articles to facebook, twitter, myspace and others - addtoany y me funciono.

En la plantilla vbcms_content_article_page busca este código:

Insertar CODE, HTML o PHP:

<vb:if condition="$comment_block">                         
<div class="article_rating_container">                                 
<a href="{vb:raw page_url}#comments"  rel="nofollow">{vb:raw comment_count} 
<vb:if condition="$comment_count == '1'">{vb:rawphrase comment}<vb:else />{vb:rawphrase comments}</vb:if></a>                 <img src="{vb:raw vboptions.bburl}/{vb:stylevar imgdir_misc}/comment.png" alt="{vb:rawphrase comments}" border="0" />                         
</div>

Colocar este código abajo:

Insertar CODE, HTML o PHP:

<vb:if condition="!in_array($GLOBALS[forumid], array(X, Y, Z))"> <div id="mytweetbutton" align="left" style="height:27px;"> TU CODIGO TWITTER </div>

*Cambie align="right por align="left

Como ya menciono Ricardo, no olvidar colocar en TU CODIGO TWITTER el codigo que proporciona twitter en Enlace eliminado

Asi queda:
Ver el archivo adjunto 4247

Saludos.

ZEL · 20 Sep 2010

Andrés Durán dijo:
Hola,

No lo he probado, pero haz esto:

Agrega esto en la plantilla showthread.css:

Insertar CODE, HTML o PHP:

#titulo { font-size: 19px; margin-top: 5px; } .ancho { width: 100%;

Edita la plantilla SHOWTHREAD y envuelve el código de Twitter junto con el de Facebook (si es que tienes implementado el botón "Me gusta"):

Insertar CODE, HTML o PHP:

<div id="titulo" class="ancho"> CÓDIGO AQUÍ </div>

Saludos.

Y se todo asi y nada no funka sigen los dos botones en el mismo lado :S Me pueden ayudar gracias saludos

imported_raulin · 21 Sep 2010

Zonaenlinea dijo:
Y se todo asi y nada no funka sigen los dos botones en el mismo lado :S Me pueden ayudar gracias saludos

Has intentado cambiar en el codigo esto: align="right" por esto align="left"?

Saludos.

Actors · 21 Sep 2010

El problema cuando pon URL invalid es que el titulo del post tienen acentos o puntos. Alli no lo toma... habra que editar los titulos de los foros y ver que nadie use acentos para ellos.

Tutorial: Botón Twitter en SHOWTHREAD

Ricardo Núñez

Dark_Jack

imported_NkC

Andrés Durán

imported_NkC

battusai

Actors

Ricardo Núñez

Actors

Ricardo Núñez

Actors

Ricardo Núñez

Actors

ZEL

imported_Ryuk

Actors

imported_raulin

ZEL

imported_raulin

Actors

Temas similares