태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

Search Results for '빵원짜리 팁'

66 POSTS

  1. 2007/12/01 카스퍼스키 안티 바이러스 7, 3개월 무료 이용권 (처음 사용자용)
  2. 2007/11/29 Bonjour Service 다시 한 번 알아보자.
  3. 2007/11/29 판도라동영상 OpenAPI 사용후기 (1)
  4. 2007/11/27 왜임마 사용하기 #1 (2)
  5. 2007/11/25 웹페이지 동영상 주소 알아내기
  6. 2007/11/25 웹에서 이미지 편집하기
  7. 2007/11/25 마우스 제스처 어떻게 사용하시나요?
  8. 2007/11/25 내 블로그에 Add to Diigo를 넣어보자 (2)
  9. 2007/11/22 DIV 에 마우스 오버 시 색상 바꾸기
  10. 2007/11/22 내 블로그에 검색용 애드센스를 삽입하자 (1)
  11. 2007/11/22 IE와 FF에서 달리 보이는 png
  12. 2007/11/21 ncloudblog님의 스킨 날짜 부분 따라하기 (1)
  13. 2007/11/21 아이튠즈를 업데이트 후 실행이 안될 때
  14. 2007/11/20 IE Toy가 다시 부활했다.
  15. 2007/11/20 Daum 캘린더, 이런 기능 어떨까? (2)
  16. 2007/11/20 Windows 고전(흑) 테마
  17. 2007/11/20 Daum 캘린더로 수능 일정 공유해요! (2)
  18. 2007/11/18 BlogAPI를 이용해서 제로보드XE에 글 올리기
  19. 2007/11/18 Windows Live Writer 사용해보기
  20. 2007/11/18 홈페이지나 블로그에 MSN 대화창 삽입하기 혹은 MSN 로그인 상태 보여주기
  21. 2007/11/13 구글 애드센스 컨설팅 - 하데스님의 블로그 구글 애드센스 최적화 가이드 편
  22. 2007/11/12 파이어폭스 추천 확장기능
  23. 2007/11/12 MP3 무제한 다운로드 송사리 (3)
  24. 2007/11/09 입력폼과 이미지폼의 정렬은 어떻게 맞추나요?
  25. 2007/11/09 쥬크온 1분 제한 제거 패치
  26. 2007/11/08 윈도를 빠르게 끄자.
  27. 2007/11/08 내 티스토리에 인기글 목록을 달아보자
  28. 2007/11/08 각 블로그 포스팅에 대한 조회수를 설정해보자.
  29. 2007/11/07 오픈아이디, 내 도메인으로도 활용 가능할까?
  30. 2007/11/06 Quick Search?
http://www.kaspersky.co.kr/event/kaspersky_down.php

유진 카스퍼스키 방한 기념으로 3개월 무료 이용권을 준다네요.
홍보 동영상을 보시면 받을 수 있습니다.

… 만, 저 페이지로 들어가서 동영상 보기 누른 다음 뒤로가기 눌러서 리프레시 하면 그냥 나오네요. 쿠키만 있으면 되나 봅니다 [..]

6.0보다 몇배는 가벼워진 것 같으니, 혹시 6.0 구매해서 사용하시던 분 있으면 얼른 7.0으로 업그레이드하세요.. (무료로 업그레이드 받을 수 있어요.)
http://www.kaspersky.co.kr/event/kaspersky_down.php

유진 카스퍼스키 방한 기념으로 3개월 무료 이용권을 준다네요. 홍보 동영상을 보시면 받을 수 있습니다. … 만,
저 페이지로 들어가서 동영상 보기 누른 다음 뒤로가기 눌러서 리프레시 하면 그냥 나오네요.
쿠키만 있으면 되나 봅니다

6.0보다 몇배는 가벼워진 것 같으니, 혹시 6.0 구매해서 사용하시던 분 있으면 얼른 7.0으로 업그레이드하세요..
(무료로 업그레이드 받을 수 있어요.)
이올린에 북마크하기(0) 이올린에 추천하기(0)

TRACKBACK URL : http://blog.eond.com/trackback/2511024 관련글 쓰기

Bonjour Service 다시 한 번 알아보자.

PUBLISHED 2007/11/29 19:11
POSTED IN 빵원짜리 팁
얼마 전 윈도우 서비스를 정리하고나서 Extension Suitcase가 실행이 안되는 겁니다.
왜 그런가 싶어 Extension 폴더를 열어보니 Bonjour 폴더가 있는 게 아니겠어요.

얼마 전에 지웠는데 잘못 이동시켰나 싶었는데, Suitcase와 Bonjour 서비스가 관련이 있네요.




mDNSResponder.exe를 다시 실행시키고 Suitcase를 실행해봐도 안되고,
Bonjour를 원래 디렉토리인 Program Files 아래에 두고 Suitcase를 실행해바도 안되길래

윈도우 서비스 항목인 Bonjour Service를 시작시켜준 뒤에 Suitcase를 실행하니깐
Suitcase가 실행이 되네요.

Bonjour 서비스는 Adobe사 말고 Extension Suitcase를 실행시키는데도 필요한 서비스인가봅니다.;;
이올린에 북마크하기(0) 이올린에 추천하기(0)

TRACKBACK URL : http://blog.eond.com/trackback/2511015 관련글 쓰기

판도라동영상 OpenAPI 사용후기

PUBLISHED 2007/11/29 17:47
POSTED IN 빵원짜리 팁

이 글은 홈페이지(http://eond.com/eond/120538)에 게재된 글을 가져온 것입니다.




Simulz님께서 공개하신 판도라 동영상 삽입 컴포넌트를 설치했습니다.
판도라동영상삽입 컴포너트의 경우, 기존에 IE7 이외의 브라우저에서 오류가 발생했는데,
판도라 측에서 수정했는지 다른 문제점이 보이지 않더군요. 그래서 설치를 하게 되었습니다.
또 다른 문제로 Firefox(파이어폭스)에서 동영상 재생과 등록이 되지 않는 문제(오프너를 찾는 스크립트 문제)가
있었는데 이것 역시 판도라측에서 파이어폭스 사용자에 대해서 수용한 듯 하네요. :)



글쓰기에서 동영상을 삽입하는 방법

1. 글쓰기 화면에서 [판도라 동영상 아이콘 이미지] 아이콘을 누르면 팝업창으로 컴포넌트 창이 열리고, 또 팝업창으로 동영상 삽입창이 열립니다.
2. 동영상 업로드 후에 썸네일을 선택한 다음 판도라 창을 닫으면, 에디터에 삽입이 되고 컴포넌트 창이 자동 종료 됩니다.
3. 컴포넌트 창은 동영상을 에디터에 삽입하기 위한 임시 창이므로 동영상 업로드 작업이 완료 된 후에 종료되어야 합니다.




설치방법

1. 제로보드XE 에디터 컴포넌트 자료실에서 판도라 동영상 삽입 컴포넌트를 다운받습니다.
2. 다운로드 받은 파일은 제로보드XE 디렉토리의 다음 위치에 압축을 풀어 넣어줍니다.
   modules/editor/components/pandora_tv
3. 판도라 사이트에서 OpenAPI 키를 얻어야 합니다.
   http://interface.pandora.tv/?mode=form
인증키 : 1r1q9v6o3v1x5j2r6r7
4. 다운받은 pandora_tv.zip 파일 중에서 popup.js 파일을 열고 1)OpenAPI key, 2)판도라 userID 값을 입력합니다.
   또, returnPath 값의 pandora_result_utf.php 파일의 3)URL절대경로를 사용자 사이트의 주소로 변경합니다.
   (pandora_result_utf.php 파일을 xe 컴포넌트 폴더가 아닌 다른 곳에 복사하여 경로를 짧게 하셔도 됩니다.)
5. 관리자모드에 접속하여 에디터 관리자에서 추가한 컴포넌트를 활성화합니다.

http://www.zeroboard.com/15832710



사용기 #1 Firefox에서 재생해보기

첫번 째 올린 영상은 첨에 게시판에서 업로드하고 잘 안되서 직접 판도라 홈페이지 가서 동영상 퍼가기 소스를 붙여넣은 것이고,
두번 째 영상은 위 방법으로 올려놓고보니 같이 재생이 되서 비교차 그냥 같이 올려봤습니다.

사용한 소스를 보면 조금 다릅니다.


1)번의 소스 : 판도라 홈페이지에서 퍼오기한 소스

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" id="id_EB501F27A315CC8D98110010083266" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" align="middle" height="361" width="448">
   <param name="quality" value="high">
   <param name="movie" value="http://flvr.pandora.tv/flv2pan/flvmovie.dll?ch_userid=ja14k&amp;url=EB501F27A315CC8D98110010083266&amp;Partner=ja14k">
   <param name="allowScriptAccess" value="always">
   <param name="allowFullScreen" value="true">
   <embed src="http://flvr.pandora.tv/flv2pan/flvmovie.dll?ch_userid=ja14k&amp;url=EB501F27A315CC8D98110010083266&amp;Partner=ja14k" id="id_EB501F27A315CC8D98110010083266" name="id_EB501F27A315CC8D98110010083266" allowfullscreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" allowscriptaccess="always" height="361" width="448">
</object>


2)번의 소스 : 제로보드 컴포넌트를 이용하여 업로드한 동영상의 소스

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" id="id_1196316387703" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" align="middle" height="361" width="448">
   <param name="quality" value="high">
   <param name="movie" value="http://flvr.pandora.tv/flv2pan/flvmovie.dll?ch_userid=ja14k&amp;url=EB501F27A315CC8D98110010083266&amp;openapi=1">
   <param name="allowScriptAccess" value="always">
   <param name="allowFullScreen" value="true">
   <param name="play" value="1">
   <embed src="http://flvr.pandora.tv/flv2pan/flvmovie.dll?ch_userid=ja14k&amp;url=EB501F27A315CC8D98110010083266&amp;openapi=1" name="id_1196316387703" allowfullscreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" allowscriptaccess="always" height="361" width="448">
</object>

둘 다 자동재생이 되는 것은 좀 그런데 어쨌든 재생해보니 둘 다 동일하게 보여지네요.


사용기 #2 IE, Webma2 에서 재생해보기

파이어폭스에서만 재생해보고 IE에서 안해봤다면 깜~빡 속을 뻔 했군요.
참고로 파이어폭스에서의 위의 두 화면은 아래와 같이 똑같습니다.

pandoratv_ff.png

그런데 IE에서는 1번 동영상(판도라TV에서 퍼오기한 동영상)의 경우에는 광고가 붙더군요.
그리고 2번 제로보드 컴포넌트에서 업로드한 동영상의 경우에는 재생이 되지 않았습니다. orz

속았네요. :p


사용기 #3 고객센터와 메일을 주고받고 난 뒤

첨에 파이어폭스에서 재생이 되길래 얘가 왜 이러나 싶어 주책맞게 얼른 판도라TV 홈페이지로 달려가
1:1 문의글을 남겨보았습니다. 언제부터 파이어폭스도 지원했나요? 라고 말이죠.

금방 답변이 오더군요. 아래는 고객센터 담당자의 답변 메일입니다.

pandoratv_mail_01.png

저는 파이어폭스에서도 재생이 되길래 언제부터 지원하게 됐냐 물었더니 지원하고 있지 않다고 하더군요.

새롭게 달라진 판도라TV를 경험해보다!
http://laputian.net/743

