Tumblr의 게시물 헤더 뒤에 사진을 넣는 방법

기본적으로 Tumblr 블로그에는 게시물 위에 블로그 제목이있는 텍스트 헤더가 표시됩니다. 페이지의 모양을 멋지게 꾸미기 위해 헤더에 사용자 정의 그림을 추가하고 이미지 위에 기존 텍스트를 표시 할 수 있습니다. 기본 Tumblr 테마에서이를 위해서는 테마의 HTML을 수정해야하지만 이미지를 추가하려면 코드 한 줄만 추가하면됩니다.

Tumblr 계정에 로그인하고 "정적 파일 업로드"페이지 (참고 자료 링크)를 엽니 다. Tumblr는 테마 파일 전용으로이 업로드 공간을 제공하므로 블로그에 게시 할 이미지를 업로드하는 데 사용하지 마세요.

헤더에 사용할 이미지를 선택하고 "파일 업로드"를 클릭하십시오. 이미지 크기는 5MB 미만이어야하며 하루에 최대 15MB까지만 업로드 할 수 있습니다.

업로드 된 이미지에 대해 Tumblr에서 표시하는 주소를 복사하세요.

Tumblr 설정 페이지를 열고 편집 할 블로그를 선택한 다음 "테마 편집"을 클릭하십시오. 테마 이름 아래에있는 "HTML 편집"을 클릭하십시오.

코드에서 현재 헤더까지 아래로 스크롤합니다. 올바른 줄을 찾으려면 "Control-F"를 누르고 "IfShowBlogTitle"(따옴표 제외)을 검색하십시오.

코드 입력 "

"(외부 따옴표 제외)"IfShowBlogTitle "줄의"{Title} "바로 앞에. 이전에 복사 한 이미지 주소를 괄호 안에 붙여 넣습니다.

블로그의 새로운 모습을 보려면 "미리보기 업데이트"를 클릭하십시오. 올바른 경우 "저장"을 클릭하십시오.

오버레이 텍스트가 이미지보다 더 많은 공간을 차지하면 필요한 공간을 채우기 위해 이미지가 반복됩니다. 이미지를 한 번만 표시하려면 "background-repeat : no-repeat;"를 추가합니다. (따옴표 제외) 추가 한 코드의 마지막 따옴표 바로 앞.

경고

이 기사의 정보는 기본 Tumblr 테마에 적용됩니다. 다른 테마는 다르게 작동하거나 코드를 수동으로 편집하지 않고 헤더를 수정하는 방법을 포함 할 수 있습니다.