I’m by no means an expert when it comes to blog design but I thought I would share a few easy html tricks I’ve learnt. The good news is that these are super easy to implement – you don’t even need to mess with your blog html coding!

To use any of the following coding all you need to do is go to the template page in blogger > click on customise > go to the advanced section > add CSS > copy and paste the coding you want into the add custom CSS box > click apply to blog button.

*Make sure you save your template before making any changes, then if anything goes wrong you can just upload it again*

Centreing Post Title
.post-title {
text-align: center;
}

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

Centreing Sidebar Titles
.sidebar h2 {
text-align: center !important;
}
*To align to the right – just change the ‘center’ to ‘right’*
Centreing Page List/Menu Bar
.PageList {
text-align: center !important;
}
PageList li {display inline !important; float:none !important;}

I hope this was helpful.

Leave a Reply

Your email address will not be published. Required fields are marked *