블로그 위젯 만드는 법 및 설치 방법, HTML 만드는 법

블로그 위젯 작성 방법 및 설치 방법

블로그를 10년 동안 운영해 왔기 때문에 위젯은 켜지 않았습니다.

활동하는 서포터즈나 카페 위젯을 설치하고 자기 분야와 관련된 위젯을 달아두는 것이 더 전문성이 있어 보이기도 하고, 불 관리도 잘 되어 있는 느낌이 든다고 많은 전문가들이 이야기했습니다.

그래서 최근에 저희 곰가족 블로그도 체험단 홈페이지 배너도 달고 인플루언서 홈링크에서 위젯으로 설치해놨어요.

블로그 위젯 설치에 필요한 것은?우선 배너 사이즈 사진이 필요합니다.

링크를 걸 주소가 필요합니다.

HTML이 필요합니다.

만드는 방법과 설치 방법을 이하에서 설명합니다.

우선 HTML을 알기 위해서는 블로그 글을 스마트 에디터 ONE이 아닌 스마트 에디터 2.0이 필요합니다.

따라서 글쓰기 모드로 들어가셔서 설정에서 스마트 에디터 2.0으로 설정을 변경하시면 됩니다.

글쓰기 모드로 변경하셔도 되지만 블로그 관리로 설정을 변경하셔도 됩니다.

스마트 에디터 2.0에서는 글쓰기 영역 아래에 Editor 영역과 html 영역이 생깁니다.

편집기 영역에서 사진을 불러오고, 걸고 싶은 링크 주소를 걸어요.

블로그 위젯 크기는요?

미리 배너 사진을 편집해 두셔도 되지만 글쓰기 모드로 사진 편집을 하셔도 됩니다.

일단 사진을 읽고 편집을 통해 크기는 가로는 무조건 170픽셀, 세로는 최대 600픽셀까지 다양하게 원하는 형태로 설정할 수 있습니다.

그런 다음 가져온 사진을 드래그하여 링크를 걸어주세요.링크는 url이라고 적혀있는 아이콘을 클릭하면 사진에 직접 링크가 걸려요.

가져온 사진에 링크까지 걸어두면 HTML 버전으로 이동하면 되는데요.

링크가 걸려 있는 사진의 HTML을 확보할 수 있습니다.

이것을 드래그해서 복사해 두세요.

블로그 위젯 설치 방법

이제 블로그 관리로 이동하여 설치해보겠습니다.

관리에서 데코레이션 설정 – 레이아웃, 위젯 설정에 들어가야 합니다.

레이아웃 위젯 설정 오른쪽 하단에 보시면 직접 등록 아이콘이 있습니다.

이 아이콘을 클릭하여 위젯 이름을 지정하고 방금 복사해 둔 HTML을 입력하십시오.

그런 다음 원하는 대로 레이아웃 위치를 조정하세요.저장하면 끝!

저는 블로그 메인 프롤로그 화면에 위젯을 달아놓는 게 별로 마음에 들지 않았는데 인플루언서홈과 주로 이용하는 체험단 사이트, 그리고 운영하지는 않지만 인스타그램 링크를 하나 걸어두면 그래도 뭔가 활동적으로 SNS를 하는 느낌이 들었어요.확실히 조금 더 관리하는 느낌이 들어요.

그동안 위젯 설치 방법을 몰랐던 분위기젯 만드는 법을 모르셨던 분, HTML 생성 방법을 모르셨던 분들에게 도움이 되었으면 좋겠습니다.