Blogger에서 배너 크기를 편집하는 방법

Blogger 블로그의 배너 또는 헤더 이미지에는 모든 블로그 게시물 위에 회사 이름과 로고가 표시됩니다. 배너는 분명히 눈에 잘 띄고 이미지가 독자의 마음에 남을만큼 커야합니다. 그러나 배너가 너무 크면 블로그의 전체 경계를 초과하여 페이지의 일부를 숨기고 페이지의 레이아웃을 망칠 것입니다. 블로그의 HTML 템플리트를 편집하여 헤더 배너를 축소 또는 확대하십시오.

1.

블로그의 대시 보드를 엽니 다. 블로그 이름을 클릭하여 개요 페이지를 엽니 다.

2.

템플릿을 편집하려면 "템플릿"을 클릭하십시오.

삼.

템플릿 코드를 열려면 "HTML 편집"을 클릭하십시오.

4.

템플릿 헤더에서 템플릿을 검색하십시오. 헤더 스타일은 "header"또는 "header-wrapper"라고 할 수 있습니다. 그것은 다음과 유사합니다 :

header-wrapper {

배경 : #ffffff URL (/images/banner.png); 높이 : 400px; 너비 : 1000px; 여백 : 0 자동 0 픽셀; border : 0px solid $ bordercolor; }

5.

"400"을 이미지 높이로 교체하십시오. "1000"을 이미지 폭으로 대체하십시오. 예를 들어 너비를 600 픽셀, 높이를 240 픽셀로 선택하려면 코드를 다음과 같이 변경합니다.

header-wrapper {

배경 : #ffffff URL (/images/banner.png); 높이 : 240px; 너비 : 600px; 여백 : 0 자동 0 픽셀; border : 0px solid $ bordercolor; }

6.

'저장'을 클릭하십시오.

인기 게시물