[Blog Design] Basic Coding: How To Center Tabs Text and Gadget Titles

Since I have heard many of my readers don't know much about coding or just not tried much around it. So I will start with the easiest and most basics that I think will be useful for many of you.

I will make a coding post once in a while from now on

So if there is any specific codes you want me to make a post about, you are welcome to tell me about it on my comment box and I will consider over making a post for it on the coming week.

Maybe some of you don't know, but it take less than 3 minutes to make them into the center.

I have seen many blog that have their gadget titles and tabs on the left side instead of in the center, but personally I think it would looks better to make them into the center.

Before 

After

Here is a example of how my blog would looks like if I did the centering codes or not.

Don't you agree that the after one looks better? So if you still have not done it yet, then maybe you should consider about using this code on your blog!

So.... After all this talk... How to do it?

On the page where you edit everything for you blog

1. Click Template

2. Click Customize

After these steps above you will be directed to a page that can do easy editing for your blogs design.

1. Click Advanced

2. Scroll down and Click Add CSS

3. Copy the code from below and past it to the CSS box

Center Tabs Text

.tabs {text-align:center !important;} .tabs li {display:inline !important; float:none !important;}

Center Widget Titles
.sidebar .widget h2 { text-align: center; }

DONE!

I hope some of you find this to be useful!

If you used it, let me know how it worked for you!

Follow Me  : Facebook / Twitter / Bloglovin / GFC