이런 글도 있길래 정말 달라진 줄 알고 내심 어라? 했거든요. 아직까지는 아니지만 나중에 지원할 계획은 있다고 하니
기다려보면 될 것 같기도 하고, 왜냐하면 아직까지 OpenAPI를 지원하는 곳이 판도라 뿐이거든요. :p

고객센터의 답변을 받고 난 뒤, 정말 파이어폭스에서는 안 되는 걸까? 라는 생각이 들어
화면을 보다보니깐 동영상이 재생될 때는 몰랐는데 트레이에 판도라TV 미니라이트라는 게 실행되어있더군요.
pandoratv_minilite.png

m 이란 이 놈이 뭔가 보니 판도라TV 미니라이트라는군요. 우선 판도라TV 미니플레이어와는 다른 놈인 것 같습니다.
일부러 설치하려고 한 적은 없는데 어쩌다보니 언젠가 설치된 적이 있는 놈이겠지요.

이 놈 때문에 파이어폭스에서 재생되는가 싶어 꺼봤습니다. 그리고 동영상을 재생시켜봤습니다. 그러자,

pandoratv_unplayed.png

에엥.. 이게 또 뭔가 싶습니다. 잠깐 본 적이 있는 화면입니다. 바로 제로보드 컴포넌트로 업로드한 뒤
아까 안됐다고 말한 게 바로 이 화면이었거든요.
그리고서 판도라TV 홈페이지에 가서 직접 퍼오기 해서 1번 동영상을 가져온 것인데,
낌새가 이상하게 트레이에 실행되던 미니라이트란 놈을 끄자마자 저 화면이 보이는 겁니다.

1번 동영상도 그렇고, 2번 동영상도 그렇고 말이죠. 두 개 다 재생이 안되었다는 것은 정말로 연결에 문제가 발생하여 재생할 수 없는 문제이거나, 혹은 미니라이트와 관계가 있을 수도 있다라는 생각이 들더군요.
IE에서는 어땠더라.. 기억이 가물하지만 1번 동영상은 재생이 됐던 것 같습니다만, 잘 기억 안 나는군요. @_@

그래서 연결 문제가 해결될 때까지 기다려보지는 못하고 다시 금새 판도라 홈페이지에 가서 미니 라고 된 것을 설치해보았습니다.
미니라이트는 못 찾겠고 미니플레이어란 것은 있더군요.

설치해봤습니다. 설치되는 디렉토리는 다음과 같았습니다.

pandoratv_install_dir.png

사이좋게 판도라TV 3형제가 나란히 설치되어있군요.
첫번째가 판도라TV 미니라이트이고, 두번 째는 이전에 설치한 판도라TV 플레이어 찌꺼기들이고,
마지막 세번째가 금방 설치한 판도라TV미니란 놈입니다.

참고로, 판도라TV미니를 설치하기 이전에 판도라TV 미니라이트를 실행시켜봤는데 아무 반응이 없길래 판도라TV미니를 설치한 겁니다.
그래서 판도라TV미니를 실행시켜봤습니다.
pandoratv_tray_min.png  pandoratv_minilite.png

바로 왼쪽 놈입니다. 왼쪽이 미니이고, 오른쪽이 미니라이트입니다. -_-
판도라TV미니란 놈은 실행하니깐 로그인하라고 하더군요. 로그인하고 다시 파이어폭스로 되돌아와서
동영상이 있는 화면을 리프래쉬해봤습니다. 처음 몇 번은 안되던데 곧 이내다시 재생이 되더군요. OTL

왜 될까 왜 될까, 정말 잠시간 연결 문제였을까 미니라이트의 문제였을까 생각이 들더군요.
연결 문제라면 판도라TV를 안심하고 사용하지 못할 것이고, 미니라이트 없다고 실행 안되면 판도라TV를 못 믿을 문제더군요.

pandoratv_tray_mini_option.png

판도라TV 미니는 이렇게 생긴 녀석인데, 하여간 잘 되지도 않으면서 오후 내내 시간만 빼앗긴 게 되버렸군요.


동영상 재생이 잘 안되시나요?

사용자의 하드디스크 용량을 더 확보하거나 브라우저 임시 저장 공간의 용량을 늘려라고 하는군요.
사용자의 자원을 사용하는 판도라TV이기 때문에 이러한 부분은 사용자 측에서 도움을 줘야하는 가 봅니다.
판도라 OpenAPI의 경우 사용자에게 수익을 나눠주는 구조가 있긴 하였지만 그 방편이 좀 더 확대되고
좀 더 사용자에게 이익이 가는 방향의 서비스를 내놓을 수 있었으면 좋겠네요.

다음은 이 문제에 관한 판도라TV 도움말입니다.

Q. 영상이 안 나오는 건, 하드디스크 용량 때문?

플래시 플레이어 삭제하고 재 설치하고 플래시 플레이어를 최신 버전으로 업데이트 한 후에도
영상이 안나오고 버퍼링이 심해서 영상을 시청할 수 없으세요?

이럴 땐, 내 컴퓨터의 하드 디스크 용량을 확인 해 주세요~

사용자 PC의 하드디스크 용량이 부족하거나
인터넷 익스플로러 임시 저장 폴더의 용량이 부족한 경우
영상 재생이 불가능하거나 정지하여 버퍼링 상태에 있는 경우가 발생합니다.

이런 경우 하드 디스크의 불필요한 파일들은 삭제하시고 사용가능한 용량을 늘려주세요~

더 자세한 내용은 다음 주소에서 확인해보세요.
http://info.pandora.tv/popup_view.htm?cate1=2&id=160


마지막으로, 판도라TV에서 사용자 간의 의견 교환 장소를 마련해두었네요.

판도라TV OPEN API PROJECT, Interface - Q&A
http://interface.pandora.tv/?p=qna


이올린에 북마크하기(0) 이올린에 추천하기(0)

TRACKBACK URL : http://blog.eond.com/trackback/2511014 관련글 쓰기

  1. 어머 ㄱ- PERMALINK
    EDIT  REPLY
    역시 판도라는 그렇게 좋은 싸이트가 아닌듯....
    2008/03/01 16:20

왜임마 사용하기 #1

PUBLISHED 2007/11/27 08:37
POSTED IN 빵원짜리 팁
오늘 아침 사건이 있은 후 웹마에 정착해보기로, 웹마에 좀 더 정성을 쏟아보기로 했습니다.
그 과정에 대해서 일지를 작성해보도록 하죠.



Web2 Infomation.


제가 사용 중인 웹마는 WebMa2 1.4.5 rc2 버전입니다. 현재(2007.11.27) 최신버전입니다.



WebMa2 Review.



1. 위의 화면에서 보시다시피 셀렉트가 안 먹힙니다.
>> 안되는 줄 알았는데  제 IE의 문제로 웹마까지 먹통이 됐었었네요. 죄송합니다.

2. 글쓰기 하단 태그 부분이 다음과 같이 엉망이 되는군요. 안습입니다. 이렇고도 사용해야한다니, ㅠㅠ
>> IE 때문에 웹마도 잠깐 맛이 갔었네요. 웹마는 안 이럽니다~;




3. 마우스 제스쳐

[기본설정]
↓ : 탭 닫기
↓→ : 오른쪽 탭으로 탭 이동

[익숙하게 사용하던 제스쳐 설정]
탭닫기 : ↓→
새로고침 : ↓↑
맨 위로 : ↓
맨 아래로 : ↑

마우스 제스쳐 설정이 익숙치 않다.
마우스 제스쳐의 경우는 아주 중독성이 강하다. 즉 지원하지 않는 프로그램에서는 허공에 노 젖는 꼴이 될 것이고, 지원하는데 이와 같이 일반적인 제스쳐와 다른 행동을 지칭하는 경우에는 청기백기 게임에서 왼손 올려라는데 오른발 뒤로 차는 격이다. 이게 뭐나~~


4. 탭에서의 이동 방향

파이어폭스에서는 탭에 마우스를 올려놓은 뒤 휠을 위아래로 굴리면 탭을 이동할 수 있다. (IE7에서는 되지 않는다.)
웹마도 이 기능이 제공된다. 하지만 파이어폭스와 그 방향이 반대이다.
파폭에서 일반적으로 사용해왔던 것은 휠을 위로 올리면 왼쪽 탭, 아래로 굴리면 오른쪽 탭으로 탭을 활성화시킬 수가 있었는데, 웹마에서는 이 것이 반대이다.
웹마는 아래로 내리면 왼쪽으로 이동하고, 휠을 위로 올리면 우측 탭이 활성화된다.

이것은 사용자 인터페이스와 관련이 있다고 본다.

일반적으로 휠을 위로 올리는 것은 현재 상태보다 위로 가는 것이다.
위라는 이미지는 가로 선상에서는 왼쪽 편에 있는 것이 상위이다.

우리는 글을 읽을 때 왼쪽에서 오른쪽으로 시선의 방향을 이동한다.

사용자 삽입 이미지

사용자 삽입 이미지

그래서 탭 버튼의 이동 방향 역시 휠의 방향을 ↑(위로) 했을 때, 탭의 이동은 오른쪽이 아니라 왼쪽으로 이동해야한다.
탭 이동을 휠을 위로 할 경우인 한 방향에서만 탭 활성화가 진행된다면 현재 웹마의 탭 이동의 옳은 것이나,
휠을 아래로 내려을 때 왼쪽 탭이 활성화 되는 것은 어색한 인터페이스이다.


5. 탭 닫기
마우스 우측 버튼으로 현재 활성화되어있는 탭을 닫을 수 있다.
좋다. 이 정도는 더 편하다. 하지만 가운데 버튼으로도 닫을 수 있는 옵션 설정을 지원해줘야 한다.


총평 : 웹마로 티스토리에 글 올리는 건 많은 제약이 따른다는 겁니다.
하지만 사용해보기로 한 이상, 이러고 사용해볼랍니다. ㅠㅠ)/



포스팅에 사용한 도구.

리뷰 프로그램 - 웹마2 http://mdiwebma.com/webma2/main/
캡처 - 픽픽(PicPick) (Freeware)
동영상 - CamStudio (Freeware)
캡처한 이미지 리사이즈 - http://rsizr.com (왜곡을 줄이면서 이미지 사이즈 편집 가능)


 
 
이올린에 북마크하기(0) 이올린에 추천하기(0)

TRACKBACK URL : http://blog.eond.com/trackback/2511002 관련글 쓰기

  1. 저도 웹마를 애용하고 있는데 예전에는 티스토리 댓글을 달 때 연속으로 못 달았었지만 최근 업데이트로 그게 가능해져서 매우 만족하고 있습니다.
    2007/11/28 21:56
  2. 웹마랑 사실 파이어폭스, 익스플로러를 같이 사용하고 있는데 같이 사용하다보니깐 헷갈리네요. ^^
    웹의 자원을 사용하는데 있어서 어느 한 브라우저에서 되지 않는 것도 있다보니깐 저의 모든 요구를 수용하기 위해서는 제 머리가 고생하는 군요. ;ㅁ;
    2007/11/29 17:50

웹페이지 동영상 주소 알아내기

PUBLISHED 2007/11/25 21:00
POSTED IN 빵원짜리 팁
1. Firefox
사용자 삽입 이미지


Download Embeded Extension 을 설치합니다.
설치하게 되면 브라우저 상태바 우측 하단에 다음과 같이 생깁니다.



