레몬펜 story 레몬펜스토리, 여러분께 알려드리는 신선한 레몬펜 이야기
태터툴즈에 레몬펜 설치하기 테터툴즈 설치 가이드 | 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 레몬펜
