천추의 IT 이야기

총 방문자 : , 금일 방문자 :
dawnmart@naver.com

IT 이야기/IT 단신 2015. 4. 15. 13:52

네이버 블로그 만들기의 단점으로 꼽는 것 중 하나가 확장 성이나 자유도가 약하다는 것입니다. 물론 티스토리나 워드 프레스 같은 설치 형 블로그에 비하여서는 자유도가 떨어집니다.

자유도가 떨어지는 네이버 블로그를 다른 사람의 블로그와 차별화를 줄 수 있는 것들이 있습니다. 이번에는 네이버 위젯 만들기 입니다. 이번 달에는 신규로 진행하는 브랜드 블로그가 많아서 네이버 블로그 만들기 포스팅이 풍성해지는 것 같습니다.

네이버 블로그 위젯 만들기

네이버 위젯은 약간의 포토샵을 하기면 어렵지 않기 때문에 따라하기는 데는 크게 문제가 없을 것입니다. 이번에도 수원 하늘토한의원의 네이버 블로그에 설치할 진료시간 위젯을 만들어 보겠습니다.

네이버 위젯은 기본적인 규격이 있습니다. 위젯이라고 하지만 간단하게 설명하면 링크배너라고 할 수 있습니다. 포토샵을 처음 접하시는 분들이 가장 먼저 접하는 것이 배너가 아닐까 생각을 합니다.

1. 네이버 블로그 만들기 -위젯에 쓰일 배너 이미지 만들기

네이버 위젯의 규격은 폭이 170px 입니다. 높이는 크게 문제되지 않기 때문에 폭에 맞추어 작업을 하시면 됩니다.

저는 작업의 편의를 위해서 폭을 340p로 두 배로 확대해서 작업을 했습니다.

적당히 로고나 텍스트로 완성을 하실 수 있습니다. 위젯은 html로 만들 수도 있는데 코딩보다는 이미지배너를 쓰는 것이 편합니다.

2. 네이버 블로그 만들기 - 이미지 올리기

간단하게 배너를 만들었습니다. 배너를 만든 후에는 오래된 포스팅에 이미지를 첨부 하시거나 비공개 글에 이미지를 넣으시면 됩니다.

이번에는 비공개 포스팅 하단에 이미지를 넣었습니다. 네이버 블로그에 이미지 넣은 방식으로 이미지를 넣으시면 됩니다.

오른 쪽 클릭으로 이미지의 주소를 확인 하실 수 있으니, 주소를 복사해 두시면 됩니다.

이미지의 주소를 복사하면 아래처럼 나오는 데 그대로 쓰시면 됩니다.

이미지 배너 소스

완성된 이미지 소스 주소입니다. 주소를 복사하여 위젯의 소스를 만드시면 됩니다.

3. 네이버 블로그 만들기 위젯 등록 방법

관리 > 꾸미기 설정 >디자인 > 레이아웃 위젯 설정

위젯 등록 배타서비스 클릭한 후 미리 준비한 html코드를 붙여놓고 다음을 누르시면 됩니다.

위젯 미리 보기에서 위젯의 모양을 확인 하십시오.

만들어진 위젯을 원하는 위치로 드래그 하시면 위젯 설치가 마무리됩니다.

이제 확인을 해보러 가시면 됩니다.

테두리를 만들지 않아서 조금 불안 했는데 깔끔하게 보여서 좋습니다.

TIP

이미지 사이즈를 2배인 340px으로 작업하고 보여주는 것을 140px으로 보여주게 했습니다. 덕분에 태블릿이나 HiDPI를 쓰는 환경에서는 매우 선명하게 보입니다. 물론 확대해서 볼 때도 선명해 보입니다.

일반 디자인을 하실 때 메뉴에 적용하시면 매우 선명한 메뉴를 만들 수 있습니다.

티스토리툴바