2. IE7
IE Toy 2.0을 사용합니다.
이올린에 북마크하기(0) 이올린에 추천하기(0)

TRACKBACK URL : http://blog.eond.com/trackback/2510999 관련글 쓰기

웹에서 이미지 편집하기

PUBLISHED 2007/11/25 20:57
POSTED IN 빵원짜리 팁

사용자 삽입 이미지

웹에서 이미지를 크랍 & 리사이징이 가능하고, 왜곡 없이 이미지 줄이기도 가능합니다.
http://rsizr.com/
이올린에 북마크하기(0) 이올린에 추천하기(0)

TRACKBACK URL : http://blog.eond.com/trackback/2510998 관련글 쓰기

사용자 삽입 이미지

웹페이지 맨 위로, 맨 아래로 제스추어를 제 경우에는 아토를 예를 들어볼 때 반대로 사용합니다.
혹시 저와 같이 사용하시는 분 계신가요?
말 그대로 원래 아토의 화면 맨 아래/위의 반대라고 생각하시면 되는데요,
위 그림 보면 이해가 더 쉬우려나요. ^^;
이올린에 북마크하기(0) 이올린에 추천하기(0)

TRACKBACK URL : http://blog.eond.com/trackback/2510996 관련글 쓰기

del.ici.ous / mar.gar.in 등과 같은 사이트에 현재 페이지를 추가하는 스크립트 전에 소개한 적이 있습니다.
이번에는 Diigo 에 추가하는 스크립트를 알아보겠습니다.


Diigo "Add to Diigo" http://www.diigo.com/tools/add_to_diigo

"Add to Diigo"는 블로그 페이지에 삽입함으로써 그 페이지를 Diigo에 넣을 수 있는 기능을 말합니다.
Diigolet Version과 Traditional Version으로 제공하네요.


Diigolet Version (Recommended)
 
 

<a href="#" onclick="var s=document.createElement('script');s.type='text/javascript';s.src='http://www.diigo.com/javascripts/webtoolbar/diigolet_b_h_b.js';document.body.appendChild(s);"><img style="border:none" alt="diigo it" src="http://www.diigo.com/images/ii_blue.gif" /></a>


Traditional Version

 

<script type="text/javascript">
<!--
var adURL = encodeURIComponent(self.location);
var adTitle = encodeURIComponent("page title");
var adComments = encodeURIComponent("optional comments");
-->
</script>
<a target="_blank" href="http://www.diigo.com/post?url=&title=&comments=" onclick="window.open('http://www.diigo.com/post?url='+adURL+'&title='+adTitle+'&comments='+adComments, 'diigo'); return false;" title="Add to diigo"><img style="border:none" src="http://www.diigo.com/images/ii_blue.gif" alt="Add to diigo" /></a>

이올린에 북마크하기(0) 이올린에 추천하기(0)

TRACKBACK URL : http://blog.eond.com/trackback/2510991 관련글 쓰기

  1. 일부러 알려주셔셔 고맙습니다..디고 북마크렛도 얼른 달아야 겠습니다. ^^
    2007/11/25 11:36
  2. 이런 걸 북마크렛이라고 하는군요.
    몰랐던 용어인데 고맙습니다. ^^
    2007/11/29 17:48
사용자 삽입 이미지

onMouseOut

사용자 삽입 이미지

onMouseOver

  글제목 왼쪽 달력 부분에 마우스를 올려보세요. 날짜 부분이 변경되죠? 이 소스를 알아보도록 하겠습니다.
테이블이나 글자, DIV 등 어떤 요소든 가리지 않습니다.

1) 테이블에 나타내고자 하신다면,

<Table><TR><TD onMouseOver="this.style.backgroundColor='lightgreen'" onMouseOut="this.style.backgroundColor=''">내용</TD></TR> </Table>

테이블 셀 배경색을 마우스를 올렸을 때 lightgreen으로 변경합니다.

2) 링크가 걸린 글자에 나타내고자 하신다면,

<a href="#" onmouseover="this.style.fontWeight='bold';this.style.color='#FF0000';" onmouseout="this.style.fontWeight='';this.style.color='';">이온디</a>

  글자 부분에 마우스를 올렸을 때 글자 색을 #FF0000 으로, 글자굵기를 굵게 변경하고,
마우스가 글자 부분에서 벗어났을 때는 아무런 스타일을 주지 않습니다.

이렇게 this.style.원하는스타일 과 같은 형식으로 배경색/폰트스타일/글자색 등을 다양하게 줄 수 있습니다.
스타일을 적용할 때 작은따옴표, 큰따옴표를 주의해서 사용하세요.
onmouseover 전체를 감싸는 것은 큰따옴표(")이고, 스타일시트의 형태를 지정하는 부분은 따로 작은따옴표(')로 감싸주어 구분을 합니다.


이제 위에서는 직접 스타일시트를 적어줬다면, 아래는 class로 주는 방법을 알아보겠습니다.

3) DIV에 마우스를 올렸을 때,

<div class="calendar" onMouseOver="this.className='calendarOver'" onMouseOut="this.className='calendar'"><script type="text/javascript">write_calender("");</script></div>

  위의 예제들과는 달리 this.className 으로 스타일을 줄 수 있습니다.
이렇게 클래스로 적용할 때는 css 파일 내에 클래스명을 적어주어야 합니다.
큰따옴표, 작은따옴표 구분이 있어 복잡한데 이렇게 class를 이용해 소스가 간단해지니 실수할 일도 줄어들겠죠.

  적용하는 부분에는 위와 같이 해주었다면 클래스는 다음과 같이 해주어야 합니다.

