개발로그 - devLog

'포스팅형식'에 해당되는 글 1건

2007/04/23 구글검색(google search) 결과보기 - 포스팅 형식(티스토리도 가능)

구글검색(google search) 결과보기 - 포스팅 형식(티스토리도 가능)

개발 2007/04/23 00:03

이전 포스트에서 구글검색 블로그내에 보기(태터툴즈용) 를 이야기 하였다.

이번에는 쉽게 처리할 수 있도록, 블로그의 포스팅 형태로 처리하는 방법을 이야기 한다.

블로그에 글을 쓰듯 아래의 내용을 포스팅한다.
이때 주의할 것은 아래처럼 EDIT 를 눌러 '소스보기' 형태로 입력해야 한다.

<div style="border-bottom: 1px solid rgb(0, 0, 0); background: transparent url(http://www.google.com/logos/Logo_25wht.gif) no-repeat scroll left top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-weight: bold; font-size: 12pt; width: 600px; height: 30px; padding-top: 5px; padding-left: 90px;">구글검색</div>

<!-- Google Search Result Snippet Begins -->
<div id="googleSearchUnitIframe"><!-- google search --></div>

<script type="text/javascript">
   var googleSearchIframeName = 'googleSearchUnitIframe';
   var googleSearchFrameWidth = 680;
   var googleSearchFrameborder = 0 ;
   var googleSearchDomain = 'www.google.co.kr';
</script>
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js">
</script>
<!-- Google Search Result Snippet Ends -->

위 내용으로 포스팅을 한후, http://taemy.experlab.com/282 처럼 해당 포스팅 주소(퍼머링크)를
구글검색을 달아놓은 스킨의 코드 부분을 적절하게 수정한다.

<!-- SiteSearch Google -->
<form method="get" action="http://taemy.experlab.com/gsearch/" target="_top">
...

위의 form action 부분을 http://taemy.experlab.com/282 로 수정하면 된다.
즉, 다음과 같이 말이다.

<!-- SiteSearch Google -->
<form method="get" action="http://taemy.experlab.com/282" target="_top">

이 개발로그(블로그) 의 오른쪽 사이드바 에 넣어보았다.(아래 그림의 '포스팅형태검색')

상단의 검색과 비교해서 검색을 해보면 결과화면이 약간 차이가 나는 것을 볼 수 있다.

검색결과 위에 포스팅 정보 가 같이 출력되어 보기에 깔끔하지는 않지만, 쉽게 처리할 수 있어서 좋다.
태터툴즈 뿐만 아니라 티스토리 같은 곳에서도 사용할 수 있다는 것 또한 아주 좋은 방식이다.

ps. 그리고, 미투데이(me2day) 써보세요.