Header replace Blog at Blogspot
The first time people see blogs, the majority of them saw the blog header .. The first impression of the blogs they visit is how the blog header reflects the content or the content of the entire blog. To blogspot blog, the header (use pictures or just text only) usually depend on the template that we use. Sometimes, the overall format template blogspot are in accordance with our wishes, but the image does not match the header of our blog content. If this is the case, we need to change the blog header to fit the content.
How to change the header blogspot blog? To replace the header blogspot, there are several ways that we can do. The easiest way is through the setting add and arrange page elements (depending on the template used, mostly blogspot template supports adding image in the header via this menu). To replace the header blogspot this way, log into Blogger dashboard.
Go to the Layout tab. In the Header box (according to the title of your blog) click Edit.
In the new window that appears, click Browse to locate the image that will be used as a header. We recommend that before doing this, we must provide the image that we will use as headers, with sizes to suit the size of the header (if it does not know the size of the header, check the Shrink to fit where the image size will be adjusted to the size of the header). Select behind title and description if you insert an image that does not contain the text of the title, because it means the blog title and description will be displayed. Conversely, if you make a picture header complete with writing the title and description, select instead of title and description which this option will hide the title and description. Click Save. Now you already have a blog header to your liking (of course adapted to the theme of the blog).
Another way to change the headers blogspot is through setting the CSS code. The trick, of dashboar blogger, go to the blog we are going to replace the header. Go to the tab Layout> Edit HTML. Make sure you always backup your template before turning it (how to click Download full template) so that at any time there are events that we did not expect, we can return again template as before.
HTML on the Edit menu, tick Expand Widget Templates. Press Ctrl + F simultaneously to call the search function. Type header in the Find field to locate header css code. You can also scroll the mouse to perform this search, but not the second praktis.Cara is not difficult, but if you do not want to bother making their own image, you can use a free website provider of images, such as: freewebpageheaders.com, smashingmagazine.com and other.
As for how to download images at freewebpageheaders.com are as follows:
Click Register Now to open a Web page;
Click Register to register.
Click Agree. Then you will be asked to fill the Registration form. This form consists of 2 parts: Required information and optional information. Required information is information that you should provide for registration while Optional information is information that is used to display your data when you login to the visitor. If you feel no need then ignored for this section.
Click Submit Registration Form, and you will get a message in order to open the email to activate your account.
Open the email you used to register. Click on the link provided for activated your account.
If you have, you will get a message that your account has been activated.
Click Return to the front page of the free Web Page Headers.
Then click Login to download the header image.
Select a category header you want. If you have found a suitable image. Click on the image and then click Download.
Then the picture will open a new page. Right-click on the image and select Save Image As and press Save.
Done. Now the images already stored on your computer.
The next step How To Change Header Blog on Blogger, the first one done is to find out how the size of the header in your template, how:
Click Setting-> Edit HTML.
Search code # header-wrapper. So easy to search for, press Ctrl + F type in # header-wrapper and then press Next.
If you have found there is usually a code width and height around. For example like this:
So your pictures will fit the size of the template header, then your pictures should be resized into 975x130 pixels. For merizenya you can use image processing program like MS Paint, ACD See, Photoshop or other.
After it finishes. Log in to your Blogger Dashboard again, select Draft => Page Elements.
Click Edit on the Header.
This will bring up a new page, select Browse from your computer, if the image is stored dikomputer or Browse from the web, if the image is stored in an image hosting such as: Imageshack, Photobucket or Geocities.
On the Placement. Select Behind title and description, if you want to clear the image behind the title and description of the blog or select Instead of title and description, if you want to hide the title and description of the blog.
Then click Save, finished.
NOTES:
Not all templates can be mounted picture, because there are just using a text-only therefore choose a template that fits your needs.
If the above method is difficult to apply on your blog, the content of the comment box at the bottom who knows I can help.
Thus before installing the header of my tutorial may be beneficial to all my friends.
The first time people see blogs, the majority of them saw the blog header .. The first impression of the blogs they visit is how the blog header reflects the content or the content of the entire blog. To blogspot blog, the header (use pictures or just text only) usually depend on the template that we use. Sometimes, the overall format template blogspot are in accordance with our wishes, but the image does not match the header of our blog content. If this is the case, we need to change the blog header to fit the content.
How to change the header blogspot blog? To replace the header blogspot, there are several ways that we can do. The easiest way is through the setting add and arrange page elements (depending on the template used, mostly blogspot template supports adding image in the header via this menu). To replace the header blogspot this way, log into Blogger dashboard.
Go to the Layout tab. In the Header box (according to the title of your blog) click Edit.
In the new window that appears, click Browse to locate the image that will be used as a header. We recommend that before doing this, we must provide the image that we will use as headers, with sizes to suit the size of the header (if it does not know the size of the header, check the Shrink to fit where the image size will be adjusted to the size of the header). Select behind title and description if you insert an image that does not contain the text of the title, because it means the blog title and description will be displayed. Conversely, if you make a picture header complete with writing the title and description, select instead of title and description which this option will hide the title and description. Click Save. Now you already have a blog header to your liking (of course adapted to the theme of the blog).
Another way to change the headers blogspot is through setting the CSS code. The trick, of dashboar blogger, go to the blog we are going to replace the header. Go to the tab Layout> Edit HTML. Make sure you always backup your template before turning it (how to click Download full template) so that at any time there are events that we did not expect, we can return again template as before.
HTML on the Edit menu, tick Expand Widget Templates. Press Ctrl + F simultaneously to call the search function. Type header in the Find field to locate header css code. You can also scroll the mouse to perform this search, but not the second praktis.Cara is not difficult, but if you do not want to bother making their own image, you can use a free website provider of images, such as: freewebpageheaders.com, smashingmagazine.com and other.
As for how to download images at freewebpageheaders.com are as follows:
Click Register Now to open a Web page;
Click Register to register.
Click Agree. Then you will be asked to fill the Registration form. This form consists of 2 parts: Required information and optional information. Required information is information that you should provide for registration while Optional information is information that is used to display your data when you login to the visitor. If you feel no need then ignored for this section.
Click Submit Registration Form, and you will get a message in order to open the email to activate your account.
Open the email you used to register. Click on the link provided for activated your account.
If you have, you will get a message that your account has been activated.
Click Return to the front page of the free Web Page Headers.
Then click Login to download the header image.
Select a category header you want. If you have found a suitable image. Click on the image and then click Download.
Then the picture will open a new page. Right-click on the image and select Save Image As and press Save.
Done. Now the images already stored on your computer.
The next step How To Change Header Blog on Blogger, the first one done is to find out how the size of the header in your template, how:
Click Setting-> Edit HTML.
Search code # header-wrapper. So easy to search for, press Ctrl + F type in # header-wrapper and then press Next.
If you have found there is usually a code width and height around. For example like this:
# header-wrapper {
width: 975px;
height: 130px;
margin: 0px;
padding: 0px;
text-align: left;
background: # fff url ("http://i977.photobucket.com/albums/ae258/SPN_photo/HeaderMaskolis-New.jpg") no-repeat right;
}
Description:
width: 975px; is the length of the header
height: 130px; is the width of the header.
So your pictures will fit the size of the template header, then your pictures should be resized into 975x130 pixels. For merizenya you can use image processing program like MS Paint, ACD See, Photoshop or other.
After it finishes. Log in to your Blogger Dashboard again, select Draft => Page Elements.
Click Edit on the Header.
This will bring up a new page, select Browse from your computer, if the image is stored dikomputer or Browse from the web, if the image is stored in an image hosting such as: Imageshack, Photobucket or Geocities.
On the Placement. Select Behind title and description, if you want to clear the image behind the title and description of the blog or select Instead of title and description, if you want to hide the title and description of the blog.
Then click Save, finished.
NOTES:
Not all templates can be mounted picture, because there are just using a text-only therefore choose a template that fits your needs.
If the above method is difficult to apply on your blog, the content of the comment box at the bottom who knows I can help.
Thus before installing the header of my tutorial may be beneficial to all my friends.
EmoticonEmoticon