Google+ widgety

Minule jsem vám sestavila návod na to, jak si přidat facebook vašich stránek do menu. Měli jste nejrůznější možnosti toho, jaký vzhled a velikost zvolit. Dnes se pokusím zaměřit na google+. Snad se i tento návod bude hodit :-)

Můj návod.

Kopírovat se zdrojem! 

Kódy k jednotlivým widgetům najdete níže. Vkládáte je klasicky jako gadget přes Rozvržení... Stačí si jen vybrat, který vzhled se vám bude zamlouvat nejvíce...

 

A pár vysvětlivek....
data-width=""... šířka widgetu
data-height=""... výška widgetu
data-theme=""... barva tématu (světlá/tmavá)
data-layout="landscape" ... rozložení (na výšku/šířku)
ČÍSLO-STRÁNKY... to co máte na googlu+ stránky napsané na konci

Widgety - na výšku (světlý a tmavý)

<!-- Umístěte tuto značku do záhlaví nebo těsně před značku konce těla textu. -->
<script src="https://apis.google.com/js/platform.js" async defer>
  {lang: 'cs'}
</script>

<!-- Umístěte tuto značku na místo, kde se má widget widget zobrazit. -->
<div class="g-page" data-width="250" data-theme="light" data-href="//plus.google.com/u/0/ČÍSLO-STRÁNKY" data-rel="publisher"></div>

<!-- Umístěte tuto značku do záhlaví nebo těsně před značku konce těla textu. -->
<script src="https://apis.google.com/js/platform.js" async defer>
  {lang: 'cs'}
</script>

<!-- Umístěte tuto značku na místo, kde se má widget widget zobrazit. -->
<div class="g-page" data-width="250" data-theme="dark" data-href="//plus.google.com/u/0/ČÍSLO-STRÁNKY" data-rel="publisher"></div>

Widgety - na šířku (světlý a tmavý)

<!-- Umístěte tuto značku do záhlaví nebo těsně před značku konce těla textu. -->
<script src="https://apis.google.com/js/platform.js" async defer>
  {lang: 'cs'}
</script>

<!-- Umístěte tuto značku na místo, kde se má widget widget zobrazit. -->
<div class="g-page" data-width="250" data-theme="light" data-layout="landscape" data-href="//plus.google.com/u/0/ČÍSLO-STRÁNKY" data-rel="publisher"></div>

<!-- Umístěte tuto značku do záhlaví nebo těsně před značku konce těla textu. -->
<script src="https://apis.google.com/js/platform.js" async defer>
  {lang: 'cs'}
</script>

<!-- Umístěte tuto značku na místo, kde se má widget widget zobrazit. -->
<div class="g-page" data-width="250" data-theme="dark" data-layout="landscape" data-href="//plus.google.com/u/0/ČÍSLO-STRÁNKY" data-rel="publisher"></div>

Widget se sledujícími lidmi - tmavý a světlý

Tak trochu jiné widgety, něco na způsob pravidelných čtenářů na blogspotu. Velikost a množství ikonek se odvíjí od velikosti widgetu... V tomto případě tmavé písmo na světlé pozadí...

<center>
<div class='g-plus' data-action='followers' data-height='200' data-href='https://plus.google.com/ČÍSLO-STRÁNKY' data-source='blogger:blog:followers' data-theme='dark' data-width='280'></div>
<script type='text/javascript'>
        window.___gcfg = {'lang': 'cs'};
      </script>

</center>

V tomto případě světlé písmo na tmavém pozadí... Schválně dám na pozadí černou, ať je to vidět :-)

<center>
<div class='g-plus' data-action='followers' data-height='200' data-href='https://plus.google.com/ČÍSLO-STRÁNKY' data-source='blogger:blog:followers' data-theme='light' data-width='280'></div>
<script type='text/javascript'>
        window.___gcfg = {'lang': 'cs'};
      </script>

</center>

Další widgety

V této verzi jsou jen tři možnosti velikostí a to - 15, 20 a 24... Zkoušela jsem i jiné, ale nefungovalo mi to.

<!-- Umístěte tuto značku do záhlaví nebo těsně před značku konce těla textu. -->
<script src="https://apis.google.com/js/platform.js" async defer>
  {lang: 'cs'}
</script>

<!-- Umístěte tuto značku na místo, kde se má widget widget zobrazit. -->
<div class="g-follow" data-annotation="bubble" data-height="20" data-href="//plus.google.com/u/0/ČÍSLO-STRÁNKY" data-rel="publisher"></div>

<!-- Umístěte tuto značku do záhlaví nebo těsně před značku konce těla textu. -->
<script src="https://apis.google.com/js/platform.js" async defer>
  {lang: 'cs'}
</script>

<!-- Umístěte tuto značku na místo, kde se má widget widget zobrazit. -->
<div class="g-follow" data-annotation="vertical-bubble" data-height="20" data-href="//plus.google.com/u/0/ČÍSLO-STRÁNKY" data-rel="publisher"></div>

<!-- Umístěte tuto značku do záhlaví nebo těsně před značku konce těla textu. -->
<script src="https://apis.google.com/js/platform.js" async defer>
  {lang: 'cs'}
</script>

<!-- Umístěte tuto značku na místo, kde se má widget widget zobrazit. -->
<div class="g-follow" data-annotation="none" data-height="20" data-href="//plus.google.com/u/0/ČÍSLO-STRÁNKY" data-rel="publisher"></div>

To je zatím vše, co jsem dokázala sehnat. Doufám, že se někomu bude tento návod hodit :-)