Windows Live Writer 베타

위 사이트로 가면 한글판 Windows Live Writer(이후 WLW)를 다운로드 할수 있다. 아직 베타지만 예전에는 한글판이 없었는데, 이번에 한글까지 지원하는 업데이트를 발표한거 같다. Change Log같은게 없어서 무엇이 새롭게 바뀌었는지는 모르겠지만(--;) 한글지원되니 이제 범용 Blog 포스팅 툴로 거듭날 수 있을지 기대가 된다.

아래 프로그램에 대한 자세한 정보(L)링크를 확인해 보니까 머 그다지 쓸모 있는 거 같지가 않았다. 비스타에 추가된 몇가지 프로그램을 친절히 설치 할수 있도록 해 주는 것 같았다.

화면은 다 한글로 바뀌었다.
이런 그런데 Picture Post Plugin이 작동하지 않는다.(Windows Live Writer 이미지 포스트용 Plugin 사용법)
그래서 이포스트의 이미지들은 기본으로 제공되는 '사진 삽입'기능으로 tistory에 바로 올려보았다. 첫번째 설치이미지는 워터마크 효과도 줘봤는데 어떻게 적용될지... (적용안된다)
그리고 예전에 트랙백 보내는 기능이 제대로 동작하지 않았는데 이 포스트로 테스트나 한번 해봐야겠다. Windows Live Writer 이미지 포스트용 Plugin 사용법 포스트로 트랙백을 보내보았다.(아직도 트랙백보내기 안된다)

이놈을 설치하고 또다른 문제가 발생했다. 지맘데로 업그레이드한 MSN메신져에서 문자탭으로 가서 SMS문자좀 보낼려고 했더니...

Server Error in '/' Application.

이런 Runtime Error를... 제길슨... --;

BlogAPI를 이용하여 원격블로깅할 수 있는 툴을 찾아 검색하던중 MS에서 만든 공짜 원격블로깅 툴인 Windows Live Writer로 블로깅 테스트를 해보았다.

설치방법은 Windows Live Writer 설치방법 & 설정방법 포스트를 참고 하면 될 것 같다.

Windows Live Writer로 이미지 올리면 흐려지는 문제가 있다고 하던데 이 문제를 해결하는 방법을 설명한 포스트(Windows Live Writer - 이미지 깨끗하게 넣기)를 찾아보고 이리저리 흘러가다가 Windows Live Writer에도 Plugin들이 있다는 걸 알았다.

Windows Live Writer가 아직 BETA버젼임에도 불구하고, MS에서 제공하는 Plugin SDK이용한 OpenSource Plugin들이 많이 있었다.(CodePlex Windows Live Writer Plugin Search, CodePlex Windows Live Writer Plugin Home, Windows Live Writer Plugins)

그중 Flickr4Writer Plugin으로 Flickr에 올린 사진도 포스트에 포함시킬수 있다고 해서 사용해보니 이미지 흐려짐도 없이 그냥 잘 올라가는 것 같다.

테스트는 성공적...

그런데 Flickr4Writer Plugin은 단점이 있다. Flickr에 이미지를 올리지는 못한다는 거다. 아니나 다를까 그런 단점을 보안해줄수 있는 Plugin이 있었다.

Picture Post Plugin for Windows Live Writer라는 Plugin은 로컬의 이미지를 Flickr와 23hq(처음 듣는데 외국에선 유명한가?)라는 사이트에 이미지를 바로 올리고, 포스트에 올린 이미지를 추가할 수 있는 기능을 제공해 주고 있었다.

사용방법은 의외로 간단했다.

사용법 보기..

티스토리 시작부터 2차 블로그 주소 및 Google Apps설정까지

아래 링크에 마우스를 올려보면 해당 사이트의 이미지가 풍선도움말로 나타난다.

• 네이버
• 다음
• TISTORY
• 더존

그럼 어떻게 하는거냐?

우선 previewbubble.zip 파일을 다운로드 하고, 적당한 위치에 압축을 푼다.

이제 내 블로그에 적용시켜보자. 아래순서로 해주면 된다.

1. bg.png 이미지 파일을 블로그에 업로드한다.
2. previewbubble.js파일에 bubbleImagePath변수을 1번에 올린 위치로 설정해 준다.

   var bubbleImagePath = '/images/bg.png';

3. blog skin파일의 header에 다음 스크립트를 추가한다.

   <script type="text/javascript" src="previewbubble.js"></script>

4. 포스트를 작성할때 링크에 class="previewlink"를 추가한다.

   <a class="previewlink" href="http://www.naver.com">네이버</a>

앞으로 포스트 작성할때 링크를 넣을때, 미리보기 풍선도움말을 넣고 싶으면 4번작업만 해주면 된다.

TISTORY에서는 수정이 필요했다.
bubbleImagePath는 절대경로를 사용해 주어야 했고,  previewbubble.js파일을 약간 수정해 주어야 했다.

• 원본

if(window.addEventListener){

lbActions[i].attachEvent("onmouseover",attachBubble);

lbActions[i].attachEvent("onmouseout",detachBubble);

}else{

lbActions[i].attachEvent("onmouseover",attachBubble);

lbActions[i].attachEvent("onmouseout",detachBubble);

}

• 수정본

if(window.addEventListener){

/*lbActions[i].addEventListener("mouseover",attachBubble,false);

lbActions[i].addEventListener("mouseout",detachBubble,false);

*/    

lbActions[i].attachEvent("onmouseover",attachBubble);

lbActions[i].attachEvent("onmouseout",detachBubble);

}else{

lbActions[i].attachEvent("onmouseover",attachBubble);

lbActions[i].attachEvent("onmouseout",detachBubble);

}