Blogging tips | How to center Blogger elements

How to center Blogger elements

Ahojte zlatíčka,
v dnešnom článku vám ukážem, ako sa centrujú (dávajú na stred) rôzne prvky (nadpisy, stránky a pod.). Pokiaľ sú niektorí z vás nováčikovia alebo absolútne nerozumiete prvkom, ktoré sa vo vašej šablóne nachádzajú, dnes si niektoré z nich pomenujeme. Samozrejme, existujú nekonečné možnosti, ako sa s prvkami vyhrať a na Googli je toho viac než dosť.

English : Hello sweeties. Today I am gonna show you some tricks which you can use in your blog template. I am gonna show you how to center some elements like post title, sidebar title and anothers. Of course, you can find another codes on Google.

Ako centrovať nadpis článku ?
Nadpis článku sa nazýva post-title. Je to akoby "hlavný" nadpis, teda musíme ho definovať pomocou h3. Ak chceme umiestniť nadpis do stredu, bude to vyzerať ako nižšie uvedený príklad. Pokiaľ by sme chceli nadpis vľavo/vpravo, miesto center napíšeme left/right.

How to center a post title ?
Post title is something like main title, so we must define it with a "h3". If you want to center the text, you can use the code, which is down below. If you want to put it on the side, you can change the "center" to "left/right".

h3.post-title{
text-align: center;}

Ako centrovať dátum príspevku ?
Dátum má označenie .date-header. Opäť, ak ho chceme na stred, musíme to zadefinovať podobne, ako nadpis článku. Opäť platí, vľavo/vpravo left/right. To sa nemení nikdy.

How to center a date header ?
The date of your post is ".date-header". Again, if you want to center it, we can define it similar like post title. If you want to put it on the side, then change the "center" to "left/right".

.date-header {
text-align:center;}

Ako centrovať pätu článku ?
Päta článku, resp. to, kde je uvedené meno autora, ikonky na zdieľanie a pod., sa označuje .post-footer.

How to center a footer ?
Footer is a place, where are things like author´s name, icons for sharing and others. This element is a ".post-footer".

.post-footer {
text-align: center;}

Ako centrovať "whole article, read more .." ?
Neviem ako to presne nazvať, no mám na mysli ten prerex, čo vás hodí na pokračovanie článku vtedy, ak naň kliknete. U mňa to je whole article ... V CSS to nájdeme ako .jump-link.

How to center a "whole article, read more .." ?
When you want to continue the post in another window, you use a prerex. It´s something that shows just a little information about your article. In the CSS it´s defined like ".jump-link".

.jump-link {text-align: center;}

Ako centrovať nadpisy v menu ?
Resp. názvy widgetov ako sú napr.u mňa write me, les licornes petites ..

How to center sidebar titles ?
How to center the titles of your sidebar widgets ?

.sidebar h2 {
text-align: center;}

Ako centrovať header na stred ?
Header, alebo to, čo prvé uvidia návštevníci vašeho blogu, je dôležitým prvkom celého blogu/stránky. Pozíciu nastavíme pomocou tohoto :

How to center a header ?
Header is the first thing, which is shown to your visitors. It is a really important element on your blog. You can set its position by this :

#header-inner img {margin: 0 auto !important;} #header-inner {text-align:center !important;}


Pýtate sa, kde tieto kódy vložiť ? Otvorte si Blogger, Šablóna, Upraviť kód HTML. Ak budete mať pred sebou kód, "roztvorte"/kliknite na prvú čiernu šípku, ktorá sa nachádza pri čísle riadku vľavo <b:skin>. Otvorí sa vám sekcia modrých kódov a hľadajte }]]></b:skin>. Pred tento kód môžete umiestniť všetky kódy, len nezabudnite, že dve "}" nemôžu ísť za sebou. Malo by vám to potom fungovať :)

English : You don´t know, how and where put codes ? Open the Blogger, then click on the Template and Edit the template (or something like that). If you see the codes, click on the first black arrow, which is situated next a number <b:skin>. You will open some blue codes. After that look for }]]></b:skin>. Then past the codes which you want to have in the template before it

11 comments:

  1. Super článek! S timhle se vždycky dlouho hledám. :)

    ReplyDelete
  2. ďakujem za super článok! hneď si idem nadpis vycentrovať aj ja :D :)

    ReplyDelete
  3. Skvělý článek, který poradí. :-)
    http://www.vmemzivote.blogspot.sk/

    ReplyDelete
  4. Super tipy, občas taky musím zapátrat co a jak, i když teď mám hotovou šablonu, tak to zrovna moc neřeším :-)

    ReplyDelete
  5. veľmi pekne si to napísala toto sa mu určite hodí aj ked ja mam pocit, že som na tieto veci strašne nešikovna :/

    pokiaľ chceš budem veľmi rada ak sa zapojiš do moje giveaway o dva nahrdelniky a náušničky :)
    Giveaway!!!!

    ReplyDelete
  6. super clanek, to se bude urcite hodit :) zvlast tem co s blogem zacinaji

    ReplyDelete
  7. Mám menší otázečku od nováčka - kde to mám vložit? =D

    ReplyDelete
  8. This comment has been removed by a blog administrator.

    ReplyDelete

Thank you for every lovely comment, visit nad follow ♥
Love you all ♥
Have a nice day ! ;)