안내 : 블로그 주소 지원

블로그 주소 문제 해결 방법

블로그는 한 페이지에 여러글들이 게시되거나, 새로운 글이 추가되면서 이전 글들이 해당 페이지에서 사라지는 특성이 있습니다. 이경우, 특정 글에 남겨둔 레몬펜 하이라이트와 쪽지 등도 같이 사라지거나 엉뚱하게 나타나는 문제가 있습니다.

이 문제를 해결하기 위해서, 레몬펜 하이라이트와 쪽지를 특정 글의 고용 페이지 (고유 링크, 퍼머링크) 에 저장하고, 글이 나오는 모든 페이지에서 글을 따라 다니도록 개선하였습니다. (이를 '포함글 패턴' 이라고 합니다.)

다만, 모든 블로그 스킨이 이 기능이 적용되지는 않습니다. 아래의 방법에 따라 나의 블로그에서도 이 기능이 지원되는지 확인 하시고, 간단한 스킨 수정으로 이 기능을 활용해 보시기 바랍니다.

관련글 : 블로그 주소 지원 패턴 안내 - 표준 태터/워드 블로그 스킨과 같은 패턴은 자동으로 지원됩니다.

[먼저 확인해보세요!] 레몬펜이 여러분의 블로그/사이트에서 '글영역' 을 잘 감지하는 지 확인합니다.

하이라이트 아닌 그냥 쪽지를 하나 만드시고, 위치를 이리 저리 옮겨 보십시오.
글 영역이 어둡게 잡히면 잘 감지되는 것입니다.

gg

이런 블로그에서는 블로그 글이 페이지를 넘어가거나 다른 주소로 방문했다 하더라도 쪽지들이 사라지지 않고 잘 나타납니다.
걱정 마시고 자유로이 형광펜을 긋고 메모쪽지를 남겨주세요~

'글영역'을 감지하지 않는다면...

1) [권장] '레몬펜 권장 표준' 패턴에 맞게 스킨을 수정해보세요.

(티스토리, 테터툴즈, 텍스트큐브에서는 블로그 관리메뉴의 스킨 > HTML/CSS 편집 또는 스킨 > 소스편집 메뉴를 클릭하시면 됩니다)
스킨 소스에서 글 제목/고유링크 와 글 내용을 포함하는 글영역 블럭 태그를 찾습니다.
- 예를들어, 티스토리나 테터툴즈, 텍스트큐브의 경우, 아래와 같이 글영역 시작을 나타내는 s_article_rep 태그를 찾아주세요.

<s_article_rep> 
<div class="비표준클래스명">

글영역 블럭 태그 (보통 div) 의 class='hentry' 를 추가합니다. (이때, 기존 비표준클래스명을 지우지 않습니다. 지우면 스타일이 깨질 수 있습니다.)

<div class="비표준클래스명"> (이 소스를)

↓

<div class="비표준클래스명 hentry">            (이렇게 바꿉니다)

글 영역 내, 글 제목의 고유링크 a 태그의 rel='bookmark' 를 추가합니다. (이미 있다면, 역시 기존값 뒤에 한칸 띄어 추가만 해줍니다.)
1. <a href="글고유주소">글제목</a> (이 소스를)
↓
1. ```
<a href="글고유주소" rel="bookmark">글제목</a>   (이렇게 바꿉니다)
```

이렇게 바꾸어주시면, 블로그 포스트에 남긴 쪽지들이, 주소가 바뀌더라도 잘 보존될 것입니다.
- 적용전에 저장된 쪽지/하이라이트들은 페이지 주소로 저장된 것이라, 나타나지 않을 수 있습니다.

2) 다른 용도로 응용하기

textcube 방명록 포함글
내블로그 전체 페이지에 나오는 공지쪽지판 ('까마귀의 둥지'님 아이디어)
레몬펜쪽지카트
- 내 블로그의 엉뚱한 페이지에 부착된 쪽지를 옮길 때 씁니다.
- 약간 응용하면, 커플끼리 블로그 사이드바 일부영역을 공유한후, 커플 공지 쪽지판도 가능합니다.
기타, 같은 글의 URL 이 여러개 (특히, 파라미터만 조금씩 다른 경우 등) 인 경우에 해결책도 됩니다.

3) [개발자 대안] 블로그/사이트별 스크립트 설정하기

블로그 표준 패턴에 따른 글영역 자동 검출이 지원되지 않는 블로그들은, 스킨을 수정하여 태그 패턴을 권장 표준이나 블로그별 표준에 맞추면 지원됩니다.
하지만, 일반사이트의 방명록 서비스와 같이 블로그의 표준 패턴이 적용되지 않는 경우, 또는 태그를 수정하기 어려운 경우, 사이트별 설정을 사이트별 설치 소스에 추가하여 레몬펜에게 사이트의 글 패턴을 알려줄 수 있습니다.

형식은 아래와 같습니다.

<script type="text/javascript">

var LemonpenBlogFormat = {entry:"글영역의 클래스 이름",title:"글의 고유 링크가 포함된 영역의 클래스 이름"};

</script>

<script src="http://script.lemonpen.com/site/lemonpen.js?sid=XXXXXXXX" type="text/javascript" charset="UTF-8"></script>

예를 들어,

<div class="my-blog-article">
<h2 class="my-blog-title">
<a href="http://myblog.com/150">나의 게시물 제목</a>
</h2>
<div class="my-blog-article-body">이것은 나의 게시물 내용입니다.</div>
</div>

위와 같이 구성된 사이트라면,
레몬펜 설치소스코드를 아래와 같이 수정하시면 됩니다.

<script type="text/javascript">

<!--

var LemonpenBlogFormat = {entry:"my-blog-article",title:"my-blog-title"};

//-->
</script>

<script src="http://script.lemonpen.com/site/lemonpen.js?sid=XXXXXXXX" type="text/javascript" charset="UTF-8"></script>

블로그 글에서 레몬펜 형광펜과 쪽지가 잘 보존되지 않아 불편하셨던 문제들이 이번 개선으로 모두 해결되었으면 하는 바램입니다^^

블로그 주소 지원과 관련하여 궁금한 사항 있으시면 언제든지 레몬펜 문의 및 버그신고 코너에 물어보아주세요-

관련글 : 블로그 주소 지원 패턴 안내