Hi, so I'm trying to use this new Callidora theme (http://themes.pouretrebelle.com/callidora) for Tumblr, and I've run into a snag trying to get a title image to work...
Whenever I try to add a title image under the 'Appearance' tab, firefox tells me, "Sorry, there was an error, please try again later"..
I tried adding a title image manually to the theme code, but to no avail..
Here's the code
Any help would be appreciated :)
Whenever I try to add a title image under the 'Appearance' tab, firefox tells me, "Sorry, there was an error, please try again later"..
I tried adding a title image manually to the theme code, but to no avail..
Here's the code
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
theme coding by pouretrebelle themes.pouretrebelle.com
powered by Tumblr tumblr.com
/\ _ _ _ _
___ ___ _ _ _ _ ___ _| |_ _ _ ___ | |_ ___ | || | ___
| . \/ . \| | || '_>/ ._> | | | '_>/ ._>| . \/ ._>| || |/ ._>
| _/\___/`___||_| \___. |_| |_| \___.|___/\___.|_||_|\___.
|_|
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link rel="shortcut icon" href="{Favicon}" />
{block:IfInfiniteScrolling}
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
{/block:IfInfiniteScrolling}
<meta name="color:Text" content="#333333"/>
<meta name="color:Titles" content="#AAAAAA"/>
<meta name="color:Accents" content="#999999"/>
<meta name="color:Links" content="#555555"/>
<meta name="color:Background" content="#FFFFFF"/>
<meta name="color:Post Background" content="#FFFFFF"/>
<meta name="color:Shadow" content="#E7FAFF"/>
<meta name="image:Background" content=""/>
<meta name="image:Title" content=""/>
<meta name="text:Overlay" content="rgba(255,255,255,0.6)"/>
<meta name="text:Twitter Username" content=""/>
<meta name="text:Flickr ID" content=""/>
<meta name="text:Lastfm Username" content=""/>
<meta name="if:Infinite Scrolling" content="0"/>
<meta name="if:Fixed Sidebar" content="0"/>
<meta name="if:Sidebar Always Open" content="0"/>
<meta name="if:Center Sidebar" content="0"/>
<meta name="if:Larger Posts" content="0"/>
<meta name="if:Swap Sides" content="0"/>
<meta name="if:Show Captions" content="0"/>
<meta name="if:Show Ask Box" content="0"/>
<meta name="if:Show Likes" content="0"/>
<meta name="font:Body" content="Helvetica, sans-serif"/>
<meta name="font:Post Titles" content="Georgia, serif"/>
<script type="text/javascript">
$(document).ready(function(){
{block:IndexPage}
setInterval(function(){
$(".block").mouseenter(function () {$(".post-info", this).slideDown(300);});
$(".block").mouseleave(function () {$(".post-info", this).slideUp(300);});
},5000);
{/block:IndexPage}
{block:IfNotSidebarAlwaysOpen}
$(".side").hover(function () {
$("div", this).slideDown(400);
});
$("#side").mouseleave(function () {
$(".side div", this).slideUp(400);
});
{/block:IfNotSidebarAlwaysOpen}
{block:IfSidebarAlwaysOpen}
$(".side div").show();
{/block:IfSidebarAlwaysOpen}
if ("{color:Background}" == "{color:Post Background}" && "{image:Background}" == "http://assets.tumblr.com/images/x.gif") {
$('.pad').removeClass('pad')
};
$('.photo').mouseenter(function() {$('.photo-info', this).fadeIn(200);});
$('.photo').mouseleave(function() {$('.photo-info', this).fadeOut(200);});
});
</script>
<style type="text/css">
/* LAYOUT */
.tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display: none;}
body {margin: 0px; font-size: 11px; font-family: {font:Body}; color: {color:Text}; background-image: url('{image:Background}'); background-color: {color:Background}; background-attachment: fixed; padding: 30px 0px;}
#shell {margin: 0px auto; width: {block:IfNotLargerPosts}750px{/block:IfNotLargerPosts}{block:IfLargerPosts}900px{/block:IfLargerPosts};}
#side {width: 220px; {block:IfNotSwapSides}{block:IfFixedSidebar}margin-left: {block:IfNotLargerPosts}530px{/block:IfNotLargerPosts}{block:IfLargerPosts}680px{/block:IfLargerPosts};{/block:IfFixedSidebar} float: right;{/block:IfNotSwapSides}{block:IfSwapSides}margin-left: 0px; float: left;{/block:IfSwapSides}{block:IfFixedSidebar}position: fixed;{/block:IfFixedSidebar}}
#content {{block:IfNotSwapSides}float: left; margin-left: 0px;{/block:IfNotSwapSides}{block:IfSwapSides}float: right; margin-right: 0px;{/block:IfSwapSides} width: {block:IfNotLargerPosts}500px{/block:IfNotLargerPosts}{block:IfLargerPosts}650px{/block:IfLargerPosts}; padding: 0;}
.block {padding: 0px; margin: 30px 0px 0px; width: {block:IfNotLargerPosts}500px{/block:IfNotLargerPosts}{block:IfLargerPosts}650px{/block:IfLargerPosts};}
.block:first-child {margin-top: 0px;}
.post {width: {block:IfNotLargerPosts}500px{/block:IfNotLargerPosts}{block:IfLargerPosts}650px{/block:IfLargerPosts}; padding: 0px; margin: 0px;}
.post, .side, div#pagination span.current_page, div#pagination a {background-color: {color:Post Background};}
/* DIFFERENT BACKGROUND */
.post.pad {padding: 10px; width: {block:IfNotLargerPosts}480px{/block:IfNotLargerPosts}{block:IfLargerPosts}630px{/block:IfLargerPosts};}
.caption.pad {padding: 10px;}
.side.pad {margin: -6px 0px 6px; padding: 3px 5px; width: 210px;}
.side.pad:first-child {margin-top: -6px;}
.side.pad #flickrfeed {margin-left: 0px;}
.side.pad #flickrfeed li {margin-left: -5px; margin-bottom: 5px;}
/* POST STYLES */
a {color: {color:Links}; text-decoration: none;}
ul {list-style-type: none; padding: 0px; margin: 0px;}
{block:PermalinkPage}.photo {padding-bottom: 35px!important;} .photo .photo-info {margin-top: 0px;}{/block:PermalinkPage}
.photo .photo-info {position: absolute; margin-top: -50px; display: none;}
.photo-info b, .photo-info a {color: {color:Text}!important;}
.post-info, .photo-info {padding: 10px 5px; width: {block:IfNotLargerPosts}490px{/block:IfNotLargerPosts}{block:IfLargerPosts}640px{/block:IfLargerPosts}; background-color: {text:Overlay}; {block:IndexPage}display: none;{/block:IndexPage} text-align: center; {block:PermalinkPage}margin: 30px 0px;{/block:PermalinkPage}}
.post-info a:hover {color: {color:Text};}
.post-info b, .photo-info b {font-weight: 100; font-size: 0.8em; color: {color:Accents}; padding-right: 4px; text-transform: uppercase; line-height: 90%; letter-spacing: -1pt;}
.post-info b a {color: {color:Accents};}
{block:IndexPage}.photo .post-info {display: none!important;}{/block:IndexPage}
{block:PermalinkPage}.photo .photo-info {display: none!important;}{/block:PermalinkPage}
.post.link *:first-child, .post.text *:first-child, .post.chat *:first-child, .post.answer *:first-child {margin-top: 0px;}
.post.quote *:last-child, .post.link *:last-child, .post.text *:last-child, .post.chat *:last-child, .post.answer *:last-child {margin-bottom: 0px;}
.post.quote .caption {padding-top: 0px; text-align: right;}
.post p:last-child {margin-bottom: 0px;}
.post h3:first-child {margin-top: 0px!important;}
blockquote {margin: 0.5em 0px; padding-left: 10px; border-left: 1px solid {color:Text};}
div.quot {font-size: 14em; position: relative; height: 100px; margin-bottom: -70px; left: 0px; margin-top: -30px; color: {color:Accents}; display: block;}
.ask p, .audio p {margin-bottom: 0px;}
h4 {margin: 0px 0px 0px 60px; padding: 0px 0px 0.5em; font-size: 1.4em; font-family: {font:Post Titles}; font-weight: normal; word-spacing: 2px;}
.caption {text-align: center; padding-top: 10px;}
.caption p {margin: 0px;}
h3 {margin: 0.5em 0px; text-align: center; font-size: 1.7em; font-weight: 100; font-style: italic; font-family: {font:Post Titles};}
.post h2 {margin-bottom: 30px;}
div.quot, h2, h3, #searchin {text-shadow: 0px 0px 5px {color:Shadow};}
.audio blockquote, .caption blockquote {margin: 0.5em 0px; padding: 0px; border: 0px; font-size: 90%;}
/* POST NOTES */
#notesbloque {margin: 0px; background-color: {text:Overlay}; height: 30px;}
#notes {padding-top: 10px;}
#notes ol, #notes li {margin: 0px; padding: 0px; list-style-type: none;}
#notes li {padding: 10px 0px; border-top: 1px solid {color:Post Background};}
#notes li:hover {list-style-type: decimal;}
#notes li.more_notes_link_container:hover {list-style-type: none!important;}
#notes li:first-child {border-top: 0px; padding-top: 0px;}
img.avatar {margin-bottom: -4px; padding: 0px 20px 0px 10px; border: 0px;}
#notes li blockquote {border-left: 16px solid {color:Accents}; margin: 0px 0px 0px 10px; padding: 5px 0px 0px 25px;}
/* PAGINATION */
div#pagination {text-align: center; background-color: transparent!important; padding: 0px; margin: 30px auto;}
div#pagination span.current_page, div#pagination a {font-size: 1.3em; margin: 0px 5px; background-color: {color:Post Background}; padding: 4px 7px;}
div#pagination span.current_page {font-style: italic;}
/* SIDEBAR */
#side .side:first-child {margin-top: 0px!important;}
.side {width: 220px; margin: 6px 0px; padding: 0px;}
.side div {display: none;}
a.time {margin: 0px; text-transform: uppercase; font-size: 0.8em; color: {color:Accents}; display: none;}
li:hover a.time {display: block;}
h2, #searchin {margin: 0px 0px 1px; letter-spacing: 2pt; border: 0px!important; color: {color:Titles}; font-size: 1.3em; text-transform: lowercase; font-weight: 300; background-color: {color:Post Background}; padding: 2px 0px; width: 100%; {block:IfCenterSidebar}text-align: center;{/block:IfCenterSidebar}}
h2 a, h1 a {color: {color:Titles};}
#links li, #links2 li {height: 14px; vertical-align: middle; line-height: 16px; font-family: {font:Post Titles};}
#links li a:hover, #links2 li a:hover {font-style: italic;}
#twitter li, #lastfm li, #likes li {border-bottom: 1px solid {text:Overlay}; padding: 2px 0px;}
#twitter li:first-child, #lastfm li:first-child, #likes li:first-child {padding-top: 0px;}
#twitter li:last-child, #lastfm li:last-child, #likes li:last-child {padding-bottom: 0px; border-bottom: 0px; -webkit-box-shadow: 0px 0px 0px #fff; -moz-box-shadow: 0px 0px 0px #fff;}
#flickr img {height: 105px;}
#flickr li {float: left; margin: 0px 10px 10px 0px; width: 105px; height: 105px; overflow: hidden; background-color: #000; background-image: url(http://static.tumblr.com/me5sfsd/IYPleg5tn/permalink.png); background-position: center; background-repeat: no-repeat;}
#flickr li:nth-child(2n+2) {margin-right: 0px;}
#flickr li:hover img {-moz-opacity: .50; filter: alpha(opacity=50); opacity: .50;}
#flickr ul {height: 220px; overflow-y: hidden;}
{CustomCSS}
</style>
</head>
<body>
<div id="shell">
<div id="content">
{block:SearchPage}
<div class="post">
<h2 style="text-align: center;">search results for "{SearchQuery}"<br />{block:NoSearchResults}no results found{/block:NoSearchResults}</h2>
</div>
{/block:SearchPage}
{block:TagPage}
<div class="post">
<h2 style="text-align: center;">posts tagged "{Tag}"</h2>
</div>
{/block:TagPage}
<div class="autopagerize_page_element">
{block:Posts}
<div class="block{block:Photo} photo{/block:Photo}">
<div class="post {block:Photoset}photoset{/block:Photoset}{block:Quote}quote pad{/block:Quote}{block:Link}link pad{/block:Link}{block:Text}text pad{/block:Text}{block:Chat}chat pad{/block:Chat}{block:Audio}audio pad{/block:Audio}{block:Video}video{/block:Video}{block:Answer}ask pad{/block:Answer}">
{block:Quote}
<div class="quot">“</div><h4>{Quote}</h4>
{block:Source}<div class="caption">- {Source}</div>{/block:Source}
{/block:Quote}
{block:Photo}
{LinkOpenTag}<img src="{block:IfNotLargerPosts}{PhotoURL-500}{/block:IfNotLargerPosts}{block:IfLargerPosts}{PhotoURL-HighRes}{/block:IfLargerPosts}" alt="{PhotoAlt}" width="{block:IfNotLargerPosts}500px{/block:IfNotLargerPosts}{block:IfLargerPosts}650px{/block:IfLargerPosts}" border="0px" />{LinkCloseTag}
<div class="photo-info">
<b><a href="{ReblogURL}">reblog</a></b>
{block:ContentSource}<b>source:</b>{block:SourceLogo}<a href="{SourceURL}"><img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /></a>
{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} {block:RebloggedFrom}<a href="{ReblogParentURL}" title="reblogged from">{ReblogParentName}</a> {/block:RebloggedFrom}{/block:ContentSource}
{block:Answer}<b>asked:</b>{Asker} {/block:Answer}
{block:NoteCount}<b>notes:</b><a href="{Permalink}#notes" title="notes">{NoteCount}</a> {/block:NoteCount}
{block:Audio}<b>plays:</b>{PlayCount} {/block:Audio}
<b>posted:</b><a href="{Permalink}" title="permalink">{TimeAgo}</a>
{block:HasTags}<b>tags:</b>{block:Tags}<a href="{TagURL}" style="text-transform: lowercase;">{Tag}</a> {/block:Tags}{/block:HasTags}
</div>
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<div class="caption pad">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{block:IfShowCaptions}{block:Caption}<div class="caption pad">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
{/block:Photo}
{block:Photoset}
{Photoset-500}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<div class="caption pad">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{block:IfShowCaptions}{block:Caption}<div class="caption pad">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
{/block:Photoset}
{block:Video}
<center>
{Video-500}
</center>
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<div class="caption pad">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{block:IfShowCaptions}{block:Caption}<div class="caption pad">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
{/block:Video}
{block:Link}
<h3><a href="{URL}" {Target}>{Name} ↘</span></a></h3>
{block:Description}<caption>{Description}</caption>{/block:Description}
{/block:Link}
{block:Chat}
{block:Title}<h2>{Title}</h2>{/block:Title}
<table class="chat" style="border-spacing: 0px;">
{block:Lines}
<tr>
{block:Label}<td class="label" style="padding-right: 20px;">{Label}</td>{/block:Label}
<td class="line">{Line}</td>
</tr>
{/block:Lines}
</table>
{/block:Chat}
{block:Audio}
<center>
<div class="audio">
<table border="0px" cellspacing="0px" cellpadding="0"><tr>
{block:AlbumArt}
<td style="padding-right: 8px;"><a href="{Permalink}">
<img border="0" src="{AlbumArtUrl}" width="27px" height="27px" />
</a></td>
{/block:AlbumArt}
<td width="auto">{AudioPlayerBlack}</td>
{block:ExternalAudio}
<td style="padding-left: 8px;"><a href="{ExternalAudioURL}" title="download">
<div style="width: 27px; height: 27px; background-color: #000; color: #fff; vertical-align: middle; text-align: center; font-size: 110%;">
▼
</div></a></td>{/block:ExternalAudio}
</tr>
</table>
{block:Caption}<caption>{Caption}</caption>{/block:Caption}</div>
</center>
{/block:Audio}
{block:Text}
{block:Title}<h3>{Title}</h3>{/block:Title}
{Body}
{/block:Text}
{block:Answer}
<table width="100%" border="0px" cellpadding="0" cellspacing="0"><tbody style="border-spacing: 0px; padding: 2px;">
<tr><td width="48x" style="vertical-align: top; width: 48px; padding: 0px; padding-right: 20px;">
<img height="48px" width="48px" style="padding: 0px; margin: 0px;" src="{AskerPortraitURL-96}"/>
</td><td style="background-color: {color:Post Background}; padding: 0px;">
<strong><big>{Question}</big></strong>{Answer}
</td></tr></tbody></table>
{/block:Answer}
</div>
{block:PostNotes}
<div id="notesbloque" class="post"></div>
<div id="notes" class="post">
{PostNotes}
</div>
{/block:PostNotes}
{block:Date}
<div class="post-info">
<b><a href="{ReblogURL}">reblog</a></b>
{block:ContentSource}<b>source:</b>{block:SourceLogo}<a href="{SourceURL}"><img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /></a>{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} {block:RebloggedFrom}<a href="{ReblogParentURL}" title="reblogged from">{ReblogParentName}</a> {/block:RebloggedFrom}{/block:ContentSource}
{block:Answer}<b>asked:</b>{Asker} {/block:Answer}
{block:NoteCount}<b>notes:</b><a href="{Permalink}#notes" title="notes">{NoteCount}</a> {/block:NoteCount}
{block:Audio}<b>plays:</b>{PlayCount} {/block:Audio}
<b>posted:</b><a href="{Permalink}" title="permalink">{TimeAgo}</a>
{block:HasTags}<b>tags:</b>{block:Tags}<a href="{TagURL}" style="text-transform: lowercase;">{Tag}</a> {/block:Tags}{/block:HasTags}
</div>
{/block:Date}
</div>
{/block:Posts}
</div>
{block:IfNotInfiniteScrolling}
{block:Pagination}
<div class="post" id="pagination">
{block:PreviousPage}
<a href="/" title="first page"><big>«</big></a>
<a href="{PreviousPage}" title="previous page"><big><big>‹</big></big></a>
{/block:PreviousPage}
{block:JumpPagination length="5"}
{block:CurrentPage}
<span class="current_page">{PageNumber}</span>
{/block:CurrentPage}
{block:JumpPage}
<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}
<a href="{NextPage}" title="next page"><big><big>›</big></big></a>
<a href="/page/{TotalPages}" title="last page"><big>»</big></a>
{/block:NextPage}
</div>
{/block:Pagination}
{/block:IfNotInfiniteScrolling}
</div>
<div id="side">
<div id="title" class="side">
<a href="/" title="{Title}">
{block:IfNotTitleImage}<h2 style="text-transform: none;"><big><big>{Title}</big></big></h2>{/block:IfNotTitleImage}
{block:IfTitleImage}<img src="{image:Title}" width="220" alt="{Title}" border="0" /><br />{/block:IfTitleImage}
</a>
</div>
{block:Description}
<div id="info" class="side pad">
<h2>info</h2>
<div style="text-align: justify;">
{Description}
</div></div>
{/block:Description}
<div id="links" class="side pad">
<h2>links</h2>
<div><ul>
{block:HasPages}
{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}
{/block:HasPages}
{block:AskEnabled}{block:IfNotShowAskBox}<li><a href="/ask">{AskLabel}</a></li>{/block:IfNotShowAskBox}{/block:AskEnabled}
{block:SubmissionsEnabled}<li><a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
<li><a href="/archive">Archive</a></li>
<li><a href="http://themes.pouretrebelle.com/">Theme</a></li>
</ul></div></div>
{block:AskEnabled}{block:IfShowAskBox}
<div id="ask" class="side pad">
<h2>ask</h2>
<div>
<iframe frameborder="0" scrolling="no" width="100%" height="149" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
</div></div>
{/block:IfShowAskBox}{/block:AskEnabled}
<!--
IF YOU STEAL ANY OF THE FOLLOWING SCRIPTS I WILL CUT YOU, IT TOOK ME AGES TO WRITE AND EDIT THEM. I WILL KNOW IT IS YOU. DON'T YOU DARE. IF YOU WISH TO USE THEM PLEASE MESSAGE ME AND I MIGHT ALLOW IT WITH APPROPRIATE CREDIT BUT OTHERWISE IT IS FORBIDDEN
-->
{block:IfTwitterUsername}
<div id="twitter" class="side pad">
<h2><a target="_blank" href="http://www.twitter.com/{text:Twitter Username}">Twitter</a></h2>
<div><script type="text/javascript" src="http://static.tumblr.com/me5sfsd/JrXleg5st/twitter.js"></script>
<ul id="twitterfeed"></ul>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/{text:Twitter Username}.json?callback=twitterCallback2&count=5"></script>
</div></div>
{/block:IfTwitterUsername}
<!--
READ MESSAGE ABOVE
-->
{block:IfFlickrID}
<div id="flickr" class="side pad">
<h2><a target="_blank" href="http://www.flickr.com/photos/{text:Flickr ID}">Flickr</a></h2>
<div><ul id="flickrfeed"></ul>
<script type="text/javascript">
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?id={text:Flickr ID}&lang=en-us&format=json&jsoncallback=?", function(data){
$.each(data.items, function(i,item){
$("<img/>").attr("src", item.media.m).attr("border", "0").appendTo("#flickrfeed")
.wrap("<li><a href='" + item.link + "' class='flick'></a></li>");
if ( i == 3 ) return false;
});});
</script>
</div></div>
{/block:IfFlickrID}
<!--
READ MESSAGE ABOVE
-->
{block:IfLastfmUsername}
<div id="lastfm" class="side pad">
<h2><a target="_blank" href="http://www.last.fm/user/{text:Lastfm Username}">Last FM</a></h2>
<div><script type="text/javascript" src="http://static.tumblr.com/me5sfsd/bQgleg5sb/lastfm.js"></script>
<ul id="lastfmfeed"></ul>
<script type="text/javascript">
$('#lastfmfeed').lastfm({ params : { limit : 5, user : '{text:Lastfm Username}' } })
</script>
</div></div>
{/block:IfLastfmUsername}
{block:Likes}
{block:IfShowLikes}
<div id="likes" class="side">
<h2><a target="_blank" href="http://www.tumblr.com/liked/by/{Name}">Likes</a></h2>
{Likes limit="5" summarize="100" width="170"}
</div>
{/block:IfShowLikes}
{/block:Likes}
<div id="search" class="side pad">
<form action="/search" method="get" style="height: 20px;">
<input type="text" id="searchin" name="q" value="Search" placeholder="Search" onfocus="if (this.value == 'Search') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}"/>
</form>
</div>
</div>
</div>
</body>
</html>
Comment