개발로그 - DevLog

구글 검색 결과를 블로그 내에 넣는 방법의 글을 썼었는데(태터툴즈용),
텍스트 큐브(이하 큐브)로 업그레이드 하면서,
코드의 변화가 있었는지 스킨이 제대로 작동되지 않았다.

그래서 큐브의 코드를 살펴보았다.
무척 간단하게 코드가 바뀌어 적용하기 더 쉬워졌다.

구글 검색 결과는 {큐브 접속주소}/gsearch/OOOO 형태로 검색이 된다.
아래 코드의 gsearch 부분은 원하는 이름으로 바꾸어 사용할 수 있다.

{큐브 설치 폴더}/blog/gsearch/index.php 파일이다.
이전 태터툴즈에서는 모든 코드를 index.php  파일에 넣었었다.

[code html]
<?php
/// Copyright (c) 2004-2007, Needlworks / Tatter Network Foundation
/// All rights reserved. Licensed under the GPL.
/// See the GNU General Public License for more details. (/doc/LICENSE, /doc/COPYRIGHT)
define('ROOT', '../..');
require ROOT . '/lib/includeForBlog.php';
if (false) {
        fetchConfigVal();
}
//$locatives = getLocatives($blogid);
require ROOT . '/lib/piece/blog/begin.php';
require ROOT . '/lib/piece/blog/gsearch.php';
require ROOT . '/lib/piece/blog/end.php';
?>

[/code]
위 코드의 gsearch.php 파일은 새로 만들어야 한다.

{큐브 설치 폴더}/lib/piece/blog/gsearch.php 에 구글검색결과 코드를 넣어준다.
[code html]
<?php
/// Copyright (c) 2004-2007, Needlworks / Tatter Network Foundation
/// All rights reserved. Licensed under the GPL.
/// See the GNU General Public License for more details. (/doc/LICENSE, /doc/COPYRIGHT)

// 2007-09-20 : google search modify
// localog -> googleSearch

$googleSearchView = "<div class=\"localog\">
<div style=\"background:url('http://www.google.com/logos/Logo_25wht.gif') top left no-repeat; font-weight:bold; font-size:12pt; width:600px; height:30px; padding-top:5px; padding-left:90px; border-bottom:1px solid #000;\">구글검색</div>

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

<script type=\"text/javascript\">
   var googleSearchIframeName = 'googleSearchUnitIframe';
   var googleSearchFrameWidth = 700;
   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 -->
</div>
";

dress('local',$googleSearchView,$view);

?>

[/code]
다음 코드이다.

예전 코드는 컨텐츠영역 이외의 부분까지 코드에 들어가 있어 수정하기 상대적으로 복잡했지만, 큐브의 코드는 수정하기 편해졌다.

이런식으로 사용하는 블로거가 있을지 모르겠지만, 글을 남겨둔다.

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

예전의 포스트 는 별도로 페이지를 만들어서 처리한 것이라, 사이드바 부분을 제대로 표현하지 못하였다.

태터툴즈의 사이드바 및 스킨의 다른 부분도 표현하기 위해,
기존의 위치로그(location)을 수정해서 google search 결과가 나오도록 수정하였다.

태터툴즈의 파일위치
{태터폴더}/blog/location 의 파일을 수정한 것이다.
{태터폴더}/blog/gsearch  처럼 별도의 폴더에 파일을 만들어 준다.
{태터폴더}/blog/location 의 index.php 파일을 gsearch/index.php 로 복사한다

현재 테스트 용으로 상단의 검색(수정된 검색) 과 오른쪽 사이드바 검색(이전포스트의 검색)
둘을 검색해보면 블로그 스킨 부분이 좀 다른 것을 알 수 있다.(테스트로 잠시 놔둘 예정)

검색용 애드센스 의 "내 사이트에서 검색결과 열기" 를 설정하면
다음과 비슷한 코드를 알려준다 (도메인 주소 같은 것은 다르다)
[code html]

<!-- SiteSearch Google -->
<form method="get" action="http://devlog.experlab.com/gsearch/" target="_top">
<table border="0">
<tr><td nowrap="nowrap" valign="top" align="left" height="32">
<input type="hidden" name="domains" value="devlog.experlab.com"></input>
<input type="text" name="q" size="17" maxlength="255" value=""></input>
<input type="radio" name="sitesearch" value=""></input>
<font size="-1" color="#000000">Web</font>
<input type="radio" name="sitesearch" value="devlog.experlab.com" checked="checked"></input>
<font size="-1" color="#000000">taemy's Site</font>
<input type="submit" name="sa" value="검색"></input>
<input type="hidden" name="client" value="pub-9888121038023357"></input>
<input type="hidden" name="forid" value="1"></input>
<input type="hidden" name="ie" value="UTF-8"></input>
<input type="hidden" name="oe" value="UTF-8"></input>
<input type="hidden" name="cof" value="GALT:#0066CC;GL:1;DIV:#999999;VLC:336633;AH:center;BGC:FFFFFF;LBGC:FF9900;ALC:0066CC;LC:0066CC;T:000000;GFNT:666666;GIMP:666666;FORID:11"></input>
<input type="hidden" name="hl" value="ko"></input>
</td></tr></table>
</form>
<!-- SiteSearch Google -->

[/code]
'검색용 애드센스' 를 설정하면 위와 같은 코드를 알려준다.
http://devlog.experlab.com/gsearch/  처럼  '사이트내 검색결과 보기' 부분을 맞추어 준다.

위에 location 의 index.php 파일을 gsearch 폴더의 index.php 로 복사를 한후.
파일을 다음과 같이 편집한다.

[code html]

// 2007-04-22 : localog -> googleSearch

$googleSearchView = "<div class=\"localog\">
<div style=\"background:url('http://www.google.com/logos/Logo_25wht.gif') top left no-repeat; font-weight:bold; font-size:12pt; width:600px; height:30px; padding-top:5px; padding-left:90px; border-bottom:1px solid #000;\">구글검색</div>

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

<script type=\"text/javascript\">
   var googleSearchIframeName = 'googleSearchUnitIframe';
   var googleSearchFrameWidth = 700;
   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 -->
</div>
";

dress('local',$googleSearchView,$view);

//dress('local',str_replace('',$locativeView,$skin->locative),$view);

[/code]

gsearch 의 index.php 파일을 열어서 아래와 같은 코드를 찾아서 이동해서 위의 코드를 추가한다.
찾을 코드 : dress('local',str_replace('',$locativeView,$skin->locative),$view);

찾은 코드를 삭제하거나 아래와 같이 '//' 주석을 넣어준다.
//dress('local',str_replace('',$locativeView,$skin->locative),$view);

기존의 location(위치로그) 로 쓰던 local 부분을 구글검색결과보기로 바꾸기 위한 것이다.

위와 같이 gsearch/index.php 파일을 저장하고 검색을 해보면 구글검색결과가 블로그내에 나타나게 된다.
다음과 같이 사이드바 부분도 제대로 나온다.




태터툴즈의 플러그인 설치를 해보신 분들은 그리 어렵지 않게 할 수 있을 것이다.


ps. 만약 잘 안되면,  질문을 댓글로 해주세요.

위 작업을 하기 전에 먼저 '검색용 애드센스' 설정을 하셔야 합니다.


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

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.