그런데, 코드부분에 직접 검색어를 넣어야 하는점이 아쉬웠다.
즉, 검색어를 미리 입력해야 했다.(Wizard 도구에서 제공하는 화면이다)
코드 부분을 살펴보면, 다음과 같다.(아래는 미리 입력한 것들이다)
[code html]
function LoadBlogBar() {
var blogBar;
var options = {
largeResultSet : false,
title : "The blogsphere",
horizontal : true,
orderBy : GSearch.ORDER_BY_DATE,
autoExecuteList : {
executeList : ["프레임웍", "개발자", "태터툴즈", "메타블로그", "웹서비스"]
}
}
[/code]
이런 식으로 관련 검색어를 직접 넣어두어야 하는 것이었다.
그래서 관련글과는 상관없는 글들이 노출이 되었다.
executeList : ["프레임웍", "개발자", "태터툴즈", "메타블로그", "웹서비스"]이 부분이 바로 나중에 바꿀 부분이다.
이것을 글의 태그를 검색어로 넣어보면 좋을 듯 해서 바꾸어 보았다.
이런 모양으로 보여지게 된다.
올블릿에 태그를 사용하는 방법을 응용한 것이다.
위 글의 조건도 동일하다.(태그부분이 먼저 나와야 한다.)
<script type="text/javascript" src="http://www.prototypejs.org/assets/2007/5/1/prototype.js"></script>처럼 <s_tag_label> .... </s_tag_label> 사이에 넣는다.( [ ##_tag_label_rep_## ] 에서 [ , # 사이 공백제거 )
<div id='tag_list' style='display:none;'>[ ##_tag_label_rep_## ]</div>
<script language="javascript">
var tagVal = $('tag_list').innerHTML.stripScripts().stripTags().gsub(/(\n|\r)/ , ' ');
var tagJsonData = tagVal.split(",").toJSON() ;
</script>
그리고 맨 처음의 코드부분을 수정한다.
executeList : eval(tagJsonData)처럼 바꾸어 준다.
이제는 구글블로그검색 Bar 에 관련글이 뜰 것이다.
태그가 개별적으로 검색되어 결과가 나타나는 듯 하다.(엉뚱한 글이 나오는 경우가 있다.)
태그에 꼭 필요한 단어만 입력해 놓는 것이 좋을 듯 하다.
ps. 올블릿의 연관글과 비교해 보면 재미있다. ^^
Trackback : http://devlog.experlab.com/trackback/310
-
[블로그,검색] 블로그 검색 바를 달아보자. (Google blogbar)
| 2010/07/30 16:55
블로그내의 연관글을 검색하여 보여주고 싶다던가, 다른 관련 있는 블로그 혹은 사이트에서 관련주제를 검색하여 보여주고 싶을때, 간편하게 구글 블로그 검색 바를 블로그에 추가할 수 있습니다. 우선 구글 API를 이용하기 위해선 API키를 받아야 합니다. 아래 링크에서 구글 API키를 받으세요. 구글 API키 받기(http://code.google.com/apis/ajaxsearch/signup.html) 그리고 블로그 검색 바 생성 마법사를 이용해서 코..
Recent Comment