<style>
.calendar { color:#f0f0f0; font:bold 14px Tahoma; margin-top:4px; text-align:center; width:35px; } //calendarOut과 같으니 그냥 calendar로 했습니다.
.calendarOver {color:#FFFFFF; font:9px Tahoma; margin-top:4px; text-align:center; width:35px;}
</style>

이렇게 클래스를 따로 만들어주시면 적용이 끝납니다.

4) DIV 안에 DIV 로 감싼 영역까지 적용을 시키려면 어떻게 해야할까?

  자, 위에까지만 하시면 기본적인 사용법은 끝이 납니다. 이제부터는 좀 더 심화반으로 넘어가보겠습니다.
잠깐만 다시 위로 거슬러 올라가서 위의 DIV 안에서의 코드를 살펴보시면 다음과 같은 내용이 보입니다.

<div class="calendar" onMouseOver="this.className='calendarOver'" onMouseOut="this.className='calendar'"><script type="text/javascript">write_calender("");</script></div>

노란색으로 형광색칠한 부분, 바로 <script>..</script> 인데요, 저 스크립트의 내용을 살짝 살펴보자면,

document.write("<div class='content_title_calender_month'><B>" + month + "</B></div>");
document.write("<div class='content_title_calender_day'><B>" + day + "</B></div>");

이렇게 <div class="calendar" .. >로 감싼 부분 안에 또 다시 <div class='content_title_calender_month'> .. 가 있는 게 보입니다. 이렇게 2번 DIV로 감싼 영역은 스타일시트 클래스를 어떻게 하느냐면,

    .entry .calendar { float:left; width:40px; height:46px; background:url(./images/entry_calendar.gif) no-repeat 2px 1px; }
    .entry .calendar .content_title_calender_month { color:#f0f0f0; font:9px Tahoma; margin-top:4px; text-align:center; width:35px;}
    .entry .calendar .content_title_calender_day { color:#b9b7b7; font:bold 14px Tahoma; margin-top:4px; text-align:center; width:35px; }
   
    .entry .calendarOver { float:left; width:40px; height:46px; background:url(./images/entry_calendar.gif) no-repeat 2px 1px; }
    .entry .calendarOver .content_title_calender_month { color:#f0f0f0; font:9px Tahoma; margin-top:4px; text-align:center; width:35px;}
    .entry .calendarOver .content_title_calender_day { color:#FFFFFF; font:bold 14px Tahoma; margin-top:4px; text-align:center; width:35px; }

위는 <div class="entry"> 안에 <div class="calendar"> 안에 <div class="content_title_calender_month"> 로 3번 감싼 영역이라 앞에 .entry 가 하나 더 붙어있습니다.
그리고 OnMouseOver 했을 때의 클래스도 함께 적어주어야 하므로 코드가 좀 깁니다.
이렇게 해줘야지 div 안에 감싼 영역까지 제대로 표시가 되는 겁니다. 끝~*

 
이올린에 북마크하기(0) 이올린에 추천하기(0)

TRACKBACK URL : http://blog.eond.com/trackback/2510983 관련글 쓰기

사용자 삽입 이미지

그림에서 보시다시피 구글 애드센스는 일반 배너 광고 외에 검색용 애드센스, 추천 제품 등의 애드센스를 제공하고 있습니다. 여기서는 그 중 검색용 애드센스를 하나의 따로 된 검색 페이지가 아닌, 내 블로그에 적절이 녹아들어가있는 듯한 검색용 페이지를 꾸미는 법에 대해서 알아보겠습니다.

우선 내 블로그에 삽입하기 위한 검색용 애드센스의 코드를 얻어야합니다.
위 그림에서 '검색용 애드센스'를 클릭합니다. 검색용 애드센스 페이지에 들어가면 다음 화면이 펼쳐지게 됩니다. 이후의 과정 설명은 이미지에 포함시키겠습니다.

이올린에 북마크하기(0) 이올린에 추천하기(0)

TRACKBACK URL : http://blog.eond.com/trackback/2510982 관련글 쓰기

  1. 관리자의 승인을 기다리고 있는 댓글입니다
    2009/06/05 07:02

IE와 FF에서 달리 보이는 png

PUBLISHED 2007/11/22 01:57
POSTED IN 빵원짜리 팁
사용자 삽입 이미지

IE에서 보는 png

사용자 삽입 이미지

Firefox에서 보는 png

'이온디e블로그' 부분을 살펴보세요. 위의 그림에서 알 수 있듯이 png 파일은 IE와 Firefox 에서 그 색상이 조금 차이가 납니다. 일반적으로 png 파일은 IE에서 살짝 어둡게 표현이 됩니다.
익스플로러는 8비트의 PNG 색상값조차 제대로 표현을 못하고 있습니다.
그래서 위에서와 같이 이미지와 배경색상값을 맞추기 위해 IE와 FF에서 동일한 색상을 표시해줘야 할 때는 PNG보다는 GIF 등의 이미지 파일로 표시해주어야 합니다.

추가 검색키워드 : PNG, 익스, 파폭, 파이어폭스


관련글
1) 브라우저에 따른 색상차
2)
같은 색상값의 png 와 gif 파일이 각각 다른 색상으로 나타나고 있어요.
3) png 알파값 적용해서 보여주는 다른 방법
4) png 알파값따라 출력하기;;

more..

이올린에 북마크하기(0) 이올린에 추천하기(0)
png

TRACKBACK URL : http://blog.eond.com/trackback/2510981 관련글 쓰기

사용자 삽입 이미지

ncloudblog님의 스킨입니다. 날짜 부분이 보시다시피 다른 스킨과 다른 부분이 있는데요,
이 부분을 나타내는 방법에 대해서 알려드리겠습니다.

재료는 ncloudblog님의 simple.js 파일이 필요하고요,
티스토리에 simple.js 파일을 ./images/ 폴더 안에 넣어두시고,
skin.html 파일에서 아래 코드를 삽입합니다.

<script language="javascript" src="./images/simple.js"></script>

그리고 위와 같이 날짜를 나타내고자 하는 부분에 다음을 추가시켜줍니다.

<script type="text/javascript">write_calender("");</script>

스타일은 적당히 <div style="원하는 스타일">..</div>로 감싸고 만드시면 되겠네요.


참고로 제가 사용한 class는 다음과 같습니다.

    .entry .calendar { float:left; width:42px; height:46px; background:url(./images/entry_calendar.gif) no-repeat 2px 1px;  }
    .entry .calendar .content_title_calender_month { color:#f0f0f0; font:9px Tahoma; margin-top:4px; text-align:center; width:35px;}
    .entry .calendar .content_title_calender_day   { color:#b9b7b7; font:bold 14px Tahoma; margin-top:4px; text-align:center; width:35px; }

content_title_calender_month과 content_title_calender_day는 simple.js 에 정의되어 있어서 이렇게 한 것인데
simple.js에서 class명을 수정하면 css에서도 수정해서 써주셔야 됩니다.
이올린에 북마크하기(0) 이올린에 추천하기(0)

TRACKBACK URL : http://blog.eond.com/trackback/2510980 관련글 쓰기

  1. 관리자의 승인을 기다리고 있는 댓글입니다
    2009/03/19 19:14
아이튠즈 7.1을 쓰다가 7.5 업데이트 된 게 있다길래 설치를 했습니다.
그리고 QuickTime(퀵타임 플레이어)는 늘 그렇듯 삭제를 했습니다.
저는 QuickTime Player 대신에 QuickTime Alternative 1.95 (Media Player Classic) 를 설치해서 사용하거든요.

more..


그런데 7.5로 업데이트하고 나서 아이튠즈를 실행해보니 안되더군요. 재부팅해봐도 안되고,
iTunes75Setup.exe 파일을 재실행해서 복구를 해봐도 안되고 해서 말이죠.

삭제하고 다시 설치해봐야 하나 하고 생각하다가, 아이튠즈 재설치하는 게 그냥 다른 프로그램마냥 지우고 다시 설치하는 게 아니라 보관함을 옮기고 좀 번거로운 과정이다보니, 문제점이 뭘까 다시 생각해보다 보니

QuickTime을 지운 게 문제가 된 것 같더군요. 복구를 해도 지운 퀵타임은 설치가 안되나 봅니다.
그래서 퀵타임만 다시 다운받아서 재설치한 다음에 아이튠즈를 실행하니 되더군요.

저처럼 QuickTime을 싫어하시는 분들은 이런 문제점 겪으실지도 모를 것 같아 포스팅해봅니다.

윈도우즈용 iTunes와 QuickTime에 대한 사소한 불만
이올린에 북마크하기(0) 이올린에 추천하기(0)

TRACKBACK URL : http://blog.eond.com/trackback/2510979 관련글 쓰기

IE Toy가 다시 부활했다.

PUBLISHED 2007/11/20 18:23
POSTED IN 빵원짜리 팁
  그룹 부활이 사라졌다 다시 부활한 것도 아니고, 토이가 사라졌다 다시 나타난 것도 아닌데 부활이라니 좀 거시기하긴 하다만서도, IE Toy 가 2.0 이란 딱지를 달고 첫번 째 릴리즈를 하고 딱 1년만에 IE Toy 2.0 베타 v2.0.0.4 로 다시 릴리즈 되었다.

2007. 11. 20 IE Toy Bera 2.0.0.4 릴리즈

2007. 11. 20 IE Toy Bera 2.0.0.4 릴리즈


IE Toy Beta 2.0.0.4 릴리즈 변경 내역.

< ChangeLog >

v2.0.0.4 / 2007-11-20
- 2.0 베타 두번째

[광고 차단] 동영상 임베딩 광고의 예외 목록 추가
[그리스몽키] 프리챌 스크립트 업데이트
[그리스몽키] 풀빵 스크립트 업데이트
[그리스몽키] TNSFW 스크립트 업데이트
[그리스몽키] 엠군 리뉴얼로 스크립트 업데이트
[그리스몽키] 다음 블로그 다음 글
[그리스몽키] 스크립트 목록을 이름순 정렬해 표시하도록 수정
[그리스몽키] 다음 검색 결과 다음 페이지 추가
[마우스 동작] 마우스 궤적을 빨간색으로 표시하는 기능 추가
[IE7] 탭 더블 클릭으로 닫기 기능 추가
[단축키] 마지막으로 닫은 탭 다시 열기 Alt + X 추가
[링크 던지기] 트레이 아이콘을 나중에 실행할 경우 작동하지 않던 문제 수정
[주소 표시줄] Ctrl, Shift + Enter 조합시 빠른 검색이 먹던 문제 수정
[주소 표시줄] .com .net .org 도메인 완성 기능 부활
[주소 표시줄] ㅈㅈㅈ. → www. 자동변환 기능 부활
[단축키] 소스 보기 Ctrl+U 단축키 제거, 스프링노트등의 밑줄 단축키 충돌 문제
[메시지] ...하시겠습니까? 로 통일, T-T
[팝업, 광고 차단] 차단, 허용 목록에 // 주석 기능, 정렬 기능 부활
[그리스몽키] 엠군 개편으로 동영상 다운로드 스크립트 수정
[문맥 메뉴] 이미지 빠른 저장, 폴더 지정 기능 부활
[단축키] 인터넷 옵션 부활
[창 고정] 바탕 화면 크기로 창 크기를 지정할 경우 고정이 안되는 문제 수정
[주소 별명] 편집 창 크기 확대
[마우스 동작] BS 버튼 오동작 수정
[마우스 동작] 바탕 화면 보기, 빠른 탭, 전체 화면 추가
[마우스 동작] 메모장이 안되는 문제 수정
[스마트 로그인] 폼을 순서대로 검색하도록 수정, yes24 문제 수정
[문맥 메뉴] 선택한 텍스트 저장 부활
[문맥 메뉴] 이미지 빠른 저장에 선택한 이미지 모두 저장 기능 추가
[문맥 메뉴] 선택한 링크 열기 추가
[링크던지기] 이미지의 경우 새 창으로 열리지 않도록 제한
[키보드, 마우스 입력 제한] Gmail, 야후 코리아 지도, 티스토리, 콩나물 예외 처리 추가
[단축키] 광고 차단, 플래시 차단 지원 부활
[플래시 차단] 트레이 아이콘 시작, 종료시 차단을 자동으로 해제하는 기능 추가
[스마트 로그인] winbbs.com,  todaysppc.com 새로 고침하면 폼이 채워지지 않는 문제 수정
[스마트 로그인] 외환은행 문제 수정... 조회 화면에서 다른 사이트 이동하면 새 정보가 입력되었다고 나왔다는...
[스마트 로그인] http://ppdm.girlsngirls.net/
[스마트 로그인] IE7 에서 계정 선택 창이 프레임이 아닌 탭 자식창으로 동작하도록 수정
[스마트 로그인] 싸이, 네이트에서 대화상자가 느리게 뜨는 문제 개선
[스마트 로그인] http://pann.nate.com/index/index.do?action=index&boardID=84294
[스마트 로그인] 폼 저장시 예외 목록에 추가할 수 있는 기능 추가
[스마트 로그인] 다중 계정 정보를 모두 삭제할 경우, 폼을 제대로 인식하지 못하는 문제 수정
[스마트 로그인] 호스트가 다르고 도메인이 같은 경우, 개별 사이트로 인식하는 기존 방식 부활
[문맥 메뉴] 콘트롤 문맥에서도 스마트 로그인 항목이 표시되도록 수정
[스마트 로그인] 무한 자동 로그인 방지 제한 3초에서 0.6초로 변경
[스마트 로그인] 멀티 아이디 대화상자가 사라지지 않는 문제 수정
[스마트 로그인] 멀티 아이디 대화상자 투명 처리 추가
[스마트 로그인] 대화 상자 새로 작성
[문맥 메뉴] 링크된 이미지 (새 창에서) 보기 오동작 수정
[문맥 메뉴] 배포 파일셋에서 임시 파일인 pageinfo.htm 삭제
[문맥메뉴] 형관펜 오타 수정
[설치] Windows 2000 에서 실행되지 않던 문제 수정

  우아~ 1년 동안 정말 고민하고 고생하고 노력했던 흔적들이 아니겠나 싶다. 작은 부분일지라도 몇 년동안 저렇게 꾸준하게 일정한 성과를 낼 수 있다는 것은 정말 어려운 일이다.
  루저님께서 일년 동안 고생해서 내놓은 2.0  릴리즈이지만 나는 아직까지 이 1,8 Beta 2 pacth 1 을 버리지 못하고 있다. IE7을 사용하는 것도 아니고 기능면에서 새로 내놓은 2.0.0.4가 다시 부활한 기능이 많기는 하지만 크게 바꿀만한 마음이 드는 것도 아니라서, 어쩌면 익숙한 것에 너무 익숙해버린 것일까.
  이 것의 문제라면, 다만 루저님이 아토를 예전부터 너무 완벽하게 만들어주셨다. ㅠㅠ)/ 예은루저님 킹왕짱;;
IE6.0과 FF를 쓰는 입장에서 아토에게 바라는 것은 저 마우스 궤적 기능이었는데, 저 외엔 지금 기능에 만족하니 누구님 말씀따나 아토 2.0의 최대 적은 아토 1.8이겠다. 아토 1.8도 킹왕짱;;

사용자 삽입 이미지

이올린에 북마크하기(0) 이올린에 추천하기(0)

TRACKBACK URL : http://blog.eond.com/trackback/2510977 관련글 쓰기

  1. Subject: IE Toy 2.0 베타 v2.0.0.4

    Tracked from IE Toy 아토 블로그
    2007/12/05 11:39  | DELETE

    얼마 전에 위쯔가 그러더군요. 릴리즈 약속을 뭐하러 하냐고... 녀석... 맞는 말입니다. 많이 기다리셨고 또 늦었습니다. 작업을 안 한 것은 아닌데 완성도가 떨어져서 미루다가 그냥 현재 소스를 모아서 빌드했습니다. 여전히 베타로 버그도 많고 하겠지만 첫번째 베타 보다는 그래도 많이 쓸만 하실 겁니다. 그럼 많은 피드백 부탁 드리겠습니다. ==3=33 2207-11-20 05:37 PM 설정 대화상자에 버전이 2.0.0.3 으로 표시되는 문제를 급히..

Daum 캘린더, 이런 기능 어떨까?

PUBLISHED 2007/11/20 17:57
POSTED IN 빵원짜리 팁
http://calendar.daum.net

키워드 기능 어떨까?

'2009학년도 대학수학능력시험'이라고만 입력했다.
그런데 검색할 때는 '수능'이라고 입력했다.

그러면 2009학년도 대학수학능력시험 이란 일정은 검색되지 않는다.
그래서, 키워드 기능이 있으면 어떻까?

너무 불필요한 낭비일까?
하긴 그도 그렇다. 작은 네모 칸 안에 메모 형식으로 넣는 것이 캘린더 일정인데 말이다.


하지만 웹이란 페이지 안에서는 1px 안에도 무한히 많은 내용을 집어넣을 수 있다.

많은 정보를 기록하는 게 좋을까? 아니면 간단하게 기록만 하는 것이 좋을까?
그 중 편리한 것은 과연 어떤 것일까?


이올린에 북마크하기(0) 이올린에 추천하기(0)

TRACKBACK URL : http://blog.eond.com/trackback/2510976 관련글 쓰기

  1. 다음캘린더 PERMALINK
    EDIT  REPLY
    다음캘린더 운영자입니다^^
    많은것을 생각해주게하는 포스트입니다.

    이온디님의 마인드 잊지않겠습니다^^
    2007/11/22 01:57
  2. 반갑습니다. 다음캘린더 운영자님^^
    다음에서 또 다른 좋은 서비스를 만들어주시길 기대하겠습니다.
    2007/11/22 20:00

Windows 고전(흑) 테마

PUBLISHED 2007/11/20 12:36
POSTED IN 빵원짜리 팁
사용자 삽입 이미지

Windows XP 색상 테마입니다. Windows 고전 테마에서 타이틀과 선택한 항목 색상만 청색에서 흑색으로 변경하였습니다. 사용하고자 하시는 분은 직접 색상을 위와 같이 변경하셔도 되고, 아래 파일을 다운받아 사용하시면 됩니다. [사용한 색상값 : RGB(49,62,79), RGB(145,145,149)]


이올린에 북마크하기(0) 이올린에 추천하기(0)

TRACKBACK URL : http://blog.eond.com/trackback/2510974 관련글 쓰기

사용자 삽입 이미지

Daum 캘린더

이번에 한메일에서 Daum캘린더를 오픈했다고 하네요. ^^

베타서비스인데 아웃룩의 일정을 웹(다음 캘린더)로 가져올 수 있고 PDA와 연동이 가능하다고 하네요.

현재 베타 버전에서는 캘린더 일정관리만 가능하지만, 나중에 티스토리와의 연동(캘린더 플러그인, RSS 등)도 가능해질지 모른다고 하네요.

사용자 삽입 이미지

일정 추가 화면

 그래서 그룹으로도 이게 가능할까 싶어 '수능 일정'에 대해서 한 번 써보려고 합니다. 이에 대한 정보를 공유하고 같이 써보고자 하시는 분은 제게 메일 주소를 보내주세요. 위에 보시는 화면은 친구 초대 화면이고요.

관심 있으신 분은 eond @ eond . com 으로 본인의 메일 주소를 보내주시거나, 아래 코멘트로 달아주세요. :-)
참고로 현재 여기 파이어폭스에서는 댓글 달기가 곤란하니 댓글을 달 때는 IE로 잠시 봐주세요.



이올린에 북마크하기(0) 이올린에 추천하기(0)

TRACKBACK URL : http://blog.eond.com/trackback/2510973 관련글 쓰기

  1. 안녕하세요? 다음캘린더 운영자 입니다.
    현재 다음캘린더 베타기간중에는 개별적인 일정은 그룹끼리도 관리가 가능합니다.
    그러나 카테고리 전체를 공유하는 기능은 아직 없고 추후 예정이랍니다^^

    앞으로 사용하시면서 불편한점 있으면 언제든 남겨주세요!
    감사합니다.
    2007/11/21 21:36
  2. 다른 사용자의 공개된 캘린더나, 네이트 메모짱처럼 어떤 토익, 자격증 등의 일정에 대해서 서비스 하지는 않나요? ^^;
    2007/11/21 23:44

XE에서 xmlrpc, BlogAPI 를 이용한 포스팅이 가능한가요? (2007년 8월 20일)

http://www.zeroboard.com/5218771

제로보드 XE에 글을 포스팅할 때 xmlrpc  혹은 BlogAPI 를 이용한 포스팅이 가능한가요?
현재는 불가능하다면 앞으로 지원할 예정이 있는지 궁금합니다.

metaWeblog API를 통한 포스팅이 가능합니다.
Windows Live Writer, Zoundry, GoogleDocs등에서 테스트 모두 마쳤고 첨부파일까지 이전이 잘 됩니다. ^^

 

BlogAPI를 이용해 제로보드XE에 쓸 쑤 없을까 찾아보니 이미 가능한 것이었네요.

 

블로그 API - Metaweblog 지원

http://zbxe.springnote.com/pages/405133

제로보드XE는 애드온으로 확장된 기능들을 구현할 수 있습니다.

이 애드온 중에 BlogAPI 연동 애드온이 있습니다.

BlogAPI란 블로그툴에 글을 전송할 수 있는 규격을 의미합니다.

이 BlogAPI를 지원하는 어플리케이션은 Windows Live Writer, Google docs, Zoundry, MSword등이 있습니다.
블로그 툴 역시 BlogAPI를 지원해야 이 툴로 글을 쓸 수 있습니다.

BlogAPI는 내 컴퓨터에 설치한 프로그램 또는 외부 편집기를 이용하여 내 블로그나 내가 자주 찾는 게시판에 글을 쓸수 있습니다.
(이를 가능하게 하는 약속과 구현이 blogapi와 blogapi tool인 것이죠)

그럼 왜 굳이 이런 툴을 이용해서 글을 적어야 하는지 의문이 생기실 수 있습니다.
답은 편리한 포스팅을 위해서라고 말하고 싶습니다.

예를 들어 Windows Live Writer를 이용할 경우 오프라인상에서 이미지를 마음대로 삽입하고 테두리고 만들고 캡션도 넣으면서 깔끔하게 글을 작성할 수 있습니다.
그리고 MAP을 글에 넣을 수도 있고 다른 플러그인등을 이용해서 웹에서 작성할 수 없는 컨텐츠도 만들수 있습니다.

MS-word 2007을 이용하여 워드로 작성된 글을 내 블로그나 게시판에 포스팅할 수도 있습니다.

참조 : http://spring.zeroboard.com/25837 (windows live writer로 일반 계정으로 게시판에 쓴 글)

즉 웹에 접속해서 글을 바로 작성하는것보다 더 여유롭고 자유스럽게 할 수 있는거죠.

제로보드XE의 경우 에디터에 나름 신경을 써서 예전보다 편하긴 하지만 여기 없는 기능들을 지원하는 BlogAPI 툴들이 있습니다.

제로보드XE 또는 여타 blogapi를 내가 쓰는 tool에 등록하기 위해서는 4개의 정보가 필요합니다.

1. 블로그 또는 게시판의 수조
   ex) http://spring.zeroboard.com/freeboard

