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

블로그 위젯 만드는 방법과 설치 방법

블로그를 10년 동안 운영하다 보니 위젯은 못 달았는데활동하는서포터즈나카페의위젯을설치해서자기분야와관련된위젯을만드는것이전문성있어보이고블관리도잘하고있다고많은전문가들이이야기했습니다.그래서 최근 우리 곰 가족 블로그도 체험단 홈페이지 배너도 달아 인플루언서 홈링크 로위젯으로 설치해 두었습니다.

블로그 위젯 설치에 필요한 것은?일단 배너 사이즈 사진이 필요해요.링크 걸 주소가 있어야 해요.HTML 이 필요합니다.만드는 방법과 설치 방법을 아래에 설명드리겠습니다.

먼저 HTML을 알기 위해서는 블로그 쓰기를 스마트 에디터 ONE이 아닌 스마트 에디터 2.0이 있어야 됩니다.따라서 글쓰기 모드로 들어가셔서 설정에서 스마트 에디터 2.0으로 설정을 변경하시면 됩니다.쓰기 모드로 변경해도 되지만 블로그 관리에서 설정을 변경하셔도 됩니다.

스마트 에디터 2.0에서는 글쓰기 영역 아래에 Editor 영역과 html 영역이 생깁니다.에디터 영역에서 사진을 읽고 쓰고 싶은 링크 주소를 씁니다.

블로그 위젯 사이즈는?

미리 배너 짤을 편집해 놓으셔도 되지만 글쓰기 모드로 짤 편집을 하셔도 됩니다.일단 사진을 읽고 편집을 통해서 사이즈는 가로는 무조건 170픽셀, 세로는 최대 600픽셀까지 다양하게 원하는 대로 설정할 수 있습니다.

그리고 불러온 사진을 드래그해서 링크를 걸면 되는데 링크는 url이라고 적혀있는 아이콘을 클릭하면 사진에 직접 링크가 걸 수 있습니다.

가져온 사진에 링크까지 걸어두면 HTML 버전으로 이동하면 됩니다.

링크가 걸려 있는 사진의 HTML을 확보할 수 있습니다.이것을 드래그해서 복사해 두세요.

블로그 위젯 설치 방법

그러면 블로그 관리로 이동해서 설치를 해보도록 하겠습니다관리로 데코레이션 설정 레이아웃, 위젯 설정으로 들어가야 합니다.

레이아웃, 위젯 설정의 오른쪽 하단에 보면 직접 등록 아이콘이 있습니다.이 아이콘을 클릭해서 위젯이름을 지정을 하시고, 조금 전에 복사를 해놨던 HTML을 입력을 하시면 됩니다.

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

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

그동안 위젯 설치 방법을 몰랐던 분위기젯 만드는 법을 모르셨던 분들 HTML 생성 방법을 모르셨던 분들이 유용하게 쓰시길 바랍니다.

error: Content is protected !!