블로그홈에 SNS 링크 위젯 만들기(네이버,티스토리,블로그스팟)
블로그,유튜브,인스타그램,스마트스토어,Others(기타), 다양한 SNS를 복수로 운영함에 있어 네이버블로그, 티스토리, 블로그스팟 등 블로그홈에 SNS 링크 위젯을 활용(Link to social media)하여 각 사이트를 홍보하고 트래픽수를 증가시킬 수 있는 방안을 알아봅니다.
네이버 블로그를 중심으로 티스토리, 블로그스팟에 해당 블로그 및 유튜브 이미지를 만들어 링크하는 방법입니다.
SNS 이미지 만들기
SNS 로고 이미지 만들기는 다양한 방법이 있지만 이 번 글에서 디자인 플랫폼 미리캔버스 사이트를 활용하여 작성하는 방법을 정리합니다.
미리캔버스 사이트에 로그인 후 ① 디자인 만들기 메뉴를 클릭하고 이미지 사이즈를 직접입력으로 등록합니다.. 블로그 사이드바 등에 사용할 위젯의 크기는 ② 최대 170*170px 이므로 그 이하로 만들 수 있습니다.
③ 이미지 사이즈를 정한 후 새디자인 만들기를 클릭하면 이미지 편집 화면이 나오는데 ④ 좌측 중간 "요소" 를 선택 후 ⑤ 검색란에 SNS, 블로그 등의 검색어로 검색합니다.
이렇게 하면 다양한 SNS 관련 이미지가 나오는데 ⑥ 마음에 드는 이미지를 선택후 드래그하여 편집화면으로 이동합니다.
⑦ 텍스트 등 멀티플한 레이어로 편집할 수 있으며 ⑧ 마음에 드는 다양한 서체를 선택하고 칼라풀하게 디자인 할 수 있습니다.
⑨ 이미지 편집 종료 후 고화질로 다운로드 할 수 있으며 이러한 방법으로 블로그, 유튜브, 밴드,카카오뷰 등 블로그홈에 링크하고 싶은 사이트의 이미지를 작성합니다.
SNS 링크코드 만들기
다음은 블로그홈 사이드바 등에 링크 적용할 SNS 로고 HTML 코드 만들기입니다(네이버 블로그 기준)
네이버 블로그 글쓰기 화면 접속 후 오른쪽 상단 점 세 개를 클릭 에디터 설정 화면에서 "스마트 에디터2.0"으로 설정하고 글쓰기를 진행합니다.
① 미리캔버스에서 작성해둔 티스토리, 블로그스팟,유튜브등 로고 이미지를 불러온 후 ② 편집 메뉴에서 운영하고 있는 해당 사이트의 url 을 복사하여 붙여넣기한 후 ③ 편집기 하단 HTML 탭을 선택합니다.
④ 생성된 HTML 코드를 복사합니다.. 복사하기 전 에디터 또는 HTML 코드에서 링크할 이미지의 사이즈를 조정할 수도 있습니다.
SNS 링크 블로그 위젯 등록하기
생성한 HTML 코드를 적용할 블로그 위젯, 가젯,사이드바 등에 적용하는 과정이고 우선 네이버 블로그 위젯 설정 방법입니다.
⑤ 복사한 HTML코드를 네이버 블로그 -> 블로그구미기 -> 레이아웃.위젯설정 위젯직접등록을 클릭 후 ⑥ 복사한 HTML 코드를 붙여넣기하고 ⑦ 위젯 이름을 작성합니다.
위젯 등록 후 레이아웃 변경 적용을 클릭하면 ⑧ 과 같이 링크가 생성 되었음을 확인할 수 있습니다.
SNS링크 티스토리,블로그스팟 적용
유사한 방법으로 운영 중인 티스토리나 구글블로그인 블로그스팟에 적용하는 방법입니다
① 티스토리의 경우 블로그 관리화면 사이드바 배너출력에서 ② 해당 코드를 복사,붙여넣기 후 적용하면 되며 구글 블로그 블로그스팟의 경우 ③ 레이아웃 설정 화면에서 ④ 가젯추가 -> ⑤ HTML/자바스크립트를 선택 후 해당 코드를 붙여넣기하고 적용하면 됩니다.
Closing Ment
네이버블로그위젯등록, 티스토리사이드바 배너, 블로그스팟 가젯을 활용하여 SNS 로고 이미지로 사이트 링크하는 방법을 알아 보았습니다.
동일한 방법으로 인스타그램, 카카오뷰, 카카오스토리, 밴드 등 운영 중인 다양한 SNS를 블로그 홈에 링크할 수 있을 것이고 이를 응용하여 블로그 카데고리 등을 이미지로 적용할 수 있을 것입니다.
운영 중인 SNS 의 무한 발전을 응원 드립니다.