2. 계정 정보
   ex) spring.zeroboard.com 에 가입한 회원아이디와 비밀번호

3. blogapi 주소
   ex) http://spring.zeroboard.com/freeboard/api

4. blogapi 형식
   제로보드xe : Custom Metaweblog 또는 Metaweblog

제로보드XE에서는 관리자페이지 > 애드온 > BlogAPI 애드온을 사용으로 해 놓으시면 됩니다.

제로보드XE는 EditURL을 meta 정보에 포함해서 자동으로 BlogApi주소가 설정될 수도 있습니다.

blog를 위한 편리한 기능인 BlogApi를 게시판에도 마음껏 적용해보세요.

편리함에 치를(?) 떠실겁니다. ^^;;;

ps. windows live writer의 경우 이미지 파일이 계속 다른 이름으로 입력되기에 링크를 걸지 않는다든지 하여주세요.

 

 

그나저나 MS Word 2007 BlogAPI는 무료로 사용할 수 있는 건가요?

TRACKBACK URL : http://blog.eond.com/trackback/2510970 관련글 쓰기

Windows Live Writer 사용해보기

PUBLISHED 2007/11/18 12:23
POSTED IN 빵원짜리 팁
※ 이 글은 Windows Live Writer 로 작성되었으며, 티스토리에서 다시 수정을 하여 작성된 글입니다.

사용자의 컴퓨터에 한글이나 엑셀 같은 프로그램을 직접 설치하지 않고도 웹에서 간편하게 그러한 것을 이용할 수 있는 웹 오피스에 대해 알아보던 중 마이크로소프트 사의 윈도 라이브란 것이 있어 소개해볼까 합니다.
Windows Liver Messenger
윈도 라이브에는 우리가 흔히 알고 사용하고 있는 MSN 메신저의 다음 버전인 Live Messenger를 비롯해서 메일, 사진갤러리, 그리고 이 Windows Live Writer 까지 구글 패키지처럼 다양한 프로그램을 설치할 수가 있더군요. (윈도 라이브 www.live.com 에서 다운로드 가능.)

[이미지]

그 중에 Windows Live Writer 라는 것에 대해서 알아보기로 하겠습니다. Windows Live Witer (이하 'WLW')는 BlogAPI를 이용하여 블로그나 게시판에 글을 올리는 것인데 주로 한국에서는 테터툴즈로 대표되는 티스토리와 제로보드XE가 이 것을 지원합니다.

그리고 우연히 'Windows Live Writer로 티스토리 글쓰기'라는 블로그 글이 있길래, 저도 한 번 따라 써보게 되었습니다. 지금은 저도 WLW를 이용해서 글을 쓰는 중이고요. 넓은 창에 다른 오피스 툴 못지 않은 여러가지 도구들로 인해 사용은 아주 간편할 것 같습니다.

기존 위지윅 에디터를 보고 사실 불편함을 느낀 적이 많았습니다. 제로보드XE, 위쯔님의 미니위니 에디터, 알릭님의 알디터, 테터툴즈, 스프링노트 등 다양한 위지윅 에디터로 예전보다 웹에서 글 쓰기가 편해진 것은 맞지만, 구글 등에서 웹 오피스를 내놓는 이 시점에 (사실 구글 오피스도 글쓰기가 완전한 것은 아닙니다.) 온전히 글쓰기만을 위한 도구가 없다는 것은 안타까운 일 중에 하나였거든요.

이렇게 블로그에 글을 쓰기 위해 WLW 처럼 온전한 블로그용 글쓰기 툴이 나와주었다는 것에 정말 마이크로 소프트 사에 사과 한 박스라도 보내주고 싶은 마음입니다. 물론 이 것이 완전하다 할 수는 없겠습니다.

제로보드, 티스토리, 스프링노트, jwFreeNote 등 각종 웹 서비스와 다른 프로그램과의 연계 또한 이런 api로 가능해진다면 얼마나 좋겠습니까.

그러기 위해서는 위에 열거한 각종 프로그램에서 api를 지원해야하겠고 말이죠.

제가 사용하는 프로그램은 다음과 같습니다.


1) 홈페이지용 제로보드XE

2) 스프링노트

3) 티스토리

4) jwFreeNote


이 정도가 글쓰기, 글정리에 주로 사용하는 도구들인데 각각의 성격에 따라 나눈 것이긴 하지만 모두 다 위지윅에서 나름의 장점과 단점이 있기 때문에

통합하거나, 그러한 장점을 모았으면 하는 바람이 정말 많았거든요.

바라는 것이 있다면, 우선 WLW에서 1곳으로만 글쓰기가 게시되는 것이 아니라 선택해서 다양한 도구로 글을 써서 보낼 수 있었으면 하는 것과

티스토리는 이와 같이 사용 가능하므로 이후에는 제로보드, 스프링노트, jwFreeNote 등에서 api를 지원하여 다른 도구에서도 충분히 글을 받아올 수 있었으면 좋겠습니다.

짤방입니다.

WLW를 이용하여 티스토리에 글 적어 내보낸 경험기

WLW는 글을 내보낼 때 카테고리를 여러 개 지정해줄 수 있습니다. 티스토리와 마찬가지로 게시 날짜 또한 지정해줄 수 있고요.

하이퍼링크, 사진, 표, 지도, 동영상, 태그 등의 삽입도 기본적으로 지원하며 다른 플러그인도 손 쉽게 추가가 가능합니다.

