Aggiungere pulsanti share social in MyBB

Aggiungere pulsanti share social in MyBB - Versione stampabile

+- CheatVsGame Forum (http://forum.cheatvsgame.altervista.org)
+-- Forum: Off Topic (http://forum.cheatvsgame.altervista.org/forum-33.html)
+--- Forum: Webmastering (http://forum.cheatvsgame.altervista.org/forum-85.html)
+---- Forum: MyBB (http://forum.cheatvsgame.altervista.org/forum-65.html)
+---- Discussione: Aggiungere pulsanti share social in MyBB (/thread-169.html)

Aggiungere pulsanti share social in MyBB - Psyke - 23-06-2013

In questo tutorial ti mostrerò come aggiungere i pulsanti Facebook, Google+, Twitter, Linkedin o Pinterest in MyBB.
Esistono molti plugin che fanno la stessa identica cosa, ma i plugin oltre ad appesantire il database, molte volte entrano in conflitto con altri plugin e poi la maggior parte di quest'ultimi hanno una personalizzazione pari a 0.

Prima di tutto devi procurarti il codice per i vari pulsanti.

Prendiamo come esempio il pulsante di google +.
Una volta che hai personalizzato il pulsante avrai a disposizione due codici.

Codice con la tag:

Codice:

<div class="g-plusone"></div>

Codice con lo script:

Codice:

<script type="text/javascript">

 window.___gcfg = {lang: 'it'};

 (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>

Il primo codice, la tag andrà inserita dove si vuole che si visualizzi il pulsante google+, noi lo inseriamo nel template "showthread" subito dopo il codice

Codice:

<div class="float_right">

{$newreply}

</div>

Il secondo codice (lo script) andrà inserito dopo la chiusura della tag (</div> Wink

dell'ultimo pulsante inserito nella pagina.

Codice:

<div class="g-plusone"></div>

Nel caso avessimo inserito più pulsanti e non riusciamo ad individuare la posizione dell'ultimo, possiamo incollare il secondo codice (lo script) subito sopra la riga di </body> sempre nel template "showthread".

Codice:

</body>

Ora se andassimo in un thread qualsiasi, vedremmo apparire il pulsante google+ sopra il titolo della discussione.