Pubblicato il 05/12/12 - aggiornato il  | 2 commenti :

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.