왼쪽의 사진은 테스트로 넣어봤는데 텍스트와의 배치, 여백 설정, 테두리, 링크 삽입 또한 다른 도구와 비교해 아주 간편하네요.

글 쓸 때는 왼쪽 사진이 글의 길이에 따라 잘려보이고 하는 문제(?)는 보이지만, 실제 글로 내보내기 했을 때는 문제 없네요.

키워드나 태그도 지정해줄 수 있고 다양한 설정이 가능해서 실제로 글쓰기에 전혀 문제가 없고 오히려 더 편리한 글쓰기 도구가 될 것 같네요.  더 살펴보다보니깐 여러 계정을 추가해줄 수도 있는 것 같네요.

트랙백도 WLW에서 쏠 수 있습니다. 그리고 카테고리의 경우 중복이 아니네요. 글 보내서 확인해보니 맨 처음 추가한 카테고리에 지정이 되는군요. 아래에서 보시다시피 동영상 삽입도 잘 되군요. 하지만 url로는 안되고 embed 태그 자체를 넣어줘야 됩니다.





안타까운 것은 태그 입력이 되긴 하지만, 태그로써 입력되는 것이 아니라 본문에 그냥 태그라고 입력이 되는군요. 안타깝지만 별 수 없겠네요.

그리고 최근에 올린 블로그 글도 가져와서 수정 편집이 되고, 임시본이 같은 글일 경우 수정하여 다시 게시하게 되면 글이 다시 올라가는 것이 아니라 그 글에 수정하는 식으로 글이 작성이 되는군요.

아, 더 살펴보니 태그가 정상적으로 되는 방법이 있군요. 바로 보기-속성인 F2를 누르면 카테고리, 게시 날짜 설정 아래에 트랙백이나 키워드, 댓글 설정란 등이 있는데, 그 곳에 키워드가 바로 태그 폼에 입력이 되는 칸입니다. 그리고 트랙백 보낼 URL이라고 자세하게 설명을 해놓았지만 실제로는 트랙백이 이뤄지지 않는 것 같습니다.

그리고 티스토리에서 정상적으로 글을 작성했을 때 발행이란 것도 있는데 WLW로 글을 작성하게 되면 단지 공개만 되고 발행은 되지 않아 발행을 하기 위해서는 따로 설정을 해주어야 한다는 불편함도 있을 수 있겠습니다. 그리고 자주 사용하는 기능 중에 하나인 왼쪽,가운데, 오른쪽 설정이 없네요.

또, 이전에 티스토리에서 올린 글의 수정 또한 간편합니다. 열기(Ctrl+O)를 하면 내가 작성하는 블로그도 보이는데 그 곳에서 이전에 올린 글을 열 수가 있네요.

오호라, 편하군요! 키워드가 그 태그 기능을 대신하니 태그 삽입 기능이란 건 사실 필요없고, 이전에 올린 글도 맘대로 수정할 수 있다니 정말 편한 것 같습니다.

옵션에서 게시한 글 바로 안 띄우게 하는 설정도 있으니 뜨는 게 귀찮다 싶으면 안 뜨게 할 수도 있고, 정말 좋네요. ^^)/

다만 동영상의 경우는 직접 업로드는 못하는 게 아쉽네요.

TRACKBACK URL : http://blog.eond.com/trackback/2510969 관련글 쓰기

  1. Subject: 블로그의 글도 오프라인으로 쓴다!

    Tracked from 언제나 공사중!
    2007/11/20 11:28  | DELETE

    사람이 24시간 온라인 일 수도 없고, 온라인으로 쓰다보면 브라우저가 오류를 낸다든지, 서버가 오류를 낸다든지, 회선이 말썽을 부릴 수도 있습니다. 그럴 때면 길게 쓴 글이 날아가면 너무나 아쉽죠. 그래서, 온라인이 아닌 "오프라인으로 글을 쓸 수 없을까?" 라는 생각을 하곤 했습니다. (저 말고도 많은 분들이 저와 같은 생각을 하고 계실려나요? ^^) 찾아보니 몇가지 프로그램이 있더군요. 그 중에서 글을 쓰는데 다양한 옵션이 제공되는건 MS에서 만..

http://settings.messenger.live.com/applications/WebSettings.aspx
온라인에서 메신저 상태 표시
모든 인터넷 사용자가 내 온라인 상태를 보고 메시지를 보낼 수 있도록 허용합니다.에 체크하고,

http://settings.messenger.live.com/applications/CreateHtml.aspx
상태아이콘 / 메신저 둘 중에 하나를 선택하여 홈페이지나 블로그에 적당한 곳에 삽입합니다.

내가 운영하는 블로그나 웹사이트에 메신저 대화창을 심자!

안녕하세요, 마이크로소프트 온라인 사업부입니다.

내가 쓴 글이나 나의 웹사이트에 관심을 보이는 사람들과 대화를 나누고 싶은데 메신저 친구가 되기는 부담스러운 적 있으셨나요? 우연히 마음에 드는 웹사이트나 블로그를 찾았는데 주인장과 대화하려면 방명록에 글을 쓰고 금새 그 글을 썼다는 것조차 잊으신 적은 없으신가요? 이럴 때 사용하면 좋은 서비스를 소개하려고 합니다. 바로 내 메신저 접속상태 (온라인/오프라인/자리 비움 등)를 웹 상에 표시하거나 내 메신저 대화창을 웹사이트에 심을 수도 있는 'IM Me(온라인에서 메신저 상태 표시)’라는 서비스입니다.

[그림] 블로그에서 실제 메신저를 활용하는 모습


▶ 서비스 바로 사용하기(클릭)

▶ 관련 기사 보기

"윈도우 라이브 메신저를 블로그에 심자"

요즘 윈도우 라이브 관련 포스팅이 잦습니다. 아무래도 눈에 띄는 기능들이 많은 탓입니다. 양해를!

11월7일 '차세대 윈도우 라이브'가 전세계 동시 출시됐습니다. 이와 더불어 몇 가지 변화가 있는데요. 윈도우 라이브 메신저 이용자들에게 특히 흥미로운 소식이 있습니다.

업데이트된 윈도우 라이브 메신저는 웹과 보다 밀접히 연동됩니다. 예컨대 내 접속상태(온라인/오프라인/컴퓨터 사용 안함 등)를 웹상에서 표시하거나 아예 메신저 대화창을 웹사이트에 심을 수도 있습니다. 맞춤형 온라인 윈도우 라이브 메신저를 만드는 셈이죠.

방법은 이렇습니다. 윈도우 라이브 메신저의 '온라인에서 메신저 상태 표시' 설정 페이지로 접속합니다. '모든 인터넷 사용자가 내 온라인 상태를 보고 메시지를 보낼 수 있도록 허용합니다'에 체크한 다음, 화면 왼쪽의 'HTML 생성' 버튼을 누릅니다. 그러면 '메신저 상태 아이콘'과 '메신저 창'에 대한 각각의 HTML 코드가 생성됩니다. 이 코드를 복사해 블로그나 웹사이트의 원하는 위치에 붙여넣으면 됩니다. 간단하죠?

이제 블로그에서 메신저 친구들에게 자신의 상태를 알려주고 실시간 대화를 즐겨보세요. :)

[설명1] 온라인 메신저 상태 표시 설정을 활성화한 다음, 'HTML 생성'을 클릭한다.


[설명2] HTML 소스코드를 복사해 웹사이트의 원하는 위치에 붙여넣는다.


[설명3] 블로그 사이드바에 붙인 모습.



메신저 창을 붙일 때 HTML 코드의 'width'와 'height' 값을 조정하면 블로그 사이드바에 꼭 맞는 메신저 창을 달 수 있습니다. 다들 아시겠지만. ^^;

메신저 창 크기를 줄일 경우 인증키가 화면에 제대로 보이지 않는 오류가 발생합니다. 창 크기가 300×300에 최적화돼 있는 듯합니다. 그래서 저는 메신저 대화창을 블로그 상단 'Guest Book' 코너로 옮기고, 상단 메뉴에 메신저 상태 아이콘을 추가했습니다.

[출처]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ㅇ블로터닷넷(by asadal(asadal@bloter.net)
ㅇ링크:http://www.bloter.net/_news/8df43e622812de1f
ㅇ원문:http://asadal.bloter.net/642
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
http://windowslive.msn.co.kr/wlm/customer/view.asp?sectionDiv=2&seq=244&ser_k=a&ser_v=&BbsCode2=
이올린에 북마크하기(0) 이올린에 추천하기(0)

TRACKBACK URL : http://blog.eond.com/trackback/2510968 관련글 쓰기

hades PrtScr

하데스님의 블로그


  며칠 전에 어떤 경로를 통해 이 블로그를 알게 되었는데 바빠 제대로 보지 못하고 즐겨찾기 해놓기만 했는데 다시 가서 살펴보니 조회수가 대단하였습니다. 일일 만여회의 카운터를 기록하는데 그에 비해서 구글 애드센스 삽입 형태가 조금 맞지 않다 싶어 애드센스 컬러나 삽입 형태에 대해서 한 번 연구해보았습니다.

hades counter

하데스님의 블로그 조회수

  이 블로그는 얼마 정도의 수익을 올리는지는 잘 모르겠습니다만 봤을 때 아마도 조회수에 비해 그리 높은 수익은 얻지 못할 것 같습니다. 왜냐하면 애드센스의 삽입 형태가 그냥 냉장고에 던져 붙여놓은 자석 같았거든요.

  삽입된 광고형태를 조금 변화시키신다면 50% 정도의 수익도 기대할 수 있는 블로그 같습니다. 왜냐하면 카운터에서도 검증되었다시피 우선 다루는 컨텐츠 분야가 흔히 관심을 끌만한 소재거리이기 때문입니다.

하데스님의 블로그 카테고리

하데스님의 블로그 카테고리

구글 애드센스, 자동차, 영화, 핸드폰, 시사 가십, 드라마 등 사회 각 분야에 대한 중요 가십거리나 영화, 드라마 등 가장 일반적인 문화 컨텐츠, 그리고 요즘 블로그에서 가장 인기있는 관심분야인 구글 애드센스에 이르기까지 거의 요즘 일반인들에게 가장 흥미를 끌만한 소재 전 분야를 다루고 있는데, 그에 반해 애드센스 삽입 형태는 조금 부족하다는 생각이 들었습니다. 애드센스의 최적화에 조금 더 관심을 기울였으면 하는 바람이 있는데요,
그래서 제 나름대로의 하데스님의 블로그에 맞는 구글 애드센스 최적화 방안에 대해서 살펴보도록 하겠습니다.

먼저 상단의 애드센스의 색깔이나 위치를 조금 변경했으면 하는 바람이 있습니다.

사용자 삽입 이미지

  애드센스에서 가장 중요한 것은 바로 첫번 째 애드센스 단위입니다. 하데스님의 블로그의 경우 첫번 째 애드센스 단위는 바로 타이틀 하단부에 위치한 728*90 사이즈의 리더배너인데요,  보시다 시피 위치가 조금 맞지 않습니다. 애드센스를 삽입할 때는 블로그나 홈페이지 등과 얼마나 잘 어울리는가와 동시에 애드센스가 눈에 띄여야 하는데요, 이는 단순히 위치를 최상단에 삽입했다는 것만으로 되는 것은 아닙니다.
  색상과 위치를 조금 더 알맞게 변화시켜야 하는데 현재 삽입된 애드센스의 컬러 매치는 그다지 어울리지 않습니다. 타이틀과 같은 색상의 배경을 맞춤으로써 타이틀에 파묻히는 것도 아니고, 모양은 타이틀에 파묻힌 형태인데 배경 색상은 비슷한 계열이긴 하지만 전체 적인 타이틀, 텍스트, URL 등은 맞지 않거든요.
  그래서 한 번 고쳐보았습니다. (하다보니깐 배너 형식은 똑같지 않더라도 이해해주세요. ^^; )

사용자 삽입 이미지
사용자 삽입 이미지

아랫쪽이 현재 사용하고 있는 애드센스 컬러 팔레트이고, 윗쪽이 수정해본 컬러 팔레트입니다. 수정해본 색상 팔레트를 현재 하데스님의 블로그에 적용시켜보겠습니다. (형식은 달라도 팔레트 비교니깐 이해해주세요. ^^;)

사용자 삽입 이미지
나름 살짝 더 어울리는 것 같습니다. 양 여백이 만약 위와 같이 조금 5px 정도 차이가 나는 것은 애드센스를 블로그에 삽입시킬 때 다음과 같이 적용하시면 됩니다.

1) 애드센스 테두리색을 배경색과 똑같이 적용한다.
2) 애드센스를 삽입하는 곳을 <div>로 감싸고 그 div에 넓이와 테두리색을 적용한다.

