After creating a blog the first thing a blogger do is to check how it is looking. Many bloggers use image to represent the title of their blog and it's a really good idea as your blog header or title is the identity of your blog and you should make it unique or at least good looking.
So when we create a blog in blogger then it automatically makes the title of the blog as the header of the blog. Sometimes people don't like their too simple header that's why they make an image as header of their blog.
So when we create a blog in blogger then it automatically makes the title of the blog as the header of the blog. Sometimes people don't like their too simple header that's why they make an image as header of their blog.
Changing the header image is easy and we can do that by uploading any pic in header gadget but we can not change the position of the image. In simple words, whenever we upload an image in header gadget then it automatically gets placed in left side of the blog and there is no settings in blogger that we can change the position of the image.
Some bloggers don't care about the position of their header but some of them don't like that's why they search for a way to change the position of the image.
So to align your header in center you can use this code.
Steps to follow
- Open blogger
- Go to 'Template' and select 'Customise'
- Click on 'Advanced' and paste this code in 'Add CSS' section
#header-inner {
background-position: center !important;
width: 100% !important;
text-align: center;
}
#header-inner img {
margin: auto;
}
- Save your template and you're done
Align Image and Text side by side
Image on the right and title on the left
#header-inner {
background-position: right !important;
width: 100% !important;
}
.titlewrapper, .descriptionwrapper {
float: left;
clear: both;
margin-left: 20px;
}
Image on the left and title on the right
#header-inner {
background-position: left !important;
width: 100% !important;
}
.titlewrapper, .descriptionwrapper {
float: right;
clear: both;
margin-right: 20px;
}
Happy blogging!
Your help was greatly appreciated! Thank you. It was definitely needed!
ReplyDelete