function foo() {
return "Hello World";
}22/9/2008
Add an email widget to make it easy for people to email you and hide your email address from bad guys collecting emails.
Before closing head tag (</head>):
<script src="http://castr.appspot.com/js/helpers/form_mail_helper.js" type="text/javascript"></script>Html and CSS code that created the email widget:
<div>
<script type="text/javascript" charset="utf-8">
var greeting = 'Send me a message';
var pretty_name = 'castr';
var to = 'valde.maximus';
var domain = 'gmail.com'
var text_box_columns = '17';
var window_width = '200px';
var window_height = '250px';
var custom_style = "body{margin:0px;padding:0px;} #form_mail_widget{color:white;} p{margin-bottom:0px;padding-bottom:0px;} textarea,input{border:1px black solid;}";
draw_form_mail_widget(greeting, pretty_name, to, domain, text_box_columns, window_width, window_height, custom_style);
</script>
</div>12/9/2008
Add a search history widget to your tumblr theme.
Before closing head tag (</head>):
<script src="http://castr.appspot.com/js/lib/core/prototype.js" type="text/javascript"></script>
<script src="http://castr.appspot.com/js/lib/core/scriptaculous.js" type="text/javascript"></script>
<script src="http://castr.appspot.com/js/lib/livepipe/livepipe.js" type="text/javascript"></script>
<script src="http://castr.appspot.com/js/lib/livepipe/cookie.js" type="text/javascript"></script>Html and CSS code that created the search history widget:
<style type="text/css" media="screen">
#search,
#search-history {margin-bottom:1em;}
#search-item {padding-left:6px;}
.search-item-odd {background-color:#ffa23c;}
.search-item-even {background-color:#ff922c;}
</style>
<div id="search">
<form action="/search" method="get">
<input type="text" id="q" name="q" value="{SearchQuery}"/>
<input type="submit" value="Search"/>
</form>
</div>
<div id="search-history">
<h4>Search History</h4>
<script type="text/javascript" src="http://castr.appspot.com/js/helpers/search_history_helper.js"></script>
<script type="text/javascript" charset="utf-8">
historysize = 3;
saveSearch('{SearchQuery}', '{URLSafesearchQuery}', historysize);
drawHistory("search-history");
</script>
</div>09/9/2008
Add search to your tumblelog with all the fancy search tags in the tumblr templating language.
All the code that I used can be found on the Tumblr Staff’s tumblelog.
06/9/2008
Custom background color palette
Before closing head tag (</head>):
<script src="http://tomonrails.com/docs/lib/livepipe/lib/prototype.js" type="text/javascript"></script>
<script src="http://tomonrails.com/docs/lib/livepipe/lib/scriptaculous.js" type="text/javascript"></script>
<script src="http://tomonrails.com/docs/lib/livepipe/src/livepipe.js" type="text/javascript"></script>
<script src="http://tomonrails.com/docs/lib/livepipe/src/cookie.js" type="text/javascript"></script>After opening body tag (<body id=”body”>):
<script src="http://tomonrails.com/docs/castr-js/palette.js" type="text/javascript"></script>Html and CSS code that created the demo swatch palette:
<style type="text/css" media="screen">
.swatch {
border:0.3em lightgray solid;
float:right;
cursor:pointer
}
</style>
<div id="palette">
<script type="text/javascript" charset="utf-8">
drawSwatch('#FF0000', "1em", "1em", 'red');
drawSwatch('#00FF00', "1em", "1em", 'green');
drawSwatch('#0000FF', "1em", "1em", 'blue');
drawSwatch('#ffffff', "1em", "1em", 'white');
</script>
</div>03/9/2008
Use Outbrain’s free service to add a 5 star rating and recommendation system to your tumblelog.
16:20
Verbose pagination will help search engines index your site better. Find out how to implement verbose pagination on your tumblelog.
RSS
