Please Enable JavaScript!
Gon[ Enable JavaScript ]

네이버 블로그 사용자가 만든 배너, 위젯 등록하는 방법

인터넷/네이버
반응형

네이버 블로그 사용자가 만든 배너, 위젯 등록하는 방법

 

블로그를 이용하다 보면 사이드바에 배너나 위젯을 만들어서 붙이게 됩니다. 광고나 소셜 계정에 대한 링크 등을 올리게 됩니다. 이때 이미지는 있는데 링크를 어떻게 달지 고민하시는 분들이 있죠. HTML 을 아시는 분들은 어렵지 않지만 생소하신 분들도 많이 있을 겁니다. 이런 분들을 위해 배너 이미지만 있으면 쉽게 만들 수 있는 방법을 알려 드리겠습니다.

 

먼저 포스트쓰기에서 배너로 사용할 이미지를 올릴 후 링크를 걸어 보겠습니다. 스마트에디터로 가기 위해 프로필란에 있는 [포스트쓰기] 메뉴를 클릭합니다. 

네이버 블로그 사용자가 만든 배너, 위젯 등록하는 방법

 

포스트를 작성할 때 쓰이는 스마트에디터 상단에 [사진] 아이콘을 클릭합니다. 그럼 네이버 사진 업로드 팝업창이 뜨죠. 여기에 배너 이미지를 올리시면 됩니다. 이미지를 올린 다음 사이드바의 크기에 맞게 조절해야 되므로 배너의 가로 사이즈를 알아야 합니다.

네이버 블로그 사용자가 만든 배너, 위젯 등록하는 방법


일반적으로 배너 사이즈는 170px 입니다. 여기에 맞춰서 조절하지 않으면 이미지가 깨지겠죠. 물론 가로 170 에 맞게 만들어서 올려도 됩니다. 하지만 맞추지 않았더라도 이미지 업로더 팝업창에서 조절하시면 됩니다.

네이버 블로그 사용자가 만든 배너, 위젯 등록하는 방법

 

사이드바의 크기를 알았으니 이미지를 조절해야겠죠. 팝업창에서 조절할 이미지를 선택한 뒤 오른쪽 박스에 가로 크기를 170 으로 입력합니다.

네이버 블로그 사용자가 만든 배너, 위젯 등록하는 방법

 

이렇게 이미지 크기를 사이드바 크기에 맞추고 이미지를 포스팅 란에 올립니다. 다음은 링크 주소를 입력해야겠죠. 스마트에디터 상단에 보시면 URL 아이콘이 보일 겁니다. 이미지나 텍스트에 링크를 걸 때 사용하죠. 클릭해서 팝업창에 배너를 클릭했을 때 이동하고 싶은 URL 을 입력하고 확인을 누릅니다.

네이버 블로그 사용자가 만든 배너, 위젯 등록하는 방법

 

링크배너는 완성이 되었습니다. 이제 완성된 배너를 붙여넣기 위해서는 HTML 소스를 알아야 합니다. 배너만 들어가 있는 포스팅 페이지에서 하단에 HTML 탭을 누릅니다.

네이버 블로그 사용자가 만든 배너, 위젯 등록하는 방법

 

HTML 에디터에 보시면 이미지가 사라지고 이상한 코드만 보이죠. 이것이 웹 페이지에 화면을 구성할 때 쓰이는 HTML 입니다. 간단하게 설명하자면 <A href></href> 는 링크를 담당하는 코드입니다. href 태그안에 URL 이 들어가 있겠죠. 그리고 href 중간에 들어가 있는 것이 이미지인데 <IMG> 태그를 사용합니다. 이렇게 태그 몇 개만 알고 있으면 직접 링크 배너를 만들 수도 있습니다.

네이버 블로그 사용자가 만든 배너, 위젯 등록하는 방법

 

다음은 복사한 HTML 코드를 붙여넣기 위해서 관리자의 [레이아웃,위젯 설정] 페이지로 이동합니다. 페이지 오른쪽에 보시면 박스가 있는데 아래로 내려가시면 [위젯직접등록] 버튼을 볼 수 있습니다. 클릭해서 등록 팝업창을 띄웁니다.

네이버 블로그 사용자가 만든 배너, 위젯 등록하는 방법

 

위젯 직접 등록 팝업창에는 HTML 코드를 붙여넣기 할 수 있는 공간이 있습니다. 위젯명과 위젯코드입력란에 붙여넣기 한 후 확인을 누릅니다.

네이버 블로그 사용자가 만든 배너, 위젯 등록하는 방법

 

다음은 사이즈를 조절할 수 있는 미리보기 화면으로 이동합니다. 이곳에서 크기가 적당한지 확인하고 하단에 있는 [등록] 을 클릭해서 배너등록을 완료합니다.

네이버 블로그 사용자가 만든 배너, 위젯 등록하는 방법

 

페이지로 가시면 사이드바 끝에 배너가 위치해 있는 것을 알 수 있습니다. 배너는 레이아웃,위젯 설정 페이지로 가서 추가한 위젯 박스를 움직이시면 위치를 변경할 수 있습니다. 이상으로 HTML 을 몰라도 배너를 쉽게 등록하는 방법에 대해 알아보았습니다.

네이버 블로그 사용자가 만든 배너, 위젯 등록하는 방법

 


반응형
Posted by 녹두장군1
,