Sunday, December 15, 2013

Add a gadget for in-blog search

Search in this blog

Search in this blog


;; =================================================
;; εμαcs is ⎋[esc]⌘[meta]⌥[alt]⌃[ctrl]⇧[shift].
;; =================================================

이 문서는 emacs org-mode로 작성된 글입니다.


Operating System Environments

  • Main- : OS X Mavericks (10.9)
  • Sub- : Debian GNU/Linux Wheezy (7.2)
  • Server: Debian GNU/Linux Squeeze || Lenny
  • Mobile: iOS 7.0.4

How to add a gadget for in-blog search

블로그 안의 글들은 보통 Category나 Labels로 구분되어 있다. 하지만 이것만으로는 블로그 안의 글들을 충분히 검색하기 어렵다. 간단한 HTML code를 사용하면 이 블로그 안에서 검색 기능을 구현할 수 있다. 아래의 HTML code를 이용하면 Search in this blog 라는 이름이 붙고 그 아래 빈공간의 검색창이 붙은 부분이 HTML page 안에 만들어 진다. 그리고 자신의 블로그 주소를 http://url_of_blog 부분에 넣는다. 그러면 자신의 블로그 안에서 검색창에 넣은 키워드로 바로 검색되고 결과를 뿌려준다. 바로 이 블로그 오른쪽 페널 맨 위에 있는 부분 이 이렇게 만들어진 것이다.

<p align="left">
<strong>Search in this blog<br/></strong>
<form id="searchthis" action="http://url_of_blog/search" style="display:inline;" method="get">
<input id="b-query" maxlength="255" name="q" size="27" type="text"/>
</form></p>

검색창의 길이는 size="27" 부분의 숫자를 바꾸면 조절된다.1

Blogger(www.blogspot.com or www.blogger.com)의 경우 로그인 후, 설정에서 레이아웃 부분에 가젯 추가를 누른다. 그 중에서 HTML/JavaScript 를 추가해서 내용에 수정한 HTML code를 붙여 넣으면 된다.


Footnotes:

Created: 2013-12-15 Sun 19:50

Emacs 23.4.1 (Org mode 8.0.2)

Validate XHTML 1.0

No comments:

Post a Comment