[BETA] Google +1 on posts

[Lady R]

È una cosa da 3 minuti di lavoro..


Nome MOD: Google +1 on posts
Descrizione MOD: Una specie di mod per inserire il +1 di Google accanto ai posts degli utenti.

Demo: Non disponibile.

Screenshot: http://img.allise.net/ladyr/phpbb/mods/plus1.png

Cronologia:

• Martedì 8 Novembre 2011 - Iniziato sviluppo della MOD.
• Martedì 8 Novembre 2011 - Terminato sviluppo della MOD. (attendo eventuali segnalazioni di bug o implementazioni)

Installazione:
Basta inserire in /styles/tuo_tema/template/overall_header.html
Prima di </head>
Questo codice:

Codice: Seleziona tutto

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">{lang: 'it'}</script>

Dopodiché aprite /styles/tuo_tema/template/viewtopic_body.html
Cercate:

Codice: Seleziona tutto

 <!-- IF postrow.U_PM or postrow.U_EMAIL or postrow.U_WWW or postrow.U_MSN or postrow.U_ICQ or postrow.U_YIM or postrow.U_AIM or postrow.U_JABBER -->
                        <dd>
                                <ul class="profile-icons">
                                          <!-- IF postrow.U_PM --><li class="pm-icon"><a href="{postrow.U_PM}" title="{L_PRIVATE_MESSAGE}"><span>{L_PRIVATE_MESSAGE}</span></a></li><!-- ENDIF -->
                                          <!-- IF postrow.U_EMAIL --><li class="email-icon"><a href="{postrow.U_EMAIL}" title="{L_SEND_EMAIL_USER} {postrow.POST_AUTHOR}"><span>{L_SEND_EMAIL_USER} {postrow.POST_AUT$
                                        <!-- IF postrow.U_WWW --><li class="web-icon"><a href="{postrow.U_WWW}" title="{L_VISIT_WEBSITE}: {postrow.U_WWW}"><span>{L_WEBSITE}</span></a></li><!-- ENDIF -->
                                          <!-- IF postrow.U_MSN --><li class="msnm-icon"><a href="{postrow.U_MSN}" onclick="popup(this.href, 550, 320); return false;" title="{L_MSNM}"><span>{L_MSNM}</span></a></li$
                                        <!-- IF postrow.U_ICQ --><li class="icq-icon"><a href="{postrow.U_ICQ}" onclick="popup(this.href, 550, 320); return false;" title="{L_ICQ}"><span>{L_ICQ}</span></a></li><!$
                                          <!-- IF postrow.U_YIM --><li class="yahoo-icon"><a href="{postrow.U_YIM}" onclick="popup(this.href, 780, 550); return false;" title="{L_YIM}"><span>{L_YIM}</span></a></li>$
                                        <!-- IF postrow.U_AIM --><li class="aim-icon"><a href="{postrow.U_AIM}" onclick="popup(this.href, 550, 320); return false;" title="{L_AIM}"><span>{L_AIM}</span></a></li><!$
                                        <!-- IF postrow.U_JABBER --><li class="jabber-icon"><a href="{postrow.U_JABBER}" onclick="popup(this.href, 550, 320); return false;" title="{L_JABBER}"><span>{L_JABBER}</s$
                                  </ul>
                          </dd>
                <!-- ENDIF -->
                <!-- ENDIF -->



Ed aggiugete in coda questo codice:

Codice: Seleziona tutto

<dd><br /><br />Fai +1 al post:<br /><br />
<g:plusone></g:plusone>
</dd>

Salvate e pulite la cache del forum.
Fatto.

Niente di che :\

[Haku]

Utile...sarebbe carino avere icone più piccole e inserire poi i tasti dei social network più comuni.

[Lady R]

Per la dimensione non c'è problema
Basta usare:

Codice: Seleziona tutto

<g:plusone size="small"></g:plusone>

Per gli altri social network devo informarmi.

PS. Facebook:

Installazione:
Basta inserire in /styles/tuo_tema/template/overall_header.html
Prima di </head>
Questo codice:

Codice: Seleziona tutto

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/it_IT/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Dopodiché aprite /styles/tuo_tema/template/viewtopic_body.html
Cercate:

Codice: Seleziona tutto

<!-- IF postrow.U_PM or postrow.U_EMAIL or postrow.U_WWW or postrow.U_MSN or postrow.U_ICQ or postrow.U_YIM or postrow.U_AIM or postrow.U_JABBER -->
                        <dd>
                                <ul class="profile-icons">
                                          <!-- IF postrow.U_PM --><li class="pm-icon"><a href="{postrow.U_PM}" title="{L_PRIVATE_MESSAGE}"><span>{L_PRIVATE_MESSAGE}</span></a></li><!-- ENDIF -->
                                          <!-- IF postrow.U_EMAIL --><li class="email-icon"><a href="{postrow.U_EMAIL}" title="{L_SEND_EMAIL_USER} {postrow.POST_AUTHOR}"><span>{L_SEND_EMAIL_USER} {postrow.POST_AUT$
                                        <!-- IF postrow.U_WWW --><li class="web-icon"><a href="{postrow.U_WWW}" title="{L_VISIT_WEBSITE}: {postrow.U_WWW}"><span>{L_WEBSITE}</span></a></li><!-- ENDIF -->
                                          <!-- IF postrow.U_MSN --><li class="msnm-icon"><a href="{postrow.U_MSN}" onclick="popup(this.href, 550, 320); return false;" title="{L_MSNM}"><span>{L_MSNM}</span></a></li$
                                        <!-- IF postrow.U_ICQ --><li class="icq-icon"><a href="{postrow.U_ICQ}" onclick="popup(this.href, 550, 320); return false;" title="{L_ICQ}"><span>{L_ICQ}</span></a></li><!$
                                          <!-- IF postrow.U_YIM --><li class="yahoo-icon"><a href="{postrow.U_YIM}" onclick="popup(this.href, 780, 550); return false;" title="{L_YIM}"><span>{L_YIM}</span></a></li>$
                                        <!-- IF postrow.U_AIM --><li class="aim-icon"><a href="{postrow.U_AIM}" onclick="popup(this.href, 550, 320); return false;" title="{L_AIM}"><span>{L_AIM}</span></a></li><!$
                                        <!-- IF postrow.U_JABBER --><li class="jabber-icon"><a href="{postrow.U_JABBER}" onclick="popup(this.href, 550, 320); return false;" title="{L_JABBER}"><span>{L_JABBER}</s$
                                  </ul>
                          </dd>
                <!-- ENDIF -->
                <!-- ENDIF -->

Ed aggiugete in coda questo codice:

Codice: Seleziona tutto

<dd><div class="fb-like" data-send="true" data-layout="button_count" data-width="130" data-show-faces="false"></div></dd>

Non l'ho provata ma non dovrebbe dare problemi.

[Haku]

=)

Google+ rulla un casino!

[Lady R]

Ma se volessi rilasciarla cosa devo fare? :\

[Angolo]

Lady R scusa. Gli ospiti non vedono il tasto, in base al link in demo. E sarebbe preferibile che lo vedessero e lo potessero utilizzare. Una volta fatto questo, bisogna vedere la compatibilità con la famiglia di IE. Compatibilità che non ho potuto verificare. Questo tasto, pare che di quando in quando, dia problemi con la famiglia IE. Anche con i più recenti IE8 e IE9.

[Lady R]

Io non uso Windows quindi non ho possibilità di provare.
Comunque è un problema di Google, mica della MOD.

Il tasto non si vede perché ho sostituito questa MOD con JQUeratings, ora tolgo il link alla Demo, mi era passato di mente ^.^"...

[Angolo]

Sì certo. Dipende da Google. Solo che la cosa non è chiara. Se ne parla sul web, in particolare nei forum stranieri, ma non si è trovato una causa, e di conseguenza una soluzione chiara. Ero curioso si vedere se questo codice si visualizza con IE8. Tutto qua.

[Lady R]

Ok ma per rilasciare la MOD? ^.^"...

Riguardo a Plusone con una ricerca veloce ho visto che son soprattutto quelli che usano template particolari su Blogspot ad avere problemi

[Angolo]

Dovresti essere tu stessa in grado di pubblicarla nel database delle personalizzazioni.
Sarà poi validata.

Se così, non è, chiedi poi a Carlo.