Mijn navigatiemenu centreren via CSS in Blogger

Het Bloglog-weblogplatform van Google biedt een optie voor het maken van maximaal 20 afzonderlijke pagina's die kunnen worden genavigeerd met behulp van tabbladen die boven aan uw blog zijn gerangschikt. Standaard zijn de tabbladen die uw Blogger-pagina's vertegenwoordigen links uitgelijnd, maar hun positie kan worden gewijzigd door de CSS te configureren die uw site samenstelt. Webstandaard-CSS bevat geen "midden" -waarde voor het uitlijnen van DIV's op een pagina, maar het tabbladenelement op uw Blogger-site kan zo zijn geconfigureerd dat het in het midden van de pagina wordt weergegeven.

1.

Ga online naar Blogger.com en meld u aan bij uw account om toegang te krijgen tot het dashboard voor uw Blogger-account.

2.

Klik op 'Instellingen' naast de blog die u op uw dashboard wilt bewerken.

3.

Selecteer het tabblad "Ontwerp" en klik op "HTML bewerken" om de CSS en HTML weer te geven waaruit uw blog bestaat.

4.

Scrol omlaag naar "* / Tabs" en zoek het ".tabs-inner .widget ul" -element hieronder op.

5.

Markeer de waarde na "margin-left:" en typ "350px;". Blogger-sites zijn over het algemeen ongeveer 800 pixels breed, dus 350 pixels zouden voldoende moeten zijn om de pagina-navigatie te centreren.

6.

Klik op "Voorbeeld" om een ​​nieuw tabblad te openen met de wijzigingen die u in de CSS hebt aangebracht. Als de navigatie van de pagina's niet helemaal gecentreerd is, gaat u terug naar het ".tabs-inner .widget ul" -element en wijzigt u de "margin-left" -waarde dienovereenkomstig.

7.

Klik op 'Sjabloon opslaan' wanneer u klaar bent met het aanbrengen van de wijzigingen in uw Blogger-navigatie.