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 -->
< 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>
< 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
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.
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È 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@#