Tumblr 블로그에 소셜 미디어 버튼을 추가하는 방법

07 년 1 월

Tumblr 블로그 만들기에 가입하기

Tumblr 블로그를 아직 만들지 않았다면 가장 먼저해야 할 일은 Tumblr.com에 방문하여 이메일 주소, 비밀번호 및 원하는 블로그 URL을 입력하라는 메시지가 표시되는 것입니다.

Tumblr 계정을 가진 사람은 특정 블로그 게시물의 '좋아요'버튼 또는 'Reblog'버튼을 눌러 다른 사용자와 콘텐츠를 공유 할 수 있습니다. 이 내장 버튼을 사용하면 누구나 Tumblr 네트워크의 가상 벽 안에서 콘텐츠를 공유 할 수 있습니다. 그러나 Facebook , Twitter , Google+ 또는 StumbleUpon과 같은 다른 주요 소셜 미디어 사이트에서 콘텐츠를 공유 할 수있는 유연성을 제공하지는 않습니다.

Tumblr 블로그에 공유 버튼을 추가하려면 Tumblr 블로그 템플릿에 일부 코드를 복사하여 붙여 넣어야합니다. 테마 HTML 문서의 오른쪽 섹션에 단 한 줄의 코드를 추가하면 이전에 게시 된 각 블로그 게시물 및 향후 모든 블로그 게시물 아래에 소셜 미디어 버튼이 자동으로 배치됩니다.

07 년 2 월

소셜 미디어 버튼 선택

블로그에 올릴 수있는 가장 일반적인 소셜 미디어 버튼에는 페이스 북의 "Like"버튼과 공식 트위터 "Tweet"버튼이 있지만 Digg 버튼, Reddit 버튼, StumbleUpon 버튼, Google+ 버튼, 맛있는 단추 또는 원하는 다른 소셜 미디어 버튼을 클릭하십시오.

블로그에 너무 많은 버튼을 포함시키지 마십시오. 게시물의 모양이 복잡해 보이고 콘텐츠를 공유하려는 독자에게 혼란을 줄 수 있기 때문입니다. 각 블로그 게시물 아래에 최대 5 ~ 6 개의 소셜 미디어 버튼을 배치하는 것을 고려하십시오.

03 / 07

각 버튼의 코드 찾기 및 사용자 정의

대부분의 소셜 네트워크 에는 블로그 나 웹 사이트에서 자신의 공유 버튼을 설치하고 사용자 정의하는 방법을 사용자에게 보여주는 전용 페이지가 있습니다. 원하는 정보를 찾는 데 어려움이 있으면 원하는 검색 엔진에 "[소셜 네트워크 이름] 버튼 코드"를 입력하고 [소셜 네트워크 이름]을 사이트 이름으로 바꿉니다. 예를 들어 "트위터 버튼 코드"를 검색하면 첫 번째 검색 결과 중 하나가 트위터 웹 사이트의 공식 트윗 버튼 페이지 여야합니다.

일부 소셜 네트워크를 사용하면 단추 크기, 제목 제목, URL 구조 , 공유 개수 옵션 및 언어 설정 변경 등 버튼에 맞게 사용자 정의 할 수 있습니다. 모든 소셜 네트워크가 사용자 정의 버튼 생성을 포함하는 것은 아니지만 그렇게하는 경우 코드 설정은 설정 방법에 따라 변경됩니다.

04 / 07

Tumblr 테마 문서에 액세스

Tumblr 대시 보드에는 "테마"라는 제목의 옵션이 있습니다.이 옵션을 클릭하면 열 때 클릭하면 테마 코드가 표시됩니다. 코드를 클릭 한 직후에 표시되는 코드가 보이지 않으면 창의 아래쪽에있는 "사용자 정의 HTML 사용"버튼을 클릭하십시오.

HTML, PHP, JavaScript 및 기타 컴퓨터 코드 작업에 익숙하지 않은 개인은이 섹션을보고 협박을 느낄 수 있습니다. 기억해야 할 중요한 점은 새로운 코드를 전혀 작성하지 않는다는 것입니다. 테마 코드 안에 버튼 코드를 넣기 만하면됩니다.

07 년 5 월

테마 문서를 통한 검색

읽을 수있는 코드 줄은 {/ block : Posts} 이며 블로그 게시물 의 끝 부분을 나타내며 일반적으로 Tumblr 테마에 따라 테마 문서의 맨 아래 부분에서 찾을 수 있습니다. 사용하고 있습니다. 이 코드 행을 탐색하기 만하면이 코드 행을 찾는 데 어려움이있는 경우 Ctrl + F 파인더 기능을 사용해보십시오.

키보드의 제어 버튼과 문자 "F"버튼을 동시에 눌러 파인더 입력을 불러옵니다. '{/ block : Posts}'를 입력하고 검색을 클릭하면 코드 줄을 빠르게 찾을 수 있습니다.

• 어떤 웹 사이트에 페이스 북처럼 버튼을 추가하는 방법

07 년 6 월

테마 코드에 단추 코드 붙여 넣기

작성한 사용자 정의 된 단추 코드를 복사하여 {/ block : Posts} 라는 코드 행 앞에 직접 붙여 넣으십시오. 이렇게하면 블로그 주제마다 모든 단일 블로그 게시물 하단에 소셜 미디어 버튼이 표시됩니다.

07 년 7 월

Tumblr 블로그 테스트하기

당신은 재미있는 부분을 만들었습니다. 테마 문서 안에 버튼 코드를 올바르게 배치했다면 Tumblr 블로그는 각 개별 게시물 하단에 선택한 공유 버튼을 표시해야합니다. 다른 소셜 미디어 네트워크에서 Tumblr 소식을 쉽게 공유하려면 해당 아이콘을 클릭하십시오.

팁 :

• 블로그 테마를 새로운 테마로 바꿀 때마다 테마 코드 안에 버튼 코드를 붙여 넣으십시오. 테마를 변경해도 이전에 붙여 넣은 코드는 새 테마 문서로 전송되지 않습니다.
• 블로그 에 두 개 이상의 소셜 미디어 버튼을 배치 할 때 버튼 코드의 두 가지 스 니펫 사이에 공백이나 줄 바꿈이 없어야합니다. 이렇게하면 여러 단추가 서로 다른 행에 세로로 표시되는 것과는 대조적으로 서로 옆에 가로로 표시됩니다.