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