많은 웹 사이트에서 블로그에 삽입 할 수있는 위젯을 제공하여 다양한 사용자 정의 가능성을 열어줍니다. Tumblr 테마에 사이드 바가 포함 된 경우 HTML 코드 한 줄을 테마의 사이드 바 태그에 붙여 넣어 블로그 페이지에 애플리케이션을 삽입 할 수 있습니다. 위젯을 제공하는 웹 사이트는이 코드 줄을 생성 할 수 있으므로 사이드 바에 위젯을 삽입하기 위해 프로그래밍 지식이 필요하지 않습니다. Tumblr에는 검색 창이있는 HTML 편집기가 포함되어있어 사이드 바 태그를 빠르게 찾고 적절한 위치에 코드를 삽입 할 수 있습니다.
Widgetbox, ShareThis 또는 Tumblring과 같은 사이트를 방문하여 Tumblr 페이지에 추가 할 위젯을 검색하세요 (참고 자료의 링크). HTML 코드 생성 프로세스는 위젯마다 다르지만 각 사이트는 위젯 사용자 지정, 코드 생성 및 Tumblr 페이지에 코드 삽입에 대한 지침을 제공합니다. 위젯 유형에는 소셜 북마크 버튼, 음악 플레이어, 검색 엔진 등이 포함됩니다.
위젯을 선택하고 메시지가 표시되면 레이아웃, 색상 또는 글꼴과 같은 옵션을 선택합니다. 일부 위젯은 추가 설정이 필요할 수 있습니다. 예를 들어 음악 플레이어를 삽입하는 경우 코드를 생성하기 전에 재생 목록을 만드는 사이트의 지침을 따라야 할 수 있습니다. 선택한 후 "HTML 생성"또는 유사한 옵션을 클릭하고 텍스트 상자에 표시된 코드를 복사합니다.
메모장을 열고 코드를 새 텍스트 문서에 붙여 넣습니다. 문서를 저장하고 위젯 이름과 같이 나중에 쉽게 식별 할 수있는 이름을 지정합니다.
Tumblr 대시 보드를 방문하여 "톱니 바퀴"아이콘을 클릭하고 사이드 바에서 블로그를 선택하십시오. 테마 섹션에서 "사용자 지정"을 클릭 한 다음 사용자 지정 페이지에서 "HTML 편집"을 선택합니다. 블로그의 HTML 코드가 페이지에 포함 된 텍스트 편집기에서 열립니다.
메모장에서 새 텍스트 문서를 열고 Tumblr 편집기에서 새 메모장 문서로 HTML 코드를 복사합니다. 이 문서에 "Tumlbr HTML Original"과 같은 이름을 지정하면 사이드 바에 대한 변경 사항이 마음에 들지 않을 경우 나중에 빠르게 찾을 수 있습니다.
Tumblr의 HTML 편집기로 돌아가서 "Ctrl-F"를 눌러 찾기 및 바꾸기 막대를 표시합니다.이 막대는 HTML 코드 내에서 사이드 바 태그를 검색하는 데 사용할 수 있습니다. 코드의 정확한 형식은 테마마다 다를 수 있지만 모든 사이드 바 태그에이 키워드가 포함되어 있기 때문에 찾기 상자에 "사이드 바"(따옴표없이)를 입력하여 찾을 수 있습니다. 예를 들어 "사이드 바"를 검색하면 "
위젯의 HTML 코드를 사이드 바 태그 내에 붙여 넣으 되 태그의 키워드를 구분하는 꺾쇠 괄호 안에 붙여 넣지 마십시오. 코드를 삽입 한 후 사이드 바 태그는 다음 코드 스 니펫과 유사해야합니다.
생성 된 코드는 길고 복잡 할 수 있지만 사이드 바 태그에 붙여 넣기 만하면됩니다. Tumblr의 HTML 편집기가 코드 형식을 지정하기 때문에 공백과 줄 표는 중요하지 않습니다.
미리보기 창에서 변경 사항을 보려면 "미리보기 업데이트"를 클릭하십시오. 위젯이 원하는대로 표시되면 "저장"을 클릭하고 HTML 편집기를 닫습니다. 위젯의 측면을 변경하려면 변경된 코드를 5 단계에서 저장 한 원래 코드로 바꾸십시오. 위젯 생성 페이지로 돌아가서 원하는 옵션을 선택한 다음 코드를 다시 생성하십시오. 새로 생성 된 코드로 코드 삽입 프로세스를 반복합니다.
팁
여러 사이드 바 위젯을 삽입하는 경우 사이드 바에 표시 할 순서대로 붙여 넣으십시오.
