2024ver. 네이버 블로그 위젯 만들기 / 설정하는 쉬운 방법 (위젯 코드 사용법, 사이즈)

 

 

증명사진과 프로필사진을 전문으로

촬영하는 스튜디오에서

네이버 블로그 스킨을

만들어달라는 요청을 받았습니다.

 

오랜만에 하는거라 이 자료

저 자료 많이 공부했지만,

유튜브나 블로그나

쉽게 설명해둔 포스팅을 찾기가

어려웠던지라 직접 작성하는 핵심 포인트들!

 

결과물부터 공유하자면, 

아래와 같습니다!

 

 

상단 5개의 위젯

좌측 하단에 2개의 위젯을

설정한 블로그 스킨을 제작했습니다.

 

 

홈페이지형 블로그를 제작하는데 필요한 자세한 정보는

네이버 블로그팀 블로그에서 자세하게 설명해두었으니

아래의 링크를 참고해주세요 :)

 

다만, 위젯 설정에서 어려움을

다들 겪어서 이 블로그에 들어오셨을텐데요

 

기존 네이버 블로그 글쓰기에서 사용 가능했던

이미지 등을 html로 바로 변환하는 기능이 사라졌기 때문이죠..

 

유튜브나 블로그 찾아봐도 

이해하기 어렵던 정보

제가 쉽게 풀어드리겠습니다.

 

 

 

 

 

 

 

위젯 코드

 

<a href='링크경로' target='_blank'><img src='이미지경로'></a>

 

 

위젯코드의 기본은

위 링크를 복사해서 사용하는 것입니다.

 

 

 

1.  '링크 경로'에는 내가 이동하고 싶은 링크를 넣으면 되며,

 

카테고리 주소

또는

인스타그램 주소 등을 넣는 것이 일반적입니다.

 

2.  '이미지경로'에는 내 이미지주소를 넣으면 됩니다.

 

이미지주소는

글쓰기 - 위젯 이미지 삽입 - (마우스 우클릭)이미지 주소복사

를 통해 주소를 획득하여 사용하시면 됩니다

 

ㅡㅡㅡㅡㅡㅡㅡ

 

참고하실 것은 블로그 위젯 사이즈는

가로는 170px이 최대이며, 세로는 600px이 최대입니다.

이미지 제작 시 사이즈를 지키지 않으면, 잘리게 되니 주의하세요.

 

ㅡㅡㅡㅡㅡㅡㅡ

 

저는 '링크경로' 의

작은 따옴표 사이에 링크를 넣어야하는지

아니면 작은 따옴표는 삭제해야하는지

진행하면서 아주 헷갈렸는데요.

 

막상 제가 둘 다 테스트해본 결과

어떻게 해도 상관 없습니다.

 

하지만

코드가 길어지면 헷갈리니,

작은따옴표 사이에 본인이

희망하시는 링크를 넣는 편이 

좋으실 것 같습니다.

 

 

 

반응형

 

 

빈 위젯 

<table width="170" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td width="170" height="600" /></tr></tbody></table>

 

 

홈페이지형 블로그를 제작하다보면,

스킨 사이즈가 크기 때문에, 위치 등을 조정하기 위해

공백의 위젯들을 많이 삽입해야합니다.

 

빈 위젯 또한 위 코드를 복사해서 사용하시면 됩니다

 

 

 

다만 높이 600으로 되어있는 부분은

임의대로 변경해서 사용하면 됩니다.

 

위 내용만으로도

기존에 네이버 블로그 위젯 설정을 해보셨던 분들이라면

충분히 위젯을 만드실 수 있겠지만,

 

초보자를 위한 이미지주소, 링크주소 얻는법!

 

이미지주소, 링크주소 

 

 

이미지 주소 복사 방법

 

글쓰기 - 위젯 이미지 삽입 - (마우스 우클릭)이미지 주소복사

 

글쓰기를 통해

위젯으로 만들고 싶은 이미지들을

다 넣어두고, 이미지 주소 복사 버튼을 눌러

메모장에 코드를 복사해줍니다.

 

 

 

 

링크 주소 복사 방법

 

카테고리 (마우스 우클릭) - 링크주소 복사

 

카테고리 링크를 따고 싶다면 이렇게 진행하시면 되며,

인스타그램, 카카오톡 채널 링크 등을 넣고싶으시다면,

그 주소를 가져오시면 됩니다.

 

메모장에 해당 코드들을 복사해주고,

 

 

말씀드린대로 링크경로와

이미지경로 부분에 각각 넣어주시면 됩니다.

 

홈페이지형 블로그스킨 만들기 참고 링크(네이버블로그팀 블로그)

 

https://blog.naver.com/blogpeople/220428108827

홈페이지형 블로그 스킨 설정하기