Agregar redes sociales a vbulletin

Carlos Arreola · 10 Oct 2013

Por mp me pidieron que dijera como he puesto los botones de las redes sociales en el foro.

Primero en el archivo "vbulletin-chrome.css" he agregado una clase:

.compartir {
float:right;
position: relative;
padding-top: 35px;
}

Esta la podemos modificar a nuestro gusto según la configuración de nuestro foro.

Después en el template "SHOWTHREAD" debajo de esta línea:

<div id="pagetitle" class="pagetitle">

He agregado:

<div id="compartir" class="compartir">
<li>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'es-419'}
</script>
<div class="fb-like" data-href="{vb:raw sharingurl}" data-width="450" data-layout="box_count" data-show-faces="false" data-send="false"></div>
<a href="https://twitter.com/share" class="twitter-share-button" data-via="sucuenta" data-lang="es" data-count="vertical">Twittear</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<div class="g-plusone" data-size="tall"></div>
</li></div>

Lo he puesto en showthread para que aparezca únicamente en los temas y no en otras secciones del foro. Espero les sirva.

Zheive · 10 Oct 2013

Muchísimas gracias, intentaré implantarlo en mi foro.

Agregar redes sociales a vbulletin

Carlos Arreola

Zheive

Temas similares