HTML Tips & Tricks For Blogger


A super quick post today as my laptop has literally just broken so I'm having to use an ancient one until I can sort it out #problems. I'm gutted that I've lost all my files and picture though - always back up and save your work, it will save a lot of hassle and stress!
Anyway, on to today. I've written a few html tip posts in the past and for the benefit of new readers, I thought I'd do a little roundup. Some of them may need tweaking so bare with me. Though I'm not a pro designer I love html and creating pretty blog templates,so these are a few ways you can change up your blog too without too much hassle.

How to add social media icons to blog posts

How to resize blog photos to the same size
click here

Sidebar borders
click here

Removing blogger attribution
click here

How to add a background to the sidebar
click here

Styling the sidebar
click here

How to add a signature in blog posts
click here

How to leave a clickable link in blog comments

Using your own background in blogger
click here

Using google fonts
click here

Make your own blog button with grab box
click here




39 comments

  1. this posts are so helpful!! thanks for taking the time to share them :)

    xx Cecil

    www.wednesday19th.blogspot.com

    ReplyDelete
  2. This is very useful! Thank you!

    Hollie xx

    www.lovedbyhollie.blogspot.co.uk

    ReplyDelete
  3. Thankyou so much for this post it is so very helpful, love reading your blog by the way! :)
    xoxo

    Beauty in His Name Blog

    ReplyDelete
  4. I've just bookmarked this, really useful! As well as your piece on maximising blog potential xx

    ReplyDelete
  5. Thanks for these amazing tips! The signature one particularly. I def will add that.

    Love from Canada,
    Marie from www.ElleCharie.com

    ReplyDelete
  6. What a coincidence my laptop has broken too today :(
    Lovely blog! <3

    ReplyDelete
  7. This is so useful :)
    I'm going to bookmark this page with all the links. I'm such a bad html user and I am just not as technical as I would like to be. Thank you for sharing and helping me out.

    Have a nice day!

    *Yingcbeauty*

    X x X x X

    ReplyDelete
  8. Found this post so helpful! Thank you for posting it :)

    Matilda Elizabeth

    (Trying out the blog link trick for the first time!) x

    ReplyDelete
  9. Thank you so, so much for these links! I'm definitely a google girl when it comes to my HTML related questions, but I've had trouble locating everything I need, some of which are covered here!

    nueyork.blogspot.com

    ReplyDelete
  10. These are all great tutorials! I was wondering how you got the social media buttons on the side? I was really interested in getting them, did you make them yourself or bought them? Have a great day x

    ReplyDelete
  11. Amazing tips! Great post!

    XO
    Jeanne
    http://fashionmusingsdiary.blogspot.fr

    ReplyDelete
  12. It's like trying to decode the mind of a man. Thank you so much for sharing your tips to the clueless like Moi!

    www.ohheyblog.com

    ReplyDelete
  13. This is so helpful Zoe! I've clicked through them and I love how easy they are to understand. Going to be applying some of them.

    ReplyDelete
  14. This is so useful post. Thank you.

    style-mepretty.blogspot.com

    ReplyDelete
  15. Certainly backing up my stuff now! Sorry to hear about your stuff xx

    BerrieBlogs {beauty blog}

    ReplyDelete
  16. Great tips, I'll have to have a read of a few of these! x

    SophiesMakeupBlog

    ReplyDelete
  17. Ooooo this is really helpful! Just what I need

    ReplyDelete
  18. This is a great page to bookmark! I hope your laptop gets better ^_^

    Laila from Townhouse Palette ♥

    ReplyDelete
  19. Thanks for all these links girl!! I am terrible at html and mostly have to have someone else do it. I am saving this for later! Happy Monday!

    www.madeintheshadeblog.com

    ReplyDelete
  20. This is amazing. Thank you for making it so easy to follow. I'm just about to try out your advice by making my link clickable. Here goes:

    Gemma

    ReplyDelete
  21. Great tips! Haha I really needed that attribution removal one :)

    www.imaniqbal.blogspot.com

    ReplyDelete
  22. Very useful! Thanks! x

    ReplyDelete
  23. Thank you for this. I have a time trying to figure out all the html issues. <3
    http://prettyloved.wordpress.com

    ReplyDelete
  24. This post was so helpful! Thanks :)
    allthings-hair.blogspot.ca

    ReplyDelete
  25. Thanks so much for all these tips! They've made my blog look 1000x nicer than before!

    Endlesslyboring.blogspot.co.uk

    ReplyDelete
  26. Really helpful! I can't wait to give some of these a try! Thank you :)
    bellebrindille.blogspot.com

    ReplyDelete
  27. Thanks a lot)))))))

    ReplyDelete
  28. Really helpful article!! Xxx

    ReplyDelete
  29. Thanks for the tips! It's hard to find stuff like this when you're just starting out <3

    Gabynyan

    ReplyDelete
  30. Okay this is amazingggg! Thanks so much xxx

    ReplyDelete
  31. Thanks! This helped me so much with my blog xx

    wowbelwow

    ReplyDelete
  32. Wow! These are great tips! I can't wait to use them lol. Thank you for posting them again! =)

    Kelli
    www.blog.bodeoo.com

    ReplyDelete
  33. I have literally been on your blog for hours now, so so helpful! Definitely a new follower here :)

    Chloe Andrews

    ReplyDelete
  34. You have truly saved me more time to find out how to do any of these! Thanks xx

    Jess
    www.jessicaleona.com

    ReplyDelete
  35. very useful!
    thanks xx
    www.sparklethiscity.blogspot.com

    ReplyDelete
  36. This has helped me so much! (along with your other tips!) Thank you!!!
    Beth xx
    http://fullfacedbeauty.blogspot.co.uk

    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