I've just added a header image to this blog. What do you think? Adding an image to your header makes your blog quite unique than other people's blogs. So each blog should have its own uniqueness. It is one way that reflects a blogger's personality too. If you are interest in that, then follow the instructions below to get yours up.
- First you have to have your own image(s) ready either on your PC (personal computer) or on your free hosting website.
- Second login to your Google Blogger's Dashboard and click on Layout/Edit HTML/. See the screenshot below:
- Third find out your header image dimension by searching the following codes from your template editor:#header-wrapper {
width: 930px; //it only tells you the width here
margin:0 2% 10px;
border:1px solid $bordercolor;
}
You can hold Ctrl and hit F at the same time to bring up a search bar. Then copy and paste #header-wrapper { in the search box to find it.
- Once you found out your header image's width, you need to guess the header image's height; mostly its height is about 140 pixels.
- Next you need to customize your header image dimension. I use Microsoft Paint which came with my PC to Sketch/Srew the header image. You may use Photoshop if you know how.
- Then head back to your Blogger's Layout. Click on Edit in your header section. See the screenshot below:
- A new window will pop up. Type in your blog title, blog description, and browse your customized image here either from your PC or from the web. Choose your placement and make sure you click on Save Changes button to save it. See the screenshot below:
Now go ahead and check your blog to see how the header image turned out to be. Good luck! If you like this tutorial, then make sure you subscribe to it.
Related articles
Adding Graphic Background to Blog Header
Interested In How to Change Your Header Images?
How to Replace Your Header Image in WordPress.com Blog?
Related articles
Adding Graphic Background to Blog Header
Interested In How to Change Your Header Images?
How to Replace Your Header Image in WordPress.com Blog?
0 comments: