Installing the perfect Tumblr Search Engine Tutorial

[Mirza]

Jacob Dehart has created the perfect tumblr search engine. It does not require pages to be indexed by google or yahoo and is based on the Tumblr API meaning if its on your tumble-log, it will be found on the search. The best part is you do not have to re-load another page or click a button to view the search results. You can see the search engine live on my tumble-log Ziked. So heres a tutorial on how to install such a search engine for your tumblr page.

Updated: It seems that NING does not allow users to post html code (even with the "XMP" tag). SO if you are interested the tutorial can be found here

[poirpom]

Thanks for sharing the tip, Mirza.

[quanmengli]

cool!! thx!

[Novo]

Nice work! I´ll try add to my tumblelog ^_^

[Mirza]

I forgot to add that you can style your search results by adding the following code to your CSS.



.searchmatch{
background-color:yellow;
}
.searchresultbox{
}
.searchresultrow {
background:#FFF;
font-family:verdana;
font-size:12px;
padding:5px;
margin-top:10px;
overflow:hidden;
}
.searchresultrow:hover {
cursor:pointer;
background:#FAFAFA;
}
.searchresultrow a {
font-weight:bold;
text-decoration:none;
}
.searchexcerpt {
color:#AAA;
font-size:10px;
}
.searchexcerpt span {
background:yellow;
font-size:10px;
}

[Zac Echola]

Sweet! I have to check this out.

Been thinking about a redesign on Randomonium anyway.

[Adrian Cho]

This is very, very cool but I find the added load time is very long - more like ten seconds on my home page. It seems perhaps to have a problem when there are embedded YouTube videos on my page because the status bar says "Read img.youtube.com" for a long time time and during that time the search doesn't work. While it is initializing, it would be nice if it displayed "initializing" in the search field and perhaps disabled the field until it was done.

[Adrian Cho]

I was looking through the script and wondering why (as it appears to me anyway), the video source needs to be searched. All you should need to do is search the video caption right? Or am I missing something?

[Mirza]

are you sure it takes 10 seconds for the page to load because i have been seeing alot of people using this search lately and it seems to me that the pages load pretty fast ?

[Adrian Cho]

Yes I'm sure and to check all this again I went and compared the code I integrated to the code you integrated and it's all the same. Go to my site http://blog.adriancho.com and you'll notice that the while the page loads pretty quickly, the search takes forever to initialize (before it begins returning results). I even deleted all the code and tried it again from scratch and the behavior is still the same. I also tried changing my code to reference the same script you are referencing (http://www.thisismydevsite.com/tumblr.js) and it made no difference. It's clearly something to do with the execution of the code on my tumblelog. I have no idea why. I thought it might be the video posts but I only have two of them so I don't think that's it. I am referencing the code in all the same places you are.

[Mirza]

but my site has a video on it too - its loading pretty past and the search results seem to be instant

[Adrian Cho]

Yes I know. I've been comparing mine to yours constantly. I don't know what the problem is but the code is clearly getting caught up doing some processing somewhere on something. My tumblelog is very new and I only have 20 posts on the whole damn thing so the size can't be it.

[Joe Lazarus]

Cool. Does the search index all your posts or just recent ones?