Blogger HTML Tips and Tricks #1

photo source (edited by me)

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.



Bloglovin |  Facebook  |  Twitter

16 comments

  1. Eek I was wondering about like central the title - thanks! xx

    ReplyDelete
  2. I love learning new HTMl, these tips are great:) x

    www.thebeautymist.com

    ReplyDelete
  3. The central title has been bugging me for a while now!

    Thank you :)

    I'd love to see more posts like these

    xo

    http://the-shelley-diaries.blogspot.co.uk/

    ReplyDelete
  4. This is helpful, I'd really love to see a series on this subject if you fancy doing one, as I have been wanting to learn a bit more about blog design, but it's really hard to find the right information online, let alone in an easy to understand format!
    Mel x

    melswallofmirrors.blogspot.co.uk

    ReplyDelete
    Replies
    1. thanks mel - I'll definitely write a few more posts :) x

      Delete
  5. I really appreciate you posting these tips, thank you Zoe :D xx

    ReplyDelete
  6. Thank you for the tips - very useful. x

    ReplyDelete
  7. Thanks for the tips, so useful :) xx

    A Scholar Life

    ReplyDelete
  8. this helped <3
    thanks

    http://drpoisonivy.blogspot.in/

    ReplyDelete
  9. Can you please tell me how I can center my picture on my blog? No matter what I do, or how much I scream, it's always more left than the gadget titles. Please please please help me.

    Here is my blog: http://maedchenvommeer.blogspot.de

    Thank you so much!
    Love, Thea

    ReplyDelete

Thank you so much for reading!I read every comment and try to respond.If you have a question you can also email me or tweet me @sweetelectric xoxo