상세 컨텐츠

본문 제목

*네이버 블로그에 위젯 만들기*

카테고리 없음

by lucychoi 2022. 9. 29. 15:39

본문

반응형

루시의 지식공장을 찾아주셔서 감사드리며 오늘은 네이버 블로그에 #위젯을 설정하는 방법에 대하여 자세히 알려드리겠습니다.

 

블로그에 설정되어 있는 위젯

#위젯을 설정하게 된 계기는 강남맛집 체험단을 신청하는데 위젯을 설정해야 당첨 확률이 높다고 하여 위젯을 설정했는데 하다보니 4개의 위젯을 설정하게 되었습니다. 

제 블로그에는 인스타그램, 티스토리 2개, 강남맛집 위젯이 설정되어 있습니다.

블로그 메인화면에 보시면 프로필에 빨간줄이 그어진 관리. 통계를 눌러주시면  아래와 같이 블로그 관리창이 나옵니다.

1번으로 기본설정 2번으로 기본에디터설정 3번 으로 스마트에디터2.0설정, 마지막 확인을 눌러주시면 됩니다.

다음 아래와 같은 창이 뜹니다.

오른쪽 상단에 블로그 글쓰기를 클릭해주시면 아래와 같이 글쓰기 창이 뜹니다.

왼쪽 상단에 사진을 클릭한 후 창이 뜨면 올리기 버튼을 눌러주신 후 미리 저장해놓은 위젯을 불러오시면 되겠습니다.

여기서 주의 할 점은 #위젯 사이즈를 알맞게 조정해 주셔야 하고 아래 그림에서 빨간 밑줄 부분을 클릭하여 수정해주시면 됩니다. 저는 파일 크기를 170으로 맞추어서 올렸습니다.

그 다음 초록색의 올리기 버튼을 눌러주세요.

그러면 아래와 같이 글쓰기 창에 이미지가 등록됩니다.

이미지를 드래그 해주신 다음 URL표시를 눌러주시면 작은 주소창이 뜹니다.URL창이 작어서 안보이시죠? 노란 얼굴표시 왼쪽에 있습니다.

비어있는 주소창에 인스타그램 주소를 입력하시고 적용을 눌러주시면 됩니다.

그리고 인스타그램이미지 아래쪽에 HTML을 클릭하시면 긴 영어 메모가 나오는데 드래그 하셔서 복사를 해주세요.

여기까지 잘 따라오셨습니다. 곧 고지에 다다르니 조금만 더 힘을 내세요.~!

다시 블로그 관리 창으로 오셔서 1.꾸미기설정 클릭하시고  왼쪽에 디자인 설정 아래에 2. 레이아웃위젯설정 을 눌러주세요.

아래와 같이 창이 뜨는데 아랫부분에 +위젯직접등록BETA 버튼을눌러주시면 되겠습니다. 

아래와 같은 창이 뜨면 위젯명을 등록해 주시고  저는 인스타그램으로 등록했습니다. 그리고 위젯코드입력에 아까 복사해두었던 영어메모를 붙여넣기 해주시고 등록을 눌러주시면 되겠습니다.

아래와 같이 #위젯이 등록 되었습니다. 등록된 위젯을 클릭하셔서 사이트로 이동이 잘 되는지 확인해주시면 되겠습니다.

하다보니 4개나 등록을 해버렸습니다.^^

여기까지 오시느라 고생들 많으셨습니다. 다음에도 알찬 정보로 꼭 찾아뵙겠습니다.~!

반응형

댓글 영역