Website Design Tips

How To Centralize Post Title, Header and Widget In Blogspot

Sponsored Links

If you are blogging on Blogspot, otherwise known as Blogger, you must have noticed that your post title, header logo, and gadgets title are on the left side. Did you? Good!

In this post, I will share with you how you can centralize your post title, header and gadgets title using CSS styling codes. You can also check out how to style links in your blog posts using CSS codes.

 

What is CSS Code?

CSS stands for Cascading Style Sheet. It is a string of codes used in giving more functionality to website’s look/appearance. It is used to beautify HTML codes. It is opened by curly bracket ({) and closed by curly bracket (}).

How To Insert The Codes In Your Blog Template

To insert these CSS codes in your blog template, follow the steps below;

 

Apply Now:  Business Website: Benefits Of Having Website For Your Business

OPTION 1

Step #1. Login to your blog dashboard and click on theme/template right away!
Step #2. Click on Customize and it will open a pop-up window to visualize your theme designer. In the list of links, click on Advance as shown in the diagram below.
Step #3. After clicking on Advance, you will see a space to add the CSS codes. After adding it, click on Apply to blog. View your blog to check if it works. Boom!

 

OPTION 2.

You can also add these codes to your template via the HTML edit.
° Login to your blog dashboard and click on theme/template.
° Then click on Edit HTML
° When your HTML codes open, press Ctrl+F and search for </head>
° Add these codes above the tag </head>. Make sure you open it with <style> and close by </style> tags. And save. Boom!

How To Centralize Blog Header

To apply this code, you can use either of the options above. Add it above </head> 

<style>
#header{text-align:center;}
</style>

Apply Now:  13 Free Things You Can Do To Rank Your Blog Posts On Google In 2023

How To Centralize Gadgets Title

Apply this code using any of the options above.

<style>
h2{text-align:center;}
</style>

How To Centralize Post Title

Use this code;

<style>
.post-title{text-align:center;}
</style>

NOTE: To add all of these codes, just open(start) them with <style>, put the codes in between, and close(end) with </style>
Bonus Tip: To centralize your AdSense ads or any ad, use this;

<center> ADSENSE CODE HERE </center>

Apply Now:  Best Plugins To Disable Right Click Copy On WordPress Blog
It works fine. As you can see in this blog.

Conclusion

This tutorial is short and simple. With these codes, you centralize the post title, header and gadgets title. If you want to learn more about the technical aspects of Blogspot, download my eBook here for free.
Was this tutorial helpful? Let me know if it works for you in the comment. Subscribe to my newsletter and share with friends.
#winks!
Sponsored Links

Leave a Reply

Back to top button