HTML tips voor Blogger #01.

Wanneer ik zelf voor het eerst bezig ging met het aanpassen van mijn layout doormiddel van HTML viel het mij op dat er vrij weinig Nederlandse artikelen zijn die je hier uitleg voor geven. Aangezien ik hier naar zocht nam ik aan dat er ook genoeg anderen zouden zijn die hier interesse in hadden en besloot ik om er een nieuwe categorie op mijn blog van te maken om zo regelmatig wat HTML tips voor iedereen die met blogger werkt te delen. Deze tips zijn allemaal heel erg gemakkelijk en kunnen je blog net een beetje meer uitstraling geven.

Centreren welkomsttekst:

Ga naar de sjabloonontwerper van Blogger, waarna je op geavanceerd klikt en naar onderen scrolt tot je bij je CSS bent. Hier plak je onderstaande code waarna je op opslaan drukt en klaar bent.

.section-columns h2, #sidebar-right-1 h2, #sidebar-left-1 h2Â {text-align: center;}

Centreren sidebar:

In mijn eigen sidebar heb ik een aantal extra dingen staan, zoals de bloglovin link en de lijst met artikelen. Om deze items te centreren ga je wederom naar je CSS, waarna je onderstaande link plakt en weer opslaat.

.main-inner .column-left-inner, .main-inner .column-right-inner {text-align: center;}

Centreren artikel titel:

Deze is ook weer ontzettend makkelijk en tevens vrij bekend, het centreren van de titel van je artikelen. Wederom enkel plakken en opslaan in je CSS.

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

Centeren datum:

De datum boven de artikel titel centreren is ook vrij bekend, maar ik wilde hem als nog graag met jullie delen. Ook hier geld weer; plakken en opslaan in je CSS.

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

Centreren header afbeelding:

Alweer de laatste tip die ik voor deze keer met jullie deel; het centreren van je header afbeelding. Plakken & opslaan in je CSS en dan is ook deze weer klaar.

#header-inner img {margin: 0 auto;}

Ik hoop dat jullie iets hebben gehad aan deze tips. Als je een vraag hebt over één van de bovenstaande codes of een andere vraag hebt waarvan je graag de HTML wilt zien in een volgend artikel hoor ik het graag zodat ik je hier (hopelijk) mee kan helpen!

'' Werk jij ook wel eens met HTML?