레몬펜 story 레몬펜스토리, 여러분께 알려드리는 신선한 레몬펜 이야기
이글루스에 레몬펜 설치하기 설치 가이드 | 2008/05/13 17:30
이글루스에 레몬펜 설치하기
이제 이글루스에서 간단히 환경 설정 조작만으로 손쉽게 레몬펜을 만나보실 수 있습니다.
(서비스 배포 이전, 이글루에 레몬펜을 수동으로 설치하셨던 사용자께서는
기존 레몬펜을 삭제 후, 아래 방법에 따라 다시 설치 부탁드립니다.)
1. 이글루스에 로그인 하신 뒤 내 이글루에서 이글루관리 메뉴를 선택해 주세요.

2. 부가 기능 메뉴 내의 '레몬펜'을 선택해 주세요.

3. '레몬펜 설치하기'를 누르시고 나의 오픈마이디로 로그인 해주세요.

4. 설치 완료 메시지가 뜨면 성공!!

5. 내 이글루에 레몬펜이 달렸어요!!

< 이글루스에 레몬펜 설치하기 초간단 동영상>
* 내 이글루 메뉴바에 '최근 레몬펜 쪽지' 삽입하기
1. 내 이글루 관리> 메뉴 관리에서 메모장을 활성화 시켜줍니다.
메모장 버튼을 한번 눌렀을 때 주홍빛으로 버튼이 변하면,활성화 완료!

2. 블로그 관리>메뉴별 설정에서 메모장 편집을 선택해 주세요.

3. 메모장 제목과 내용에 각각 다음과 같이 입력해 줍니다.
최근 레몬펜 쪽지 (고급: 제목은 맘대로 수정하셔도 됩니다.)
<div id="recent-lemonpen-memo"></div>

5. 이제 내 이글루에서 등록된 새로운 레몬펜 쪽지를 메인에서 볼 수 있게 되었습니다.

