네이버 블로그 외부 위젯 - neibeo beullogeu oebu wijes

네이버 블로그에 외부 웹사이트 링크 위젯 만들기(스마트에디터2.0)

1)이미지 편집 프로그램에서 위젯에 사용할 이미지를 제작한다. 예에서 윈도우 그림판을 사용하여 170x43 해상도의 이미지를 제작하였다.

네이버 블로그 외부 위젯 - neibeo beullogeu oebu wijes
네이버 블로그 외부 위젯 - neibeo beullogeu oebu wijes
네이버 블로그 외부 위젯 - neibeo beullogeu oebu wijes

2)네이버 블로그 글쓰기에서 제작한 이미지를 업로드한다.

네이버 블로그 외부 위젯 - neibeo beullogeu oebu wijes

3)글쓰기 영역에서 이미지를 클릭, 드래그해서 선택한후 url 아이콘을 클릭한다. 웹사이트 url을 입력하고 적용한다.

네이버 블로그 외부 위젯 - neibeo beullogeu oebu wijes

5)글쓰기 영역 하단의 html로 이동한다.

네이버 블로그 외부 위젯 - neibeo beullogeu oebu wijes

6)링크가 추가된 이미지의 html 코드를 확인할수있다. 코드를 복사한다.

네이버 블로그 외부 위젯 - neibeo beullogeu oebu wijes

7)이미지를 업로드한 글을 비공개로 저장한다.

네이버 블로그 외부 위젯 - neibeo beullogeu oebu wijes

8)네이버 블로그 관리에서 꾸미기 설정의 레이아웃, 위젯 설정 메뉴로 이동한다.

네이버 블로그 외부 위젯 - neibeo beullogeu oebu wijes

9)우측에서 블로그에 사용할수있는 위젯 목록을 확인할수있다. 하단의 위젯직접등록으로 이동한다.

네이버 블로그 외부 위젯 - neibeo beullogeu oebu wijes

10)위젯코드입력란에 이전에 복사한 코드를 붙여넣기하고 다음을 클릭한다.

네이버 블로그 외부 위젯 - neibeo beullogeu oebu wijes

11)위젯명, 미리보기를 확인하고 등록한다.

네이버 블로그 외부 위젯 - neibeo beullogeu oebu wijes

12)레이아웃에서 새로 등록한 위젯을 확인할수있다. 위젯의 위치를 설정하고 적용한다.

네이버 블로그 외부 위젯 - neibeo beullogeu oebu wijes

13)블로그에서 위젯을 확인할수있으며 클릭하면 링크된 웹사이트로 이동한다.

네이버 블로그 외부 위젯 - neibeo beullogeu oebu wijes

홈페이지형 블로그
운영하는 블로거님을 방문해 보면
블로그 메인에 걸린 위젯 카테고리 메뉴를
클릭 할때마다 새창으로 열리더군요.
여러 게시판을 드나들다 보면 상단 주소창이
새창으로 가득 넘쳐납니다
참으로 불편하다는 느낌을 많이 받았죠.

새창으로 띄우는건 외부사이트나
페이스북, 기타 sns로 연결할때
적합한 설정이지
블로그 카테고리 이동에 적용하는건
기능상 적절하지 못합니다.
새창으로 띄우고자 하시는 분은
마지막 포스트 내용에 설정법을 별도로
올려 놓겠습니다. 참고해서 보세요.

어떻게 하면 페이지를 하나로 고정을
해야할지 고민도 많이하고,
이곳저곳 광활한 사막을 헤매이다
그 넖은 사막에서 오아시스를 하나
발견하게 되었죠.

그리하야 :D
새창을 띄우지 않게 하는 방법을 알아냈고,
이 좋은 방법을 함께 공유 하고자 합니다.

먼저, 새창으로 뜨는 현상을 방지 하려면
아래 소스를 적용해 주셔야 합니다.
다소 까다로운 부분이 있지만, 그린비가  알려주는 길을 따라
천천히 걸어 오시면 목적지에 쉽게 도달 할 수 있을겁니다.

자~ 그럼 머리가 조금 아플수도 있겠지만,
최대한 빈혈을 줄여보고자 이미지를 첨부해서
상세히 설명드려 보겠습니다.
다소 부족함이 있더라도,
힘들게 캡처 하면서 작성한
그린비의 정성을 헤아려 주시면 더이상 바랄것이 없을것 같습니다.ㅎ

<body>
<img src="이미지주소" usemap="#Map"/>
<map name="Map" id="Map">
<area shape="rect" coords="0,0,170,200" href="링크주소" target="_top"/>
</map></body>

우선, PC메모장 이나 기타 저장 프로그램을 열어서 위에 소스코드를
복사해서 붙여넣으세요.
(우측 마우스 클릭이 안돼는 분들을 위하여 소스코드 파일을 첨부합니다.
다운받아서 확인해보세요)