2007년 2월 25일 일요일

Blogger 새 버전에 리플바 달기

Think Big, Aim High에서 '블로그를 업그레이드 해보자~'란 글을 보고 제 블로그에도 리플바를 한번 달아보기로 마음 먹었습니다. 리플바의 공식 홈페이지로 가보니 Blogger를 지원하기는 하는데 구 버전의 Blogger만 지원하고 있었습니다. 허나 제 블로그는 Blogger 새 버전에서 운영되고 있습니다. 결국 마법사에서 만들어지는 내용을 그대로 쓸 수는 없었죠.

그래서 Blogger의 템플릿을 분석한 후에 새 버전의 Blogger에서 동작하도록 수정해보았습니다. 리플바를 적용하는 과정은 매우 간단합니다. 다음 순서대로 따라 해보세요~

1. Blogger에 로그인 한 후 템플릿 -> HTML 편집 페이지로 이동합니다. ([그림 1]의 1, 2 번)

2. '도구 템플릿 확장' 항목을 체크합니다. ([그림 1]의 3 번)


[그림 1] (그림을 클릭하면 크게 보실 수 있습니다.)

3. 템플릿 내용 중 <div class='post-footer'> 부분을 찾아서 그 바로 아래에 리플바 스크립트를 붙여넣기 합니다. 이 때 [그림 2]에서 보이는 RSS 주소 부분을 자신의 RSS Feed 주소로 바꿔줍니다.
<p class='post-footer-line post-footer-line-1'>
<script type='text/javascript'>
var Palgle_Title = '<data:post.title/>';
var Palgle_Url = '<data:post.url/>';
var Palgle_Feed = '[RSS주소]';
</script>
<script src='http://www.repl.net/bookbar/replbar.js' type='text/javascript'/>
</p>

[그림 2] (그림을 클릭하면 크게 보실 수 있습니다.)

4. 이제 템플릿을 저장하고 오류가 발생하지 않았다면 원하는 대로 잘 표시되는지 확인해봅니다.

댓글 2개:

  1. 흐,,초보인 저도 따라서 하니 성공했군요,,
    이상하게 리플바 만드는곳에서 만들어서 붙이니 안되고 kaisyu님이 적어놓은대로 하니 되는군요,,
    감사합니다.^^

    답글삭제