How to align your Blogger blog's Header to the center position of your sreen

Flexibility in customizing blog header's position is vital to any blog tools. In case of blogger, it is very easy to align your header to the middle of a web browser's screen.

Step 1: Sign in to your blog
Visit Blogger Blog home page at: http://blogspot.com/ or http://www.blogger.com/ and sign in with your Google account.
Step 2: Go to 'Template Designer' page
A Google account can be used to manage many blogs. When you sign in to your blog, you are presented with the main dashboard. You can click Design link and then 'Template Designer' tab under your chosen blog.

Step 3: Align your blog's header
All you need to do is overriding the 'header-inner' id element in order to align your header to the center of the screen.
  • In your blog's 'Template Designer', click Advanced / Add CSS.

  • Enter the following CSS code to 'Add Custom CSS' tab.

  • Click 'Apply to Blog' button to finish modifying CSS styles of your blog. Now return to your blog's home page you should see your blog's header at the middle of your web browser's screen.
Notes:
  • You can also align your title by modify the .header-inner .Header .titlewrapper element.
  • Go to Design -> Edit HTML. Click 'Expand Widget Templates'
  • Locate the .header-inner .Header .titlewrapper element. Modify the padding css element.
  • Padding-left is used to move your title to the left, for example

1 comment:

Krishna Patel said...

thank you so much. So far only your code worked :D

Post a Comment

Blog Archive

About Me

My Photo
I am a dedicated and creative Software Engineer with strong academic background. I was awarded an MSc degree (with distinction) in Software Engineering from the University of the West of England, UK in February 2010. My master thesis was titled “Riva Process Architecture Graphical Editor”, which aimed to develop a free and specialized tool offering more computer support to improve the process of modelling business process architectures. Since then I had returned to my country and joined the software industry, providing software solutions for enterprises in the Mekong Delta of Vietnam. At the moment, I am joining the Professional Doctorate in Engineering in Software Technology in Eindhoven University of Technology. My recent interest is in the field of Data Science. I am particularly interested in using tools, methods and technologies like MapReduce, JSMapReduce, Hadoop, AWS, NoSQL, R, Tableau, Matlab, Pig, Python, etc. to analyse big data for obtaining predictive insight.