Blogspot – Header zentrieren – Mittig setzen

Viele möchten ihren Header, also das Bild, was oben angezeigt wird beim eigenen Blog mittig setzen. Man findet hierzu viele zahlreiche Tutorials und Erklärungen. Manche sind einfach zu verstehen, mache sind etwas komplexer.

Doch helfen die vielen Tutorials? Nicht immer!


Einige erklären dies im Tutorial sehr komplex und als „unerfahrener User“ kann man meist damit nichts anfangen. Egal, wie schön das Tutorial auch sein mag. Andere Tutorials sind zwar einfacher, jedoch funktioniert dies anscheinend nur sporadisch. Wieso auch immer…

Es geht auch viel einfacher. Dazu muss man nur die Vorlage bearbeiten und einen Code einsetzen.

Blogspot Header mittig setzen:
Dazu geht man zuerst zum Blogger-Dashboard. Anschließend navigiert man zu der „Post-Liste“ und wählt die „Vorlage“ aus. Dort sieht man dann das eigene Design, dass man derzeit nutzt und dort klickt man auf „HTML bearbeiten“.


Anschließend öffnet sich ein Popup, wo man den HTML Code und einiges mehr zum Design ändern kann.

In dem Popup sucht man dann nach dem Haupteintrag folgendes:
/* Header
----------------------------------------------- */

Direkt im Anschluss fügt man diesen Code hier ein:
#Header1_headerimg {
margin: auto;
}


Zum Abspeichern dann nur noch auf „Vorlage speichern“ klicken. Schon hat man den Header mittig gesetzt.

Beachtet aber nach der Änderung, dass ihr eventuell die Cache vom Browser löschen müsst, damit die Änderung sichtbar ist. Dazu am besten auf die Blogspot-Seite gehen und mehrmals STRG + F5 zusammen drücken. Ruhig mehrmals. Damit sollte man denselben Effekt (Cache löschen) erzielen.

Sollten hier noch Fragen und / oder Probleme auftauchen, einfach per Kommentarfunktion melden.



Anmerkungen zum Beitrag? Hinweis an die Redaktion senden.