Blogger 블로그에 배너를 추가하는 방법

Blogger 페이지에 배너를 추가하면 블로그에 대한 광고 수익을 창출하거나 자신의 제품 및 서비스를 더 눈에 띄게 표시하는 데 유용 할 수 있습니다. Blogger에는 블로그 제목 위에 별도의 상단 배너를 삽입하기위한 레이아웃 옵션이 없지만 블로그의 HTML 코드를 약간 수정하여 직접 옵션을 만들 수 있습니다. 블로그 제목 대신 또는 헤더 영역의 제목 뒤에 이미지 배너를 추가하려는 경우 프로세스가 훨씬 간단하고 코드 편집이 필요하지 않습니다.

상단에 새 배너 요소 만들기

Blogger 계정에 로그인하고 블로그 이름을 클릭하여 관리 제어에 액세스하십시오.

"템플릿"탭을 선택한 다음 "HTML 편집"을 클릭하여 블로그 레이아웃을 제어하는 ​​코드에 액세스하십시오.

"위젯으로 이동"메뉴를 클릭 한 다음 "Header1"을 선택합니다. Blogger는 블로그 헤더를 제어하는 ​​코드 섹션으로 이동합니다.

다음 코드를 찾을 때까지 몇 줄 위로 스크롤합니다.

"maxwidgets"값을 "2"로 변경하고 "showaddelement"값을 "yes"로 변경하십시오. 이제 코드 줄은 다음과 같아야합니다.

변경 사항을 저장하려면 "템플릿 저장"버튼을 클릭하십시오. Blogger는 배너를 삽입하는 데 사용할 수있는 새 레이아웃 요소를 블로그 상단에 만듭니다.

새 요소에 배너 이미지 추가

"레이아웃"탭을 클릭 한 다음 페이지 상단의 새 레이아웃 요소에서 "가젯 추가"를 클릭합니다.

팝업 창에서 "HTML / JavaScript"를 선택합니다.

광고주가 제공 한 배너 위젯 코드를 설명 입력란에 붙여 넣습니다. 또는 설명 필드에 다음 코드를 입력하여 고유 한 배너 이미지를 사용하십시오. 여기서 "ImageURL"은 이미지 파일에 대한 링크를 나타냅니다.

"저장"을 클릭하여 레이아웃 화면으로 돌아간 다음 "블로그보기"를 클릭하여 새 배너를 확인합니다.

헤더를 배너 이미지로 교체

Blogger 계정에 로그인하고 블로그 이름을 클릭하십시오.

블로그의 레이아웃을 보려면 "레이아웃"탭을 선택한 다음 레이아웃 상단의 헤더 요소에서 "편집"링크를 클릭하십시오.

"찾아보기"버튼을 클릭 한 다음 배너로 사용할 이미지 파일을 두 번 클릭합니다.

배치 옵션 중 하나를 선택하여 배너가 블로그 제목 및 설명과 상호 작용하는 방식을 제어합니다. 제목과 설명이 계속 보이도록 배너 이미지를 배경에 배치하려면 "제목 및 설명 뒤"를 선택합니다. 제목 및 설명을 배너로 바꾸려면 "제목 및 설명 대신"을 선택하십시오.

"저장"을 클릭하여 레이아웃 화면으로 돌아간 다음 "블로그보기"를 클릭하여 새 배너를 확인합니다.

블로그 상단에 자체 배너 이미지 파일을 사용하는 경우 화면 너비에 맞게 이미지 크기를 조정하십시오. 일반적으로 Blogger 배너의 너비는 758 픽셀을 넘지 않아야합니다.