토정선생의 비밀의 방

네이버 블로그를 하다보면

사이드에 여러가지 스티커 같이 붙어있는 위젯을 볼 수 있습니다.

일반적인 검색바나 달력등이 아닌

광고형 위젯들을 직접 만들 수 있다면?

자 그럼 제가 위젯을 만드는 비밀을 공개하도록 하겠습니다.

저는 이렇게 투박하게 만들었지만

만들기에 따라서 화려하게도 만들 수 있습니다.

아!

일단 위젯은 어떨때 쓰느냐~

하면 말이지요.

내가 광고하고픈 사이트나 광고하픈 블로그 바로가기에 주로 사용하고요.

그림으로 어떤 단체의 소속임을 나타내기도 합니다.

자 그럼 시작하기에 앞서 준비물이 필요합니다.

위젯으로 사용할 이미지가 필요합니다.

사이즈는 가로 170픽셀 x 600픽셀 입니다.

세로는 600 이하면 되는듯합니다.

(1) 이미지가 준비되었다면

요즘 핫한 3.0 버전이 아닌

(2) 이전 버전으로 포스트를 작성해주세요.

그리고 포스트에 (1) 이미지를 등록해주세요.

(3) 위젯으로 바로가기를 할 사이트 주소를 CTRL + C로 복사합니다.

(4) 포스트 내에서 이미지를 선택합니다.

이미지 주변에 사각형을 확인하시고요.

아래 그림에 파랑색 화살표로 표시된

(5) URL을 눌러줍니다.

그림처럼 해주시면 되요.

(6) 주소를 입력하는 팝업이 생성되는데 (3)에서 복사한 주소를

붙여넣기 CTRL + V 합니다.

(7) 주소를 입력한 후 적용을 누르고

우측 하단에 파랑색 화살 가르키는 HTML을 눌러주세요.

누르면

이런 소스코드가 뜨는데.

(8) HTML을 눌러서 소스코드가 나오면

글 맨앞의 <p>와

글 맨끝에 <br></p>와

그림에는 안나왔지만 &nbsp;

도 지워 주셔야합니다.

위 그림에서 파란색으로 음영처리된 부분을 지워주시면 됩니다.

(9) (8)에서 정리된 소스코드를 CTRL + A를 눌러 선택한 후

CTRL + C로 복사합니다.

그리고

굳이 위젯 자료를 공개할 필요가 없으니 비공개로 저장합니다.

자 그럼 위젯을 만들었으니 블로그에 올려야겠지요?

(10) 블로그 메인 메뉴의 관리로 들어갑니다.

(11) 레이아웃, 위젯 설정 메뉴로 들어갑니다.

(12) 우측 하단에서 위젯직접등록 BETA를 클릭합니다.

여러가지 위젯을 만들었다면 추가한 위젯들을 여기서 관리(추가/삭제)가 가능합니다.

(13) 위젯명에는 구분할 이름

위젯 코드에는 (9)에서 복사한 소스코드를 CTRL + V 붙여넣기 합니다.

붙여넣기 한 후 다음을 누르면

(14) (1)에서 준비한 이미지가 나오는데 제대로 들어갔는지 확인하고

등록을 눌러 주시면 됩니다.

(15) 좌측에 보면 위젯이 생성된걸 확인할 수 있습니다.

마우스로 드레그 하여 위치를 변경할 수 있습니다.

(16) 위치를 정하고 최종적으로 하단에 적용을 누르면

블로그에 위젯이 적용 됩니다.

(17) 이렇게 완성입니다.

어때요? 설명이 길어지긴 했지만 어렵지 않습니다.

이제 블로그에 자기만의 위젯으로 더 센스있게 꾸며보아요~

o(>_<)o