Posted by 레몬펜
트랙백 주소 :: http://blog.lemonpen.com/trackback/47
제로보드XE에 레몬펜 설치하기 설치 가이드 | 2008/02/20 19:23
![]()
![]()
![]()
제로보드XE에 레몬펜 설치하기
제로보드XE beta ver 0.2.7 (2007-12-10) 버전부터 레몬펜 애드온이 제공되고 있습니다.
따라서 아래 메뉴얼에 따라 제로보드에도 레몬펜을 설치하실 수 있습니다.
1. 제로보드 관리페이지에서 [관리형 모듈 > 애드온] 메뉴를 클릭합니다.
2. 애드온 목록에서 레몬펜 항목을 찾아, [미사용] 링크를 클릭,
[사용]으로 바꾸어주세요.
▼ 아래 그림과 같이 클릭해주시면 됩니다.
목록에 LemonPen XE 애드온이 없다면?
◎ 레몬펜 애드온은 제로보드XE beta ver 0.2.7 (2007-12-10) 버전부터 제공되고 있습니다.
제로보드XE 다운로드 페이지에서 새 버전을 설치해보세요
3. 설정 링크를 눌러 sid값을 넣어줍니다.
① sid값은 레몬펜 설치코드에서 아래 빨간 부분(9a9b1c2d2e4)입니다.
최근에 달린 덧글 의 DIV 스타일을 찾습니다. 아마 대부분 아래와 같은 형태일
것입니다.
<script src="http://script.lemonpen.com/site/lemonpen.js?sid=9a9b1c2d2e4
"type="text/javascript" charset="UTF-8"></script>
② 설정 링크를 눌러 아래와 같이 설정 창에서 sid값을 입력해주시면 됩니다.
4. 이제 설치가 끝났습니다.
이제 제로보드XE로 만들어진 사이트의 방문자들이 게시판에서 레몬펜을 사용할 수 있습니다.^^
5. 내 사이트에서 최근 레몬펜 쪽지 목록을 보려면?
사이트 소스의 원하는 위치에 아래 소스코드를 추가해주세요
<div id="recent-lemonpen-memo"><h3>최근 레몬펜 쪽지</h3></div>
※id="recent-lemonpen-memo" 와 제목(h1~h6) 외의 html코드는 수정이 가능합니다.
6. 레몬펜 쪽지 목록의 이미지 버튼이 줄과 어긋나게 나온다면 아래처럼 수정해주세요.
CSS 소스 (style.css 등) 에 아래 소스코드를 추가해주세요
#recent-lemonpen-memo a img {vertical-align:middle;}![]()
![]()
![]()
![]()
Posted by 레몬펜
트랙백 주소 :: http://blog.lemonpen.com/trackback/24
텍스트큐브에 레몬펜 설치하기 설치 가이드 | 2008/02/20 19:20
![]()
![]()
![]()
텍스트큐브에 레몬펜 설치하기
블로그 관리메뉴의 스킨 > 스킨편집 메뉴를 선택하고
블로그 소스 하단 </body> 태그앞에방금 발급받은 레몬펜 설치코드를 추가해주세요.
① 내 블로그에서 최근 레몬펜 쪽지 목록을 보려면?
블로그 관리메뉴의 스킨 > 스킨 편집 메뉴를 선택하고
블로그 소스의 원하는 위치에 아래 소스코드를 추가해주세요
<div id="recent-lemonpen-memo"><h3>최근 레몬펜 쪽지</h3></div>
※id="recent-lemonpen-memo" 와 제목(h1~h6) 외의 html코드는 수정이 가능합니다.
일반적으로는 브라우저에서 Ctrl-F 를 눌러 '최근' 등으로 검색하면 사이드바의 위치를
찾으실 수 있습니다.
② '최근 레몬펜 쪽지' 위젯 모양(스타일) 다른 사이드바 위젯들과 맞추려면?
레몬펜 쪽지 목록 스타일이 다른 스킨의 위젯과 다른 형태로 나온다면 아래와 같이수정해주세요.
1) 최근에 달린 덧글 의 DIV 스타일을 찾습니다. 아마 대부분 아래와 같은 형태일 것입니다.
<div class="sample-side-module">
2) 위 class명을 레몬펜 쪽지 소스코드의 div class이름으로 적어줍니다.
<div id="recent-lemonpen-memo"><h3>최근 레몬펜 쪽지</h3></div>
<div class="sample-side-module" id="recent-lemonpen-memo">
<h3>최근 레몬펜 쪽지</h3></div>
위와 같이 하시면 최근에 달린 덧글과 같은 형태로 레몬펜 쪽지들이 나오게 됩니다.
③ 레몬펜 쪽지목록의 이미지버튼이 줄과 어긋나게 나온다면?
스킨 > 스킨 편집 메뉴에서 style.css 항목에 아래 소스코드를 추가해주세요
#recent-lemonpen-memo a img {vertical-align:middle;}![]()
![]()
![]()
![]()
Posted by 레몬펜
트랙백 주소 :: http://blog.lemonpen.com/trackback/23
태터툴즈에 레몬펜 설치하기 설치 가이드 | 2008/02/20 18:58
![]()
![]()
![]()
테터툴즈에 레몬펜 설치하기
블로그 관리메뉴의 스킨 > 스킨편집 메뉴를 선택하고
블로그페이지 소스에서 <head>와 </head>태그 사이에방금 발급받은
레몬펜 설치코드를 추가해주세요.
# 최적화된 레몬펜 설치 팁
팁순서대로 레몬펜 설치시 최적화된 레몬펜을 사용 하 실 수 있습니다.
- 설치방법
1. 레몬펜 설치코드를 블로그 페이지 소스에 "붙여넣기"를 해 주세요
2. 붙여넣은 소스 중 <script>....</script> 를 <body>태그 바로 아래로 이동해 주시면 가장 빠른 로딩 속도로 수행이 됩니다.
테터툴즈에 알리미위젯 설치하기
1. 내 블로그에서 최근 레몬펜 쪽지 목록을 보려면?
블로그 관리메뉴의 스킨 > 스킨 편집 메뉴를 선택하고
블로그 소스의 원하는 위치에 아래 소스코드를 추가해주세요
<div id="recent-lemonpen-memo"><h3>최근 레몬펜 쪽지</h3></div>
※id="recent-lemonpen-memo" 와 제목(h1~h6) 외의 html코드는 수정이 가능합니다.
일반적으로는 브라우저에서 Ctrl-F 를 눌러 '최근' 등으로 검색하면 사이드바의 위치를
찾으실 수 있습니다.
2. '최근 레몬펜 쪽지' 위젯 모양(스타일) 다른 사이드바 위젯들과 맞추려면?
레몬펜 쪽지 목록 스타일이 다른 스킨의 위젯과 다른 형태로 나온다면 아래와 같이
수정해주세요.
1) 최근에 달린 덧글 의 DIV 스타일을 찾습니다. 아마 대부분 아래와 같은 형태일
것입니다.
<div class="sample-side-module">
2) 위 class명을 레몬펜 쪽지 소스코드의 div class이름으로 적어줍니다.
<div id="recent-lemonpen-memo"><h3>최근 레몬펜 쪽지</h3></div>
<div class="sample-side-module" id="recent-lemonpen-memo">
<h3>최근 레몬펜 쪽지</h3></div>
위와 같이 하시면 최근에 달린 덧글과 같은 형태로 레몬펜 쪽지들이 나오게 됩니다.
3. 레몬펜 쪽지목록의 이미지버튼이 줄과 어긋나게 나온다면 아래처럼 수정해주세요.
스킨 > 스킨 편집 메뉴에서 style.css 항목에 아래 소스코드를 추가해주세요
#recent-lemonpen-memo a img {vertical-align:middle;}![]()
![]()
![]()
![]()
Posted by 레몬펜