úterý 25. dubna 2017

Google+ widgety

úterý, dubna 25, 2017 bez komentáře

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



Sdílení článku:
Sdílet emailem Sdílet gmailem Sdílet Facebookem Sdílet Googlem Plus Sdílet Twitterem Sdílet Pinterestem Sdílet Tumblrem Sdílet Bloggerem Sdílet Wordpressem Sdílet whatsappem

Autorka článku:

Lucy Lillianne Vždycky mě bavilo hrát si s grafikou, dělat blogy a jejich vzhledy. Nikdy jsem se nepovažovala za nějakého experta a ani nikdy nebudu. To, co sem publikuji jsou věci, které by se mohly někomu do budoucna hodit nebo i mě samotné, pokud bych nějaký postup zapomněla... Každopádně jsem ráda, že sem tam si nějaký článek najde svého čtenáře nebo rovnou uplatnění :-)

štítky

0 komentářů:

Okomentovat