Sunday 8 November 2015

HOW YOU CAN CENTER YOUR BLOG TITLE USING CASCADE STYLE SHEET CODE.

Your blog title by default is align at the left hand side of your blog but in case you do not like it in that position and you want it to appear at the center of your blog page, you can be able to do that with the following basic steps.

Step 1: Login to your Blogger dashboard and click on your preferred blog.

Step 2: Select the Option 'Template' from the list of options.

Step 3: Click on the 'Backup/Restore' button and click on 'Download Template' to download your blog's template and save it in your computer. 

Step 4: Click on 'Customize' tab on the 'live on blog' and a 'Blogger Template Designer' page appears.

Step 5: Click on 'Advanced' option from the list of options available.

Step 6: Screw down to where you have 'Add CSS', click on it and add the following code to it.


CODE (CENTER):

#header-inner img {margin: 0 auto !important;}
#header-inner {text-align: Center ;} 

 

Step 7: When you are done with adding the code, click 'Apply to Blog' and view your blog to confirm changes.

NB: You can decide to change the position of blog title from appearing at the center to either left or right by just changing the word 'Center' to either 'Left' or 'Right' as follow;

CODE (LEFT):

#header-inner img {margin: 0 auto !important;}
#header-inner {text-align: Left ;} 

 

CODE (RIGHT):

#header-inner img {margin: 0 auto !important;}
#header-inner {text-align: Right ;}

Enjoy!

No comments:

Post a Comment