25 dubna, 2017

Google+ widgety

úterý, dubna 25, 2017 čeká na komentář

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 :-)


Pokud vás článek zaujal, můžete sdílet

Lucy Lillianne
V posledních letech jsem neskutečně podlehla knihám. Nejen jejich čtení, blogování o nich, ale i nakupování. Ráda si rozšiřuji knihovničku a velice mě mrzí, když vidím tolik knih, které nemohu mít. Přesto jsem ráda za každý kousek, který se mi dostane do rukou. Největší radost mi dělají žánry fantasy a sci-fi, v poslední době hodně ujíždím na apokalyptických a dystopických knihách a když si potřebuji odpočinout, často sáhnu po nějakém thrilleru nebo jiné napínavé četbě... Samozřejmě nepohrdnu ani lehčí četbou. Nejméně mě lákají romantické knihy, i když i tam občas dojde k nějaké výjimce. Doufám, že čtení mě bude bavit ještě dlouho, protože můj seznam je téměř nekonečný... :-)

0 komentářů:

Okomentovat

Každý vzkaz pro mě znamená mnoho, často vykouzlí úsměv na tváři a rozhodně potěší. Děkuji každému, kdo pro mě ztratí pár vteřin života :-)