Installing The Tumblr Search

날짜:
from Tumblr search update:

1. In the head section of your html, paste the following lines of code after the section:

<script src="http://www.thisismydevsite.com/tumblr.js" type="text/javascript"></script>

2. Now paste the following line of code after wherever you want to position the search engine. I like my search engine underneath on my description area, so I paste it on the description section:

<div style="margin-top:5px">
<div class="searchbox">
<script type="text/javascript">Tumblr.searchBox()</script></div></div>

2-1. Hmmmmmm....In my case ^^

<div class="searchbox">
<script type="text/javascript">Tumblr.searchBox()</script></div>
<div class="searchbox" id="mainsearch">
</div></div>

3. Edit Custom CSS (In my case)

{CustomCSS}

↓↓↓↓↓

/*SEARCE STYLES*/
.searchbox {}

.searchbox input{width:180px;}

#SearchBox1results{padding-top:18px;}

.searchmatch{background-color:#ddd;
color:#000;}

.searchresultrow {background:#fff;
font-family:verdana;
font-size:12px;
padding:10px;
margin-top:10px
overflow:hidden;
border:1px solid #ddd;
width:160px !important;}

.searchresultrow:hover {cursor:pointer;
border:1px solid #222;
background:#333333;}

#header .searchresultrow a {
font-size:12px;
color:#fff;
text-decoration:none;}

.searchexcerpt {
color:#AAA;
padding:5px 0;
font-size:10px;}

.searchexcerpt span {
background:#a00;
color:#fff;}

↑↑↑↑↑

</style>


And then success snapshot hahaha
Thanks Jacob DeHart


via http://www.ziked.com/post/5326924/installing-the-perfect-tumblr-search