Get To Work On Your Blog

Sometimes people ask me how I've done something in particular with my blog, or they don't even realise they can fix something up on their blog with just a few simple steps. For a while now I've been resistant to do a post like this, because I didn't feel I was in any position to help people with technical things or anything to do with HTML. But I do get asked some of the same questions on a regular basis, and I do enjoy helping people wherever I can. So I decided to put a quick post together, explaining some of the things you can do to alter certain aspects of your blog; should you want to. 

Please let me be clear about a few things; I am no expert. I myself am learning all the time and there are way more knowledgeable people out there you can turn to. I have in fact turned to other bloggers such as Cat and Toni, from time to time. But I hope I can help some of you with these simple tricks! Also, I'm afraid everything I mention will be in regards to blogger only, as I have never used Wordpress and therefore cannot be of any use with it, sorry! Okay, let's crack on shall we?

1. CENTERING YOUR HEADER;

In Blogger, go to TEMPLATE > CUSTOMIZE > ADVANCED > ADD CSS

If you used "INSTEAD OF TITLE AND DESCRIPTION" for your header, copy and paste the following code - 

#header-inner img {margin: 0 auto !important;} #header-inner {text-align:center !important;}

and save. Your header should now be centered perfectly.

However, if you used "BEHIND TITLE AND DESCRIPTION" for your header, copy and paste this code instead -

#header-inner {background-position: center !important; width: 100% !important;}

and save.

2. CENTERING ALL WIDGETS;

In Blogger, go to TEMPLATE > CUSTOMIZE > ADVANCED > ADD CSS

Copy and paste the following code -

.widget {text-align: center;}

Save, and all your widgets should now be centered successfully.

3. ALTER THE SPACE BETWEEN WIDGETS;

In Blogger, go to TEMPLATE > CUSTOMIZE > ADVANCED > ADD CSS

Copy and paste the following code –

.widget {

margin: 5px 0 0 0;

}

Save, and all your widgets should now be spaced to 5px. 

You can change this number to anything you like!

4. CREATING AN AUTOMATIC SIGNATURE;

In Blogger, go to SETTINGS > POSTS AND COMMENTS

You'll see a 'POST TEMPLATE' option. This is where you state what you want your signature to be.

You can use the <center> tag to keep everything centered if you wish. You can add images, text, links. Whatever you want your signature to be. So for example, mine is like this;

So what I've done is center the whole signature, add an image, and then added my social links at the bottom. I do think this takes a very basic level of HTML understanding, so if you're still unsure of what all that means, I'd recommend visiting a helpful site like W3 Schools. They teach you all the basics of HTML and CSS to get you started :)

And there you have it; the very basic tips I use no matter how I change my layout, to keep things organised and looking nice. Hope this helps, and I may feature another post in the future with more tricks, if any of you find this helpful.

Keep up to date with my latest posts by following me! :)
Bloglovin - Twitter - Instagram - Pinterest - Facebook