Follow My Instagram

Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts

Thursday, 7 July 2011

Center Or Right Align Header Image And Title On Blogger

If you uploaded your header image via Page Elements, Blogger will automatically align it to the left. There are no options for middle and right alignment. So then, it possible to align the image in at the center or to the right of the header?


Yes it is possible -using CSS (Cascading style sheet). But to define a HTML element in CSS you must first know the element ID or class name. After some checking I found out that “header-inner” is the ID for the content of header widget. So what’s next?


You need to check the image placement method you chose when you uploaded the header image to Blogger in the first place. Different method handled the image differently, thus requiring different codes for alignment.

Template Designer: Add Style With Custom CSS Code Snippet For Blogger

Modifying your blog appearance usually requires you to edit your template’s existing CSS (Cascading Style Sheet) code or adding new codes.
To add a CSS code snippet, you go to Design > Edit HTML page and insert the code in the CSS section of the template.
That’s what you would do if you are using a regular layout template. However if you use the new Designer Template, there is another way. You can do it right from the inside of Template Designer.