pondělí 18. března 2019

Blogger tips: Vycentrování blogu na střed

Dnešní článek bude zaměřený na zarovnání blogu na střed. Nebojte opět je to jednoduché a vůbec nepůjde o šťourání do HTML kódů, budeme pracovat pomocí CSS.

Napřed se v blogu přepnete do nastavení šablony a kliknete na PERSONALIZOVAT.


Potom se přesunete do sekce POKROČILÉ a sjedete úplně dolů na PŘIDAT CSS


Otevře se editor s volným obdélníkem (pokud tam už něco máte stejně jako já, tak nic nemažte, budete kódy normálně kopírovat za to, co už tam máte. 

Do volného pole budete vkládat tyto kódy:
Zarovnání bočního sloupce na střed: #sidebar {text-align: center;}
Zarovnání stránky na střed: #main {text-align: center;}
Zarovnání data článku na střed: #Blog1 > div.blog-posts.hfeed div > h2 {text-align: center;} 
Zarovnání hlavičky (headeru) blogu na střed: .header-outer {margin-left:50%;}

Dole máte náhled, kde uvidíte, jak se jednotlivé části zarovnají, pokud se vám to bude líbit, musíte vše potvrdit a uložit tlačítkem POUŽÍT NA BLOG, které najdete vpravo nahoře. 


A to je celé kouzlo!


POVEDLO SE VÁM ZAROVNÁNÍ NA STŘED?




4 komentáře:

  1. Hezky vysvětleno :-) určitě se někomu bude návod hodit!

    Nela z blogu Růžová rtěnka

    OdpovědětVymazat
  2. To je hezké. Ještě bych to v rámci propagace doplnil o fotky z fotobanky, ať má případný zájemce představu o tom, jak by se to dalo využít .Víte jak to je, stejně jako se dávají do letáků už možnosti servírování zlevněných pokrmů. ;-) Tak takhle bych to udělala já. :)

    OdpovědětVymazat

Děkuji za všechny vaše komentáře!

Related Posts Plugin for WordPress, Blogger...