Pubblicato il 05/12/12e aggiornato il

Come ridimensionare il badge della Pagina Brand su Google Plus.

Come ridimensionare il badge della Pagina Business su Google plus per adattarla al widget dei Followers su Google+.
Da pochi giorni si può installare su Blogger il widget dei Followers su Google Plus. Tale gadget può essere inserito anche su siti Wordpress e anche in quei blog su Blogger che non abbiano unificato i due Profili di Blogger e Google plus.

E' naturale inserire questo widget accanto a quello della Pagina Business o Brand. Sia il Gadget dei Followers inserito in modo nativo, sia il badge della pagina brand non hanno un codice con cui si possano personalizzare le dimensioni. Il risultato è che il badge della Pagina Business è sensibilmente più largo di quello dei followers. Vediamo come diminuire la larghezza del widget della pagina business per adattarlo a quella dell'altro gadget.

Si parte dal presupposto che questo widget sia stato inserito incollando nel template lo script di Google Plus che serve anche per il bottone +1 e per altri widget. Se non lo si è fatto basta andare su Modello > Modifica HTML > Procedi, cercare la riga </body> e, subito sopra, incollare il codice


<!-- Google Plusone -->
< script type='text/javascript'>
//<![CDATA[
  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>
< !-- Google Plusone -->

quindi salvare il modello. Per installare il widget delle pagina brand si deve andare su Layout > Aggiungi un gadget > HTML/Javascript e, in Sezioni del sito, si incolla questo codice

<style type="text/css"> #___plus_0 iframe { zoom: 1.0; -webkit-transform: scale(0.84); -webkit-transform-origin: 0 0; -moz-transform: scale(0.84); -moz-transform-origin: 0 0; -o-transform: scale(0.84); -o-transform-origin: 0 0; } </style>
< link href="https://plus.google.com/b/109971217617812630980" rel="publisher" /> <g:plus href="https://plus.google.com/b/109971217617812630980" size="badge"></g:plus>

e, dopo aver salvato, bisogna posizionarlo in Layout sopra a quello dei Followers su Google Plus

badge-pagina-brand-followers-google-plus
Le dimensioni del badge sono state calibrate inserendo i tre numeri 0.84 che ridimensionano all'84% i valori originali di altezza e larghezza. Modificando questo parametro possiamo rimpicciolire o ingrandire il widget a piacimento. E' quasi superfluo aggiungere che questo ridimensionamento non si apprezza se si utilizza il browser Internet Explorer.  




2 commenti :

  1. Ciao Ernesto, ho un problema con il badge della pagina... Non riesco a posizionarlo al centro della colonna, mi risulta sempre allineato a sinistra :(

    RispondiElimina
    Risposte
    1. È così per tutti. Ti confesso che ho cercato più volte di centrarlo ma non ci sono riuscito :(. L'unica è settare la larghezza in modo che sia identica a quella della sidebar.
      @#

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.