Tumblr에 HTML 편집기를 센터하는 법

Tumblr 블로그 호스팅 서비스에는 Tumblr 블로그 게시물을 만들고 편집 할 수있는 고급 블로그 게시물 편집기가 포함되어 있습니다. 게시물 편집기에는 게시물을 붙여넣고 디자인 코드 모드로 서식을 지정할 수있는 HTML 기능이 있습니다. 텍스트, 이미지, 비디오 클립 또는 기타 객체를 Tumblr의 HTML로 가운데 놓으려면 설정 메뉴에서 게시 환경 설정을 변경하고 새 게시물을 만들 때마다 Tumblr 블로그 게시물 편집기에서 HTML 모드를 사용하십시오.

Tumblr 게시 HTML 편집

1.

Tumblr 계정에 로그인하십시오.

2.

대시 보드 페이지 상단에서 블로그 이름을 클릭하십시오. 톱 메뉴의 톱니 바퀴 아이콘으로 '환경 설정'버튼을 클릭하십시오. 게시물 편집 섹션에서 "일반 텍스트 / HTML"옆의 라디오 버튼을 클릭하십시오. '설정 저장'을 클릭하십시오.

삼.

블로그 페이지 상단의 새 소식 표시 줄에서 텍스트, 사진, 오디오, 비디오, 견적, 링크 또는 채팅을 클릭하십시오.

4.

제목 필드에 게시물의 제목을 입력하십시오. 게시물 필드에 Tumblr 블로그 게시물의 텍스트, 이미지, 비디오 클립 및 기타 컨텐츠를 입력하십시오.

5.

게시물 편집기 툴바에서 'HTML'버튼을 클릭하십시오. Tumblr은 포스트 에디터를 HTML 모드로 전환합니다. 가운데에 놓을 텍스트 나 오브젝트가 포함 된 코드 섹션으로 스크롤하십시오.

6.

기존 코드 바로 앞에 입력하거나 붙여 넣으십시오. 기존 코드 바로 뒤에 입력하거나 붙여 넣으십시오. 중심 이미지의 코드는 다음 예제와 같습니다.

7.

편집 된 코드로 게시물을 업데이트하려면 녹색 '업데이트'버튼을 클릭하십시오. "글 만들기"버튼을 클릭하여 중심 요소가있는 글을 추가하십시오.

Tumblr 템플릿 HTML 편집

1.

오른쪽 메뉴의 공구 모양 아이콘을 사용하여 '모양 맞춤 설정'버튼을 클릭하십시오.

2.

왼쪽 메뉴에서 고급을 클릭하십시오. 사용자 정의 CSS 추가 (계단식 스타일 시트) 입력 상자로 스크롤하십시오.

삼.

다음 코드 줄을 상자에 붙여 넣습니다.

p {text-align : center}

상자에 CSS 코드가 이미 포함되어있는 경우이 코드를 기존 코드의 마지막 줄 뒤에 배치하십시오.

4.

녹색 '저장'버튼을 클릭하십시오. Tumblr이 모든 글을 자동으로 가운데에 올립니다.

  • Tumblr의 일부 블로그 주제는 소식을 개별적으로 가운데로 배정하는 것을 허용하지 않습니다. 블로그에 해당되는 경우 위의 두 번째 절차를 사용하여 소식을 중심으로 지정하거나 Tumblr 블로그 테마를 변경하십시오.

인기 게시물