SummArg | Cursos y recursos para webmasters

08/06/2011

Añadir el botón Follow de Twitter en vBulletin

Esta es una pequeña modificación a nuestro template postbit_legacy para insertar el botón oficial de Twitter y que nuestros usuarios puedan obtener followers.

Primero debemos crear el Campo de Perfil de Usuario en el panel de administración de vBulletin. Copiamos el nombre del campo creado, en nuestro caso field8.

Con ello nos dirigimos a la plantilla postbit_legacy de nuestro style actual y buscamos el siguiente código:

{vb:raw template_hook.postbit_messagearea_start}

Encima del mismo pegamos el siguiente código, cambiando el numero de field por el que corresponda:

<vb:if condition="$post['field8']">
<center><a href="http://twitter.com/{vb:raw post.field8}">Follow @{vb:raw post.field8}</a></center>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
</vb:if>

Con ello el botón quedará colocado exactamente arriba del mensaje del usuario. Si desean colocarlo en la firma como está en nuestro foro, deberán realizar un pequeño cambio.

Buscan la siguiente línea en postbit_legacy:

<vb:if condition="$show['postedited'] || $post['signature']">

Y la reemplazan por:

<vb:if condition="$show['postedited'] || $post['signature'] || $post['field8']">

Luego buscan:

<vb:if condition="$post['signature']">

Y lo modifican por

<vb:if condition="$post['field8'] || $post['signature']">

Finalmente reemplazan:

<blockquote><div>
 {vb:raw post.signature}
</div></blockquote>

Por esto:

<blockquote><div>
 <vb:if condition="$post['field8']">
 <div style="display:block;width:100%">
 <a href="http://twitter.com/{vb:raw post.field8}">Follow @{vb:raw post.field8}</a>
 </div>
 <script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
 </vb:if>
 {vb:raw post.signature}</div></blockquote>

 

Dejar un comentario