이전 된 블로그 http://alones.kr

outbrain에서 심플하고 멋진 Blog Rating 위젯을 만들었다.

이 블로그의 포스트 하단에 있는 위젯처럼 포스트에 아래 그림과 같이 평점을 줄 수 있다.

Blogger나 TypePad, WordPress를 사용하는 경우는 단 한번의 클릭으로 바로 설치할 수 있다.

그외 웹 사이트에서는 자바 스크립트를 복사해서 사용할 수 있다.

설치는 이 페이지에서 할 수 있다.

TextCube 계열에 설치하기

웹 페이지나 블로그 스킨에 outbrain에서 제공되는 자바 스크립트를 복사하면 되지만 문제는 각 포스트의 주소를 입력해주어야 한다.

TextCube 계열은 (일반적인 설치 블로그에서 다 제공되겠지만) 현재 포스트 주소를 치환자로 제공한다.

바로 [##_article_rep_link_##] 이다.

하지만 위 치환자는 블로그 상위 주소를 포함하지 않기 때문에 아래와 같이 표기해야 각 포스트의 절대 주소를 얻을 수 있다.

<블로그 상위 주소>[##_article_rep_link_##]

※ 이 블로그는 http://alones.kr 이 블로그 상위 주소이기 때문에 다음과 같다. 블로그 상위 주소 뒤에 '/' 을 쓸 필요는 없다.
http://alones.kr[##_article_rep_link_##]

즉 아래와 같이 제공되는 자바스크립트에서 DROP_PERMALINK_HERE을 위와 같은 포스트 절대 주소로 변경해주면 된다.

<SCRIPT LANGUAGE='JavaScript'>
var OutbrainPermaLink='DROP_PERMALINK_HERE';
var OB_demoMode = false;
if ( typeof(OB_Script)!='undefined' )
    OutbrainStart();
else
{
var OB_Script = true;
var str = "<script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'></"+"script>";
document.write(str);
}
</SCRIPT>

아래는 이 블로그의 스킨에 적용한 예이다.

<script language="JavaScript">
var OutbrainPermaLink='http://alones.kr[##_article_rep_link_##]';
var OB_demoMode = false;
if ( typeof(OB_Script)!='undefined' )
    OutbrainStart();
else
{
var OB_Script = true;
var str = "<script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'></"+"script>";
document.write(str);
}
</script>

조금 아쉬운 점이 있다면 평가된 글들의 목록을 한 번에 볼 수 없는 것이다.

평가가 높은 글 순이나 낮은 순 또는 투표자가 많은 순으로 글 목록을 정렬해서 본다면 좋을 것인데 ...