이렇게 적용하시면 타이틀 넓이와 딱 맞는 구글 애드센스를 삽입하실 수 있습니다.

그리고 블로그 사이드바에 세로로 긴 애드센스를 삽입하셨는데, 색만 조금 수정하시면 될 것 같고요,
애드센스 단위는 한 페이지에 3개 까지 삽입이 가능하니, 본문 하단에 468*60 사이즈의 배너나 대형직사각형 혹은 조금 더 사이즈가 작은 중형 직사각형 애드센스를 본문 상단 우측에 삽입하는 것도 괜찮은 방법이겠습니다.

애드센스 최적화에 대한 더 자세한 방법은 아래 첨부한 '구글 애드센스 최적화 가이드' 편을 한 번 읽어보시길 바랍니다. (세 곳의 주소 다 동일한 파일입니다. 파일 용량이 35.4MB나 되서 트래픽에 무리가 가지 않도록 미러링 주소를 제공해주셨습니다.)

http://www.myseminar.co.kr/google/News/guide.pdf
http://blog.donguk.com/guide.pdf
http://www.icedoll.com/ads/guide.pdf
이올린에 북마크하기(0) 이올린에 추천하기(0)

TRACKBACK URL : http://blog.eond.com/trackback/2510958 관련글 쓰기

파이어폭스 추천 확장기능

PUBLISHED 2007/11/12 23:30
POSTED IN 빵원짜리 팁
제가 추가하여 사용 중인 파이어폭스 확장기능 중에서 추천하는 플러그인을 소개하여 올립니다.
추후 추가하는 확장기능은 이 곳에 계속하여 올리나갈 것입니다.

1. 파이어폭스에서 문자 보내자.
  문자 서비스를 제공하는 대다수의 사이트들이 only IE인 경우가 많습니다. 그래서 파이어폭스를 사용하는 사람들은 문자 보내기가 상당히 어렵죠. 하지만 이 확장기능은 그런 불편함을 해소시키고 오히려 더 편리하게 사용할 수 있게 도와줍니다.

