네이버 블로그를 하다보면
사이드에 여러가지 스티커 같이 붙어있는 위젯을 볼 수 있습니다.
일반적인 검색바나 달력등이 아닌
광고형 위젯들을 직접 만들 수 있다면?
자 그럼 제가 위젯을 만드는 비밀을 공개하도록 하겠습니다.
저는 이렇게 투박하게 만들었지만
만들기에 따라서 화려하게도 만들 수 있습니다.
아!
일단 위젯은 어떨때 쓰느냐~
하면 말이지요.
내가 광고하고픈 사이트나 광고하픈 블로그 바로가기에 주로 사용하고요.
그림으로 어떤 단체의 소속임을 나타내기도 합니다.
자 그럼 시작하기에 앞서 준비물이 필요합니다.
위젯으로 사용할 이미지가 필요합니다.
사이즈는 가로 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>와
그림에는 안나왔지만
도 지워 주셔야합니다.
위 그림에서 파란색으로 음영처리된 부분을 지워주시면 됩니다.
(9) (8)에서 정리된 소스코드를 CTRL + A를 눌러 선택한 후
CTRL + C로 복사합니다.
그리고
굳이 위젯 자료를 공개할 필요가 없으니 비공개로 저장합니다.
자 그럼 위젯을 만들었으니 블로그에 올려야겠지요?
(10) 블로그 메인 메뉴의 관리로 들어갑니다.
(11) 레이아웃, 위젯 설정 메뉴로 들어갑니다.
(12) 우측 하단에서 위젯직접등록 BETA를 클릭합니다.
여러가지 위젯을 만들었다면 추가한 위젯들을 여기서 관리(추가/삭제)가 가능합니다.
(13) 위젯명에는 구분할 이름
위젯 코드에는 (9)에서 복사한 소스코드를 CTRL + V 붙여넣기 합니다.
붙여넣기 한 후 다음을 누르면
(14) (1)에서 준비한 이미지가 나오는데 제대로 들어갔는지 확인하고
등록을 눌러 주시면 됩니다.
(15) 좌측에 보면 위젯이 생성된걸 확인할 수 있습니다.
마우스로 드레그 하여 위치를 변경할 수 있습니다.
(16) 위치를 정하고 최종적으로 하단에 적용을 누르면
블로그에 위젯이 적용 됩니다.
(17) 이렇게 완성입니다.
어때요? 설명이 길어지긴 했지만 어렵지 않습니다.
이제 블로그에 자기만의 위젯으로 더 센스있게 꾸며보아요~
o(>_<)o
'블로그 팁' 카테고리의 다른 글
[블로그 팁]애드센스 승인 (애드고시) (0) | 2017.07.25 |
---|---|
[블로그 팁]애드센스 소개 (0) | 2017.07.11 |
[블로그 팁]티스토리 블로그 화면멈춤 (익스플로어) (0) | 2017.03.21 |