Tumblr에서 제목 아래에 GIF를 넣는 방법

대부분의 Tumblr 테마는 일반 텍스트 제목이나 블로그 상단의 헤더 이미지 중에서 선택할 수 있으므로 스타일과 유틸리티 중에서 선택할 수 있습니다. 그러나 테마의 HTML에 약간의 코딩 만하면 일반 제목 아래에 이미지 (GIF 이미지까지 포함)를 삽입 할 수 있으므로 두 가지 장점을 모두 활용할 수 있습니다.

Tumblr의 정적 업로드 페이지 (참고 자료의 링크)를 사용하여 Tumblr 웹 사이트에 GIF를 업로드 한 다음 업로드 후 나타나는 URL을 복사하세요. 이미지 크기를 5GB 미만으로 유지하십시오. 또는 TinyPic, PhotoBucket 또는 Flickr와 같은 이미지 호스팅 사이트에 GIF를 업로드합니다.

Tumblr 대시 보드에서 "사용자 지정"을 클릭 한 다음 "HTML 편집"을 클릭하여 테마의 HTML 코드를 엽니 다.

"Ctrl-F"를 눌러 검색 도구를 활성화하고 ""(따옴표 제외)는 HTML에서 본문 섹션을 찾습니다.

다음 몇 줄을 살펴보고 {Title} 변수를 찾습니다. 다음으로 시작하는 작은 코드 블록 내에 있습니다. 그리고 끝 .

바로 뒤에 빈 줄을 만듭니다. 태그를 입력하고 다음 코드 줄을 삽입하여 예제 URL을 GIF 파일의 URL로 바꿉니다.

Tumblr에서 제목 아래에 GIF를 넣는 방법

미리보기 화면에서 이미지가 어떻게 보이는지 보려면 "미리보기 업데이트"를 클릭하십시오. 필요한 경우 너비 속성을 추가하거나 페이지 중앙에 정렬 태그를 추가하여 이미지 크기를 조정합니다. 다음은 중앙 이미지를 700 픽셀 너비로 만들기 위해 코드를 수정하는 방법의 예입니다.

"저장"을 클릭하여 변경 사항을 유지하거나 뒤로 버튼을 클릭 한 다음 "종료"를 클릭하여 변경 사항을 취소하십시오.