How to center blogger header logo : Okongeorge.com
Okongeorge | Digital Wealth & Empowerment

Learn and Make Money Online.


Date: - Time:

How to center blogger header logo




How to center blogger header logo
Header logo in Blogger or any other CMS platform is one among importants blogging features that must be added to your blog, and make more sense if it situated at the center of your blog header for perfect match, befitting placement AND pleasant to the eyes. This is as most as important to your business success because, this header logo represent your brand, your business, your services, and it like your own footprint on the web.

Header logo is an important branding tools and for instilling credibity, users experience, and what makes you different from the rest crowd competing in the same marketing horizon.


Because most header logos do come with brief descriptions, which act ask a bill board, could guide new visitors of what your business, products and services is all about.

By default in Blogger, header logo when uploaded is automatically aligned to the left, and most bloggers and users as well are not comfortable with this because, it’s not perfectly pleasant to the eyes, and therefore brings about alternative solution to centering the Blogspot or Blogger header logo.


In most default Blogspot and Blogger templates, the header logo or image is stretch to fit the whole header width, and users seems to be comfortable as perfect match, but in custom blogger, the header logo is positioned to the left when uploaded, therefore make the blog design unbalance. 

So, should you blog on custom blogger template and you find it difficult centralizing your branded image perfectly to the center of your blogger or Blogspot header due to Blogger default settings, you can head up straight to integrating this advanced CSS instruction code to your Blogspot or blogger blog. This brings about a solution that enable your blog header image perfectly aligned and centered to the middle.


By integrating a properly centered Blogspot or blogger header logo, you have perfect control and the flexibility of your blog, it design and stylishness, and most importantly, on a new visitor and potential customers because, that’s what they will see first when visiting your website or blog, with a lot of potential to make or mar your business.

Center Blogger Header Logo


There are two ways to center your header logo in blogger. However, it is easy to get your company’s logo perfect centered to the middle of your Blogspot or Blogger header without altering your blogger template, irrespective of if you’re just beginning with little of no idea to Javscript or CSS. All you need is to apply the right custom CSS command to your blog source code, that perfect align this logo the the center. Bellow process should be of guide:

First Method:

1. Login to your Blogspot or Blogger Dashboard.

2. Click on Template.

3. Click on Customize.


4. Click on Advanced.



5. Add CSS.


6. Now, copy and paste the CSS code below in the opened box..



#header-inner {
background-position: center !important;
width: 100% !important;
text-align: center;
}
#header-inner img {
margin: auto;
}

7. Click on Apply to Blog.

If for instance, you have a small image fo header logo, and you want to make it stretch to fit the whole header witdth, you should rather apply this CSS code:

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

height: 100%
}
8. Then, Click on Apply to Blog.

First Method:

While the first method of centering blogger header logo is through Blogger Template Designer, the second method however is through Blogger Template Editor. Bellow process should guide you through":

1. Login to your Blogspot or Blogger Dashboard.

2. Click on Template.

3. Click on Edit HTML

4. Now, click on the Template Editor source code and press Ctrl + F for a search box to open.

5. In the open box, enter #header-inner

6. when you find the code, simply copy any of the codes you want in the first method above the #header-inner.

7. Click on Save Template.

Finally, you need branded logo for your blog, as your own uniqueness and identity and makes your different from others. Branded logo not just centered to your Blogspot or Blogger header, but will do more to your business image before your audiences at large.

Let me know through comment, if the custom CSS code help you perfectly centered your blogger logo. Pls, do kindly share on social media, using the social share buttons below.





No comments:

Post a Comment

Protected by Copyscape

DMCA.com Protection Status

Widget