LightSMS (https://addons.mozilla.org/ko/firefox/addon/5358)

파이어폭스에서 문자 메시지(SMS)를 보낼 수 있게 해주는 확장기능입니다.
문자를 보내기 위해서는 네이트온 메신저나 www.tworld.co.kr의 계정이 있어야 합니다.
그리고 SKT, KTF, LGT의 가입자이어야 합니다.
하지만 단점으로는 보낸 문자가 확실히 전송이 되었는지 확인이 어렵습니다. 제대로 문자가 보내졌는지 의문이고, 가끔 써보기는 하는데 안 보내질 때도 있는 것 같기도 합니다. -_-;;;;


2. 북마크를 웹에 저장해서 쉽게 꺼내 사용해보자.

파이어폭스의 가장 큰 장점은 다양한 확장기능이 존재한다는 것입니다. 그 중에 북마크 확장기능은 사용자들의 요구에 맞게 IE와 비교해볼 때 상당히 다양하고 편리한 북마크 확장기능이 존재합니다.
북마크 확장기능에 대해서만 따로 포스팅할 정도로 많은데요, 우선 Gmarks 라는 북마크 확장기능을 소개해볼까 합니다.

Gmarks (https://addons.mozilla.org/ko/firefox/addon/2888)

GMarks는 구글의 즐겨찾기와 같은 기능이나 보여지는 모습은 익스의 즐겨찾기나 검색 처럼 왼쪽에 따로 창이 뜨는 방식이죠. 평소에 구글 툴바를 이용하여 북마크를 이용하고 있었는데 설치되지 않은 파이어폭스와 설치한 후의 파이어폭스를 비교한 결과 구글툴바를 설치한 파이어폭스가 실행이 좀 굼뜬 느낌이더군요. 그래서 삭제하고 이 플러그인을 활용하여 구글 북마크를 사용하고 있습니다.
구글 툴바보다 인터페이스도 편리하고, 기존의 즐겨찾기 페이지와 모양이 같다보니 사용이 참 편리합니다.
다만 단축키나 마우스 제스쳐 기능을 제공하지 않고 있기 때문에 파이어폭스에 내장된 즐겨찾기와 Gmarks의 즐겨찾기를 서로 왔다갔다 하는 게 불편합니다.

하지만 이 것은 또 다른 플러그인으로 해결이 가능할 듯 싶기도 한데, 아직 그래보지 않아서 잘 모르겠군요.

※ 참조 : http://sosiro.egloos.com/1483736


3. 파이어폭스 캡처 플러그인

파이어폭스에는 다양한 확장기능이 있는만큼 정말 필요로 하는 확장기능이 많습니다.
캡쳐 기능 역시 그 중에 하나인데, 단지 사용만 하는 경우라면 별로 필요없을지도 모르겠지만
블로그 등에 글을 작성할 때는 캡쳐 기능이 정말 자주 사용하는 기능 중에 하나입니다.

우선 제가 사용하는 캡처 확장기능이 두 개 있는데,

첫번째는 ScreenGrab 입니다.
https://addons.mozilla.org/ko/firefox/addon/1146
사용자 삽입 이미지
브라우저 우측 하단에 작은 아이콘이 있어 화면 자체를 그림 파일로 저장하거나 클립보드에 카피하는 기능이 있습니다. Save / Copy 중에 선택하면 프레임 영역 전체를 캡쳐할지, 아니면 보이는 화면만 캡쳐할지, 선택한 부분만 캡처할지에 대해서 선택하여 화면을 캡쳐할 수 있습니다. 이 확장기능은 브라우저 자체에서 화면을 선택하는 것인데 반해,

두번 째, Save As Image 는 새로운 창이 떠서 그 창 안에서 여러가지 옵션을 지정해서 사용할 수 있습니다. (더 이상의 설명과 스크린샷은 여기서 잠시 마치기로 하겠습니다.)

-관련글-
파이어폭스 캡처 플러그인은 없을까요?;;
http://miniwini.com/miniwinis/bbs/index.php?bid=qna&m=my&mode=read&id=50911&p=2&who=


-그 외-

1.Flashblock
2.Google Toolbar For Firefox
3.ImageShack Toolbar
    ImageShack 파이어폭스용 확장기능은 비추천합니다.
4.파이어폭스 스크린샷 플러그인
http://search.naver.com/search.naver?query=%C6%C4%C0%CC%BE%EE%C6%F8%BD%BA+%BD%BA%C5%A9%B8%B0%BC%A6+%C7%C3%B7%AF%B1%D7%C0%CE&where=j&frm=ff
5. FoxyTunes (http://www.foxytunes.com/firefox/download/)
언어파일 http://www.foxytunes.com/firefox/localized.html


이올린에 북마크하기(0) 이올린에 추천하기(0)

TRACKBACK URL : http://blog.eond.com/trackback/2510849 관련글 쓰기

MP3 무제한 다운로드 송사리

PUBLISHED 2007/11/12 02:21
POSTED IN 빵원짜리 팁

프로그램도 이쁘고 간단하게 사용할 수 있네요. :)
이올린에 북마크하기(0) 이올린에 추천하기(0)

TRACKBACK URL : http://blog.eond.com/trackback/2510950 관련글 쓰기

  1. 박보경 PERMALINK
    EDIT  REPLY
    관리자의 승인을 기다리고 있는 댓글입니다
    2008/08/17 13:16
  2. 기영수 PERMALINK
    EDIT  REPLY
    관리자의 승인을 기다리고 있는 댓글입니다
    2008/09/05 16:05
  3. 비밀댓글 입니다
    2008/09/20 19:39
http://eond.com/search/result.htm

입력폼과 이미지폼의 정렬을 어떻게 맞추나요?

코드:
.search_form {border:4px solid black;height:32px;margin-bottom:3px;}

<input type="text" name="q" size="22" maxlength="255" value="" id="sbi" class="search_form"></input>

<input type="image" src ="btn_sch.gif" width="45px0" height="32px" border="" name="sa" value="검색" id="sbb"></input>

사용된 소스는 다음과 같습니다.

텍스트폼과 이미지폼의 정렬은 서로 맞지 않기 때문에 서로 다른 셀 안에 가둬줘야 합니다.
<table><tr>
<td>텍스트폼</td>
<td>이미지폼</td>
</tr><table>

<div style="float:left">텍스트폼</div>
<div>이미지폼</div>


이올린에 북마크하기(0) 이올린에 추천하기(0)

TRACKBACK URL : http://blog.eond.com/trackback/2510946 관련글 쓰기

THIS PAGE HAS BEEN LOCKED BY PASSWORD

윈도를 빠르게 끄자.

PUBLISHED 2007/11/08 20:24
POSTED IN 빵원짜리 팁
네이버 지식인에 있는 글이므로 윈도우에 다른 영향을 미칠 수도 있습니다.
정확한 정보가 없으므로 주의하십시오.

응용 프로그램에 오류가 있을 때 종료가 올래 걸린다. 하지만 2~3분 씩이나 걸린다면 다른 문제가 있을수 있다.
이것은 '사용자프로필'의 문제일 때가 많다.
윈도를 종료하면 '사용자프포필'을 저장하는데, 이때 실패를 하면 성공할 때 까지 최대 60번을 다시 시도한다.
횟수를 줄이면 문제가 생겨도 빠르게 종료할 수 있다

시작-실행-gpedit.msc

그룹정책
컴퓨터구성-관리 템플릿-시스템-사용자 프로필
사용자 삽입 이미지

시스템프로필언로드~ 에 들어온 뒤에 바로 빨간색으로 표시된 곳을 사용으로 고친후
재시도 최대 횟수를 조정해주시면 됩니다 (기본:60)

<출처 : http://blog.naver.com/68jojo?Redirect=Log&logNo=40041141528 >
이올린에 북마크하기(0) 이올린에 추천하기(0)

TRACKBACK URL : http://blog.eond.com/trackback/2510944 관련글 쓰기

이 팁은 티스토리 및 테터툴즈에 한 합니다.
그리고 블로그페이지카운터가 반드시 설치되어있어야 작동합니다.

이 프로그램은 블로그페이지카운터를 응용하여 만들었습니다.
이 것은 자신의 페이지에 인기글 리스트를 달 수 있도록 도와줍니다.

설치방법은 아래 내용을 skin.html 에 붙여넣으시면 됩니다.

<style type="text/css">
.lister ul {list-style:none; font-size:12px; margin-left:10px; padding:0px;}
.lister ul li {line-height:11pt;}
.cnt { font-size:9px } <!--// 조회수관련-->
</style>
<script language='javascript' type='text/javascript'>
document.write('<script type="text/javascript" charset="utf-8" src="http://n-3.net/count/lister.js.php?id=##&listmax=10&days=7&wordmax=15"></'+'script>');
</script>


여기서 추가로 한 가지 더 설정해야하는 것이 있는데, 바로 자신의 아이디를 적으셔야 합니다.

아이디는 어디서 볼 수 있냐하면 자신의 블로그 페이지 조회수가 표시되는 부분에 마우스를 올려놓으시면  http://n-3.net/count?id=## 이런 식으로 링크가 보일 겁니다.
빨간색 ## 부분의 부분을 위 코드에 있는 ## 부분에 적어넣으시면 됩니다.

옵션으로 위의 코드에서 listmax 라는 부분이 보이는데요.
listmax는 목록화될 글의 갯수 값입니다.
listmax의 값은 1부터 30까지입니다.

그리고 days 라는 옵션은 보여질 인기글의 기간 값입니다.
days의 값은 1부터 30일까지로 했습니다.
기간 설정으로 하루, 3일간, 일주일간, 한달간 등의 인기글을 표시할 수 있습니다.
days의 값으로 -1값을 주면 기간에 상관없이 등록된 글의 랜덤 글목록이 표시됩니다. (2007.05.27 추가)

글제목 길이 조정은 wordmax의 값을 적어주시면됩니다. (goooood님 요청)

디자인 변경은 위의 예시처럼 적당히 해주시면 되겠습니다.

적용된 예는 밑의 이미지를 참고하세요~
사용자 삽입 이미지

#예시로 집어넣기.
이 플러그인을 사용하는 다른 블로거
http://lifeisgood.tistory.com/580


하지만 단점은 서비스 제공자의 계정이 서비스 점검 중일 때는 이 것을 제공받는 측에서도 사용이 불가능하다는 것입니다. cafe24 호스팅을 사용하고 계시는 것 같은데 시스템 점검 중일 때는 이 것이 표시되지 않는데 제공자 입장에서는 그 이유를 모르니 뻥~할 따름입니다.
새벽 5시까지 작업이라는 군요. 그래서 이 포스팅은 여기서 잠정 마치겠습니다.

이올린에 북마크하기(0) 이올린에 추천하기(0)

TRACKBACK URL : http://blog.eond.com/trackback/2510938 관련글 쓰기

이 팁은 테터툴즈, 티스토리에 한합니다.

제작자 : Sammy
이름    : Blog Page Counter / 블로그 페이지 카운터
설명    : 블로그 페이지 카운터를 한번 만들어봤습니다.
            티스토리의 경우 플러그인 적용이 힘들기 때문에 자바스크립트로 제 호스팅 디비와 연동시켜
            표시하는 방법으로 사용 가능합니다.
            표시하는 형식은 디자인 변경이 용이하도록 텍스트 형식으로 스타일이 적용되게 했습니다.
출처    : http://www.n-3.net/blog (클릭하시면 새창으로 원 글이 열립니다.)

샘플은 아래와 같습니다.

샘플1. 기본 샘플입니다.
사용자 삽입 이미지
샘플2. 다음과 같이 변경 가능합니다.
사용자 삽입 이미지

사용방법 : 사용법은 아래의 코드를 skin.html 의 원하는 부분에 붙여 넣으시면 됩니다.
                디자인 외에 따로 설정할 것은 없습니다.
                디자인 변경하실 분은 <style>..</style> 부분 정도만 고치시면 됩니다.
                조회전체, 오늘, 어제 등의 텍스트 변경을 원하시면 아래의 코드 중에
                조회 전체:Total view : 등으로 고치면 됩니다.
                조회 부분을 클릭하면 인기글 목록을 표시해주는 페이지로 이동됩니다.
                아래 소스를 복사하여 skin.html의 원하는 곳에 붙여넣으면 됩니다.
                아래 ti_and_tatter_page_counter를 다운받으셔서 내용을 복사한 후
                skin.html 에서 나타내고자 하는 부분에 붙여넣기 하시면 됩니다.

ti_and_tatter_page_counter
이 파일을 다운받아서 내용을 복사해서 사용하시기 바랍니다. 아래는 소스 설명입니다.

 1  <!--//skin.html 파일에 아래를 복사해 붙여넣으시면 됩니다//-->
 2  <!-- //starting page counter script by n-3.net// -->
 3  <style type="text/css">
 4  #cnt-total-title {font-weight:normal;}        /*"조회 전체"스타일*/
 5  #cnt-today-title {font-weight:normal;}        /*"오늘" 스타일*/
 6  #cnt-yesterday-title {font-weight:normal;}    /*"어제" 스타일*/
 7  #cnt-total {font-weight:normal;}        /*전체카운터 스타일*/
 8  #cnt-today {font-weight:normal;}        /*오늘카운터 스타일*/
 9  #cnt-yesterday {font-weight:normal;}        /*어제카운터 스타일*/
10  </style>
11  <span id="ct-total" style="display:none;">조회 전체: </span> <!--//전체 타이틀//-->
12  <span id="ct-today" style="display:none;">&nbsp;, 오늘 </span> <!--//오늘 타이틀//-->
13  <span id="ct-yesterday" style="display:none;">&nbsp;, 어제: </span> <!--//어제 타이틀//-->
14  <span id="ct-" style="display:none;"></span>
     <!--//카운팅 페이지 타이틀// -->
15  <span id="cp-" style="display:none;"></span>
     <!--//카운팅 페이지 링크//-->
16  <script language='javascript' type='text/javascript'>
17  var title = document.getElementById("ct-").innerHTML;
18  var page = document.getElementById("cp-").innerHTML;
19  var total = document.getElementById("ct-total").innerHTML;
20  var today = document.getElementById("ct-today").innerHTML;
21  var yesterday = document.getElementById("ct-yesterday").innerHTML;
22  var reg = /'/gi;
23  var enct = encodeURIComponent(title.replace(reg,"\'"));
24  var encp = encodeURIComponent(page.replace(reg,"\'"));
25  var ett = encodeURIComponent(total.replace(reg,"\'"));
26  var etd = encodeURIComponent(today.replace(reg,"\'"));
27  var eyd = encodeURIComponent(yesterday.replace(reg,"\'"));
28  document.write('<script type="text/javascript" charset="utf-8"
     src="http://n-3.net/count/counter.js.php?enct='+enct+'&encp='+encp+'&ett='+ett+'&etd='+etd+'
     &eyd='+eyd+'"></'+'script>');
29  </script>
30  <!-- //end of page counter script by n-3.net// -->

1~10줄까지는 <head>와 </head> 사이에 넣어주시고,
11~30줄까지는 글의 하단부에 나타내고자 하는 위치에 복사하여 붙여넣기 하시면 됩니다.

이올린에 북마크하기(0) 이올린에 추천하기(0)

TRACKBACK URL : http://blog.eond.com/trackback/2510937 관련글 쓰기

기존에 eond.myid.net 이라는 오픈아이디를 사용하고 있었는데, 마침 와우님께서 자기 도메인을 이용하여 오픈아이디를 사용할 수 있게 테스트 겸 세팅하여 주신다기에 지난 4월경에 신청하여 요즘에는 id.eond.com 으로 로그인하고 그럽니다.
물론 이 것은 단순히 사용하던 이전 오픈아이디를 A로 하고 내 도메인 아이디를 B로 했을 때, B를 A로 연결시켜준다는 정도라서 로그인 절차를 걸칠 때는 완전히 새로운 것이 아니라 A의 서비스를 이용하는 것입니다.

자신의id.자기도메인주소 를 openid로 사용하시고 싶은 분께..

    id.domain.com 형태의 도메인의 A레코드를
    210.112.121.105 로 세팅해주시고
    (티스토리를 자신의 도메인으로 세팅해보신분들 ^^ 처럼 하시는겁니다~)

    리플로 본인의 오픈 아이디를 적어주세요.
    내일 출근하여 세팅하고 리플 달아드리겠습니다.
    리플이 달린분은 자신의 도메인으로 로그인이 되는지 테스트좀 부탁드리겠습니다.   
   
http://miniwini.com/miniwinis/bbs/index.php?bid=talk&m=search&mode=read&id=94790&p=1&keyword=id.eond.com&scale=3&op=and&idx=2  
 
    리플 적어주시는 예제:
  • 사용하고픈 내 도메인 오픈아이디 : iam.wowpc.net
  • 오픈아이디                               : wowpc.myid.net



Q. 로그인은 됩니다만, 스프링 노트 등을 쓰려면, 원래의 오픈아이디와 다른 아이디로 알더군요.
    같은 아이디로 알아야 하는 것이 아닐까요?
A.
그러면 좋긴 하겠습니다만 아마 위와 같은 방식으로 했을 경우엔 새로운 오픈아이디라고
    인식을 하는 모양입니다. 저로서로 별 방법이 없습니다.
    하지만
스프링노트에서는 다른 아이디를 추가하여 다른 3개의 아이디로 하나의 스프링노트를
    사용할 수 있습니다.

Q. openid를 이용해서 어떤것을 만들어보려고 myid.net에서 자료를 검색하던 도중에
    어떤 도메인의 html 에
    <link rel="openid.server" href="http://www.myid.net/server" />
    <link rel="openid.delegate" href="http://id.myid.net/" />
    <meta http-equiv="X-XRDS-Location" content="http://id.myid.net/xrds" />
    를 넣으면 wowpc님이 현재 하고계신것과 동일한 효과가 나타나는것을 알았습니다;
A.
예 맞습니다 ^^ 그걸 이용한겁니다.
    다만, 일반 사용자들이 네임서버에서 2차 도메인을 추가하는건 쉬울 수 있으나,
    그걸 자기 계정의 특정 디렉토리에 virtual host로 설정하기는 어렵다고 판단하고
    대신 해주고 있는 것일 뿐입니다.. ^^
이올린에 북마크하기(0) 이올린에 추천하기(0)

TRACKBACK URL : http://blog.eond.com/trackback/2510929 관련글 쓰기

Quick Search?

PUBLISHED 2007/11/06 13:25
POSTED IN 빵원짜리 팁
파이어폭스를 사용 중에 Home키를 두번 연속으로 따닥 누르니깐 Quick Bookmark Search 창이 열린다.
다시 홈키를 두번 따닥 누르니깐 사라진다. 이게 뭘까?

다음 검색페이지에서 F2를 누르니깐 퀵 서치 레이어가 나타난다. 이게 뭘까?

네이버에서 F2를 누른다. 그냥 검색폼으로 커서가 이동하게 된다. 네이버는 아무 위치에서 키보드를 입력하면
검색폼에 입력이 되는데 이런 키는 별로 필요가 없다.

Quick Bookmark Search

이게 뭐나~~
이올린에 북마크하기(0) 이올린에 추천하기(0)

TRACKBACK URL : http://blog.eond.com/trackback/2510924 관련글 쓰기