개발로그 - devLog ::

'블로그내 결과보기'에 해당되는 글 3건

2007/09/20 텍스트큐브용 - google search 검색결과를 블로그 내에 넣기(검색용 애드센스) (2)
2007/04/23 구글검색(google search) 결과보기 - 포스팅 형식(티스토리도 가능)
2007/04/22 google search 검색결과를 블로그 내에 넣기 - 태터툴즈용.(검색용 애드센스) (4)

텍스트큐브용 - google search 검색결과를 블로그 내에 넣기(검색용 애드센스)

개발 2007/09/20 21:06

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

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

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

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

<?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';
?>

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

{큐브 설치 폴더}/lib/piece/blog/gsearch.php 에 구글검색결과 코드를 넣어준다.

<?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);

?>

다음 코드이다.

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

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

(0)

(0)

북마크 : WZD * 구글 * 네이버 * 뉴스2.0 * 다음 * 델리셔스 * 마가린 * 북마커 * 야후 * 한RSS * 정보

TAG google search, 검색용애드센스, 구글 검색, 블로그내 결과보기, 텍스트큐브

이 글에 관련된 글.

받은 트랙백이 없고 , 댓글 2개가 달렸습니다. ,

구글검색(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) 써보세요.

(0)

북마크 : WZD * 구글 * 네이버 * 뉴스2.0 * 다음 * 델리셔스 * 마가린 * 북마커 * 야후 * 한RSS * 정보

TAG 구글, 구글 검색, 블로그내 결과보기, 포스팅형식

이 글에 관련된 글.

구글 검색 - 이렇게도 가능하구나! [태그: 구글 검색]
구글의 인수정책에 대한 생각 [태그: 구글]
구글 AJAX Search API 를 이용해 블로그를 꾸며보자 [태그: 구글]
블로그 검색사이트들. [태그: 구글]
광고를 광고처럼 보이게 하느냐, 마느냐 어느것이 더 효과있을까? [태그: 구글]

트랙백은 하나 , 댓글이 없습니다. ,

google search 검색결과를 블로그 내에 넣기 - 태터툴즈용.(검색용 애드센스)

개발 2007/04/22 01:38

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

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

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

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

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


<!-- SiteSearch Google -->
<form method="get" action="http://taemy.experlab.com/gsearch/" target="_top">
<table border="0">
<tr><td nowrap="nowrap" valign="top" align="left" height="32">
<input type="hidden" name="domains" value="taemy.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="taemy.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 -->

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

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


// 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('[##_local_spot_rep_##]',$locativeView,$skin->locative),$view);

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

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

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

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