Tumblr 배너를 배치하는 방법

많은 Tumblr 테마를 사용하면 블로그 제목 대신 블로그 상단에 배너 이미지를 표시 할 수 있습니다. 그러나 배너가 원하는대로 정렬되지 않으면 테마의 HTML 코드를 편집하여 정렬을 변경할 수 있습니다. 테마가 배너 이미지를 지원하지 않거나 제목 위에 배너를 추가하려는 경우 HTML 코드를 편집하여 배너를 수동으로 추가하고 배치 할 수 있습니다.

헤더 이미지가있는 테마

테마 설정에 액세스하려면 Tumblr 대시 보드에서 "사용자 지정"탭을 클릭하십시오.

왼쪽 창에서 모양 섹션으로 스크롤 한 다음 "헤더"옆에있는 "업로드"버튼을 클릭하여 배너 이미지를 업로드합니다.

창 맨 위로 스크롤 한 다음 "HTML 편집"을 클릭하여 테마의 HTML 코드에 액세스합니다.

키보드에서 "Ctrl-F"를 눌러 검색 도구를 불러 온 다음 "{Title}"(따옴표 제외)을 검색하여 본문 섹션에서 ""태그입니다. 대부분의 경우"로 시작하는 블록 내에 있습니다.

"또는"
".

"{Title}"을 "

"및"
"태그를 사용하므로 코드는 다음과 같습니다.

{표제}

변경 사항이 적용되었는지 확인하려면 "미리보기 업데이트"를 클릭하십시오. 배너가 페이지 중앙에 있지 않으면 잘못된 코드 섹션을 수정했을 수 있습니다.이 경우 변경 사항을 취소하고 다시 시도하십시오.

배너를 성공적으로 변경 한 후 "저장"을 클릭 한 다음 "종료"를 선택하십시오. 어떤 이유로 든 변경 사항을 취소하거나 다시 시작하려면 저장하지 않고 뒤로 화살표를 클릭 한 다음 "종료"를 클릭하십시오.

수동으로 배너 추가 및 배치

Tumblr의 업로드 페이지 (참고 자료 링크)를 사용하여 배너 이미지를 업로드 한 다음 페이지에 표시된 URL을 복사합니다. 또는 PhotoBucket 또는 TinyPic과 같은 다른 웹 사이트에 이미지 파일을 업로드합니다.

테마 설정에 액세스하려면 Tumblr 대시 보드에서 "사용자 지정"탭을 클릭하십시오.

테마의 HTML 코드에 액세스하려면 "HTML 편집"을 클릭하십시오.

키보드에서 "Ctrl-F"를 눌러 검색 도구를 표시 한 다음 ""(따옴표 제외).

"바로 아래에 새 줄을 삽입하십시오."태그를 입력하고 다음 코드 줄을 추가합니다.

"BannerImageURL"을 배너 이미지 파일의 URL로 바꿉니다.

배너가 제대로 표시되는지 확인하려면 "미리보기 업데이트"를 클릭하십시오. 필요에 따라 변경 한 다음 "저장"및 "종료"를 클릭하십시오.

배너를 중앙이 아닌 왼쪽이나 오른쪽으로 정렬하려면 ""또는""대신"태그

"태그 및"
"태그""또는"".

경고

이 단계는 대부분의 표준 Tumblr 테마에서 작동하지만 테마 디자인의 차이로 인해 매번 의도 한대로 작동하지 않습니다. 일부 테마는 이미지를 선언 한 다음 테마의 스타일 시트에서 스타일을 지정해야 할 수 있습니다. 그러나이 방법을 사용하려면 CSS 작동 방식에 대한 기본적인 이해가 필요하며 특정 단계는 테마 디자인에 따라 다릅니다.