Vi avevo già segnalato poco tempo un semplice ed interessante plugin per vBulletin 4, per aggiungere i pulsanti di tutti i Social Network più famosi all'interno di un forum vBulletin.
Per coloro che comunque preferiscono non installare plugin, ed aggiungere manualmente i pulsanti social, ecco una semplice guida per farlo.
Vediamo in questo articolo, come aggiungere nello specifico il pulsante di Google +1, all'interno del template showthread (quello dei post in pratica) in vBulletin 4.x.x.
Prima di tutto, collegatevi all'indirizzo per la creazione del pulsante Google +1, e scegliete dimensione e settaggi che più gradite; ricavate il codice e tenetelo da parte;
Entrate nell'ACP di vBulletin;
Cliccate su Stile e Template;
Aprite Gestione Stile;
Aprite lo stile che state utilizzando cliccando su “Vai” oppure la “>”;
Cercate il template “showthread“, ed apritelo;
Aperto il template, cercate all'interno il codice:
<vb:if condition=”$show[‘fb_likebutton']”>
{vb:raw fblikebutton}
</vb:if>
Aggiungete sotto, il suddetto codice:
<!– Place this tag where you want the +1 button to render –>
<g:plusone size=”medium” annotation=”inline”></g:plusone>
<!– Place this render call where appropriate –>
<script type=”text/javascript”>
(function() {
var po = document.createElement(‘script'); po.type = ‘text/javascript'; po.async = true;
po.src = ‘https://apis.google.com/js/plusone.js‘;
var s = document.getElementsByTagName(‘script')[0]; s.parentNode.insertBefore(po, s); })();
</script>
Ecco dove verrà inserito il pulsante Google +1:
Nell'esempio è stato utilizzato il pulsante Google +1 di 20px, ma come detto ad inizio articolo, potete tranquillamente modificare e cambiare dimensioni e formato, generare il nuovo codice e sostituirlo con quello usato nel nostro esempio.
