Tumblr에 Blogroll을 추가하는 방법

Kalalalani, Prologue 또는 Vignetti와 같은 Tumblr 테마를 사용하면 템플릿에 몇 줄의 사용자 지정 코드를 추가하여 사이드 바에 직접 블로그 롤과 같은 목록을 추가 할 수 있습니다. 그러나 테마가 사이드 바를 지원하지 않는 경우에도 개인적으로 팔로우하고 다른 사람들과 공유하려는 모든 블로그가 포함 된 새 Tumblr 페이지를 만들어 블로그 롤을 추가 할 수 있습니다.

테마 사이드 바에 Blogroll 추가

Tumblr 계정에 로그인하고 "사용자 지정"을 클릭 한 다음 "HTML 편집"을 선택합니다.

테마의 사이드 바가 포함 된 섹션을 찾을 때까지 HTML 코드를 스크롤하십시오. 예를 들어, Kalalalani 테마의 사이드 바는 "

    "및"로 끝남
."

"위에 빈 줄을 삽입하십시오."태그를 추가하여 추가 HTML 코드를위한 공간을 만듭니다.

새로운 "

  • 다른 목록 항목을 추가하기 위해 만든 빈 줄에 "태그를 입력합니다. Tumblr의 편집기가 자동으로 닫는 태그를 추가합니다.

    "사이의 삽입 지점에"Blogroll "을 입력합니다.

  • "및"
  • "태그를 사용하여 사이드 바의 blogroll 섹션에 대한 레이블을 만듭니다.

    사이드 바에 "Blogroll"텍스트가 나타나는지 확인하려면 "미리보기 업데이트"를 클릭하십시오. 일부 테마는 새 텍스트를 표시하기 위해 추가 CSS 코드가 필요합니다. 예를 들어 "Blogroll"을 Kalalani 테마에 표시하려면 "

  • "태그를 다음 코드로 지정하면 레이블 텍스트의 색상이 흰색으로 변경됩니다.

  • ""태그를 입력 한 다음"Enter "키를 눌러 blogroll 링크를위한 빈 줄을 만듭니다.

    첫 번째 blogroll 링크를 포함 할 목록 항목의 HTML 코드를 입력합니다. 예를 들어 blogroll 레이블 아래에 다음 줄을 입력합니다.

  • 편집기는 입력 할 때 닫는 태그를 자동으로 추가하므로 코드는 다음과 같습니다.

  • HTML 코드를 입력하여 "안에 첫 번째 블로그의 URL을 추가하십시오."태그. 예를 들어 첫 번째 블로그에"http://myfavoriteblog.com "이라는 URL이있는 경우 코드는 다음과 유사해야합니다.

  • "앞을 클릭하십시오."태그를 입력 한 다음 첫 번째 블로그의 이름을 입력합니다. 예를 들어 블로그 이름이"My Favorite Blog "인 경우 코드는 다음 줄과 유사해야합니다.

  • 내가 좋아하는 블로그
  • 변경 사항을 보려면 "미리보기 업데이트"를 클릭하십시오.

    CSS 코드를 추가하여 첫 번째 블로그 이름의 크기를 줄이십시오. 예를 들어 Kalalalani 테마를 사용하는 경우 글꼴 크기를 약 10 픽셀로 변경합니다. 조정 된 코드는 다음과 같아야합니다.

  • 내가 좋아하는 블로그
  • 변경 사항을 보려면 "미리보기 업데이트"를 클릭하십시오. 블로그를 추가하기위한 예로 만든 첫 번째 blogroll 링크를 사용합니다.

    변경 사항을 영구적으로 적용하려면 "저장"을 클릭하십시오.

    Blogroll 페이지 추가

    사용자 정의 패널에서 뒤로 화살표를 클릭 한 다음 "페이지 추가"버튼을 클릭합니다.

    새 페이지의 URL을 완성하려면 이름을 입력하십시오. 예를 들어 Tumblr URL이 "goodblog.tumblr.com"인 경우 완성 된 URL은 다음 줄과 같아야합니다.

    goodblog.tumblr.com/blogroll

    블로그 롤 페이지의 제목을 입력 한 다음 "이 페이지에 대한 링크 표시"토글 스위치를 클릭하여 켭니다.

    편집 상자에 첫 번째 블로그 이름을 입력합니다.

    블로그 이름을 선택한 다음 "링크 삽입 / 편집"버튼을 클릭합니다.

    "링크 URL"이라고 표시된 입력 상자에 블로그 URL을 입력하고 "링크 삽입"버튼을 클릭 한 다음 "저장"을 클릭합니다.

    경고

    테마 변경은 Tumblr의 미리보기 창이나 웹 브라우저에서 괜찮아 보일 수 있지만, 다른 브라우저 나 모바일 장치를 사용하는 방문자는 항목이 제자리에 없거나 왜곡되어 보일 수 있습니다. 가능한 한 다양한 브라우저와 하드웨어 플랫폼을 사용하여 Tumblr 블로그를 확인하여 사이트가 항상 의도 한대로 보이도록하십시오.