Friday, January 30, 2009

Display Images in the Header

. Friday, January 30, 2009

Many friends who ask how I sech display in the header image ...?
actually a lot of tutorial that explains this as Kolum Tutorial
Before displaying the picture in the header we need to have a picture that has been prepared beforehand, whether it was created with Photoshop now also have a lot of this Website that provides a banner for a free header as www.imagechef.com. OK we just started to do so.
There are some things that have to be in the note.
First find out first how the size of our blog header wide. so that we know the size we will use to create a header. go to a page on your blog TEMPLATE and open the Edit Html, and will appear as the image below

Then slide the tab to scroll down slowly, and look for the code in the tag As Css below.to search for the Edit menu click Find ago
#header-wrapper { # header-wrapper (
width:660px; width: 660px;
margin:0 auto 10px; margin: 0 auto 10px;
border:1px solid $bordercolor; border: 1px solid $ bordercolor;
} )
At the top there are any posts in the word width: 660 size of this information is a header wide. (If the # header-wrapper does not find the size, can be the size of Outer-wrapper or Content-wrapper into standard size header.)
Second after getting the size of the header wide, then find a picture or make a header image to fit our size, or less than the size of it.
third. If you have Photoshop software is better to save the image with the resolution of small but good quality. After the image is ready for the header. now is  time to send a picture in the header to our blog.
First
TEMPLATE on the page on your blog page element select any posts.

Edit and then press any posts in the bottom corner of our blog widget header.
After that, the page will appear as the image below.

Press link Browse any posts. then search for pictures on the computer we have to prepare the image header. then select the picture after we step on the following pages.
Description:
Behind title and description: if you select this, the description and title / description of the blog with pictures.
In addition to Title and Description: This is if we choose, then the title and description / explanation on the blog will not participate in the picture to include hidden alias.
Once we determine the election, then we press the button Save Changes.

Done show how easy it is in the header image .. congratulations try

0 comments:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

 
Download And Tutorial is proudly powered by Blogger.com | Template by o-om.com