블로그 위젯 만드는 방법 및 설치 방법
블로그를 10년 동안 운영하면서 위젯은 켜지 않았는데요.활동하는 서포터즈나 카페 위젯을 설치하고 자기 분야에 관한 위젯을 달아놓는 게 전문성이 있어 보이기도 하고, 블 관리도 잘 되는 느낌이 든다고 많은 전문가들이 말했습니다.그래서 최근에 저희 곰가족 블로그도 체험단 홈페이지 배너도 달고 인플루언서 홈링크로 위젯에 설치해 놓았습니다.
블로그 위젯 설치에 필요한 것은?우선 배너 사이즈의 사진이 필요합니다.링크를 걸 주소가 있어야 합니다.그리고 HTML이 필요합니다.만드는 방법과 설치 방법을 이하에서 설명합니다.
먼저 HTML을 알기 위해서는 블로그 작성을 스마트 에디터 ONE이 아닌 스마트 에디터 2.0이 필요합니다.따라서 라이팅 모드로 들어가 설정에서 스마트 에디터 2.0으로 설정을 변경합니다.작문 모드로 변경하셔도 되지만 블로그 관리에서 설정 변경을 하셔도 됩니다.
스마트 에디터 2.0에서는 글쓰기 영역 아래에 Editor 영역과 html 영역이 생깁니다.에디터 영역에서 사진을 읽고, 걸고 싶은 링크 주소를 걸 생각입니다.
블로그 위젯의 사이즈는?
미리 배너 사진을 편집해 두어도 되지만, 라이팅 모드로 사진 편집을 하셔도 됩니다.먼저 사진을 읽고 편집을 통해 사이즈는 가로는 무조건 170픽셀, 세로는 최대 600픽셀까지 다양하게 원하는 형태로 설정할 수 있습니다.
그런 다음 가져온 사진을 드래그해서 링크를 걸면 되기 때문에 링크는 url이라고 써있는 아이콘을 누르면 사진에 직접 링크가 걸려요.
부른 사진에 링크까지 걸어두면 HTML 버전으로 이동하면 좋겠는데요.
링크가 걸려 있는 사진의 HTML을 확보할 수 있습니다.이것을 드래그해서 복사해 두세요.
블로그 위젯 설치 방법
블로그 관리로 이동하여 인스톨 해 보겠습니다.관리로 꾸미는 설정 – 레이아웃, 위젯 설정에 들어가야 합니다.
레이아웃, 위젯 설정 오른쪽 하단에 보시면 직접 등록 아이콘이 있습니다.이 아이콘을 클릭하여 위젯 이름을 지정하고 아까 복사해둔 HTML을 입력하세요.
그 후, 원하는 대로 레이아웃 위치를 조정해 주세요.저장하면 끝!
저는 블로그 메인 프롤로그 화면에 위젯을 달아놓는 게 별로 마음에 들지 않았는데 인플루언서홈과 주로 이용하는 체험단 사이트, 그리고 운영하지는 않지만 인스타그램 링크 하나 걸어놓으니 그래도 뭔가 활동적으로 SNS를 하는 느낌이 들었습니다.확실히 더 관리하는 느낌이 들어요.
기존에 위젯을 설치하는 방법을 몰랐던 분위기젯을 만드는 방법을 모르셨던 분들 HTML을 만드는 방법을 모르셨던 분들께 도움이 되었으면 좋겠습니다.
