[Blog Design] How To Remove Header Widget and Make a Header With Multiple Buttons

Since I won't make beauty post for a few days and still want to update my blog for you guys. I have decided to share some fun codes to you! 

What do you mean about header with multiple buttons?

I created the picture from above randomly to make a example for you guys. It's suppose to be a header and you will be able to click all of these text that will lead you to different links you have chosen!

What about remove the header widget?

Because you will need to use a HTML box instead of the original header widget, so we need to remove the original one or else it will force you to type something in for the title and will show above the new banner we created! I will explain more later!

Sample : Click Here

I used it on a new testing blog, so you can take a look and try clicking these buttons!

READ MORE

[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