Changing Tumblr Text Heading to an Image. HTML HELP!

) September 29th, 2011

So i wanted to have this image, http://static.tumblr.com/wpbuf8v/qfelsbnad/10.jpg as my header in tumblr. But i cant get it to work. i dont know how to change the HTML coding to show my picture…can someone please help me, im sure its easy but im just confused :P

here is the full coding
and the website in question is on tumblr.com.

<!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml” xml:lang=“en” lang=“en”>

<!—

by:
____ ____ ____ ____ ____ ____ ____ ____
||D |||O |||I |||N |||W |||O |||R |||K ||
||__|||__|||__|||__|||__|||__|||__|||__||
|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|

—>

<head>

<!—DEFAULT—>
<meta name=“color:Background” content=”#fff”/>
<meta name=“color:Title” content=”#333333”/>
<meta name=“color:Description” content=”#BBBBBB”/>
<meta name=“color:Post Title” content=”#FCB310”/>
<meta name=“color:Text” content=”#444”/>
<meta name=“color:Inline Link” content=”#FCB310”/>
<meta name=“color:Quote Border” content=”#FCB310”/>
<meta name=“color:Quote Source” content=”#555”/>
<meta name=“color:Link Post” content=”#FCB310”/>
<meta name=“color:Conversation Border” content=”#bbb”/>
<meta name=“color:Conversation Text” content=”#444”/>

<!—END DEFAULT—>

{block:IfNotBackgroundImage}
background: {color:Background} top center;
{/block:IfNotBackgroundImage}

{block:IfBackgroundImage}
background: {color:Background} url(’{image:Background}’) top left fixed;
{/block:IfBackgroundImage}

font-family:Helvetica Neue Arial Lucida, sans-serif;
}

a {
color: {color:Inline Link};
text-decoration: none;
}

a:hover {
text-decoration:underline;
}

h1 {
color: #333333;
padding: 0;
text-size: 100px;
margin-top: 0px;
margin-bottom: -15px;

}

h1 a {
color: {color:Title};
text-decoration: none;
}

.header {
font-family: Helvetica, Neue Arial, Lucida, sans-serif;
margin: 25px 0 50px 0;
width: 100%;

}
.header h1 {
line-height:56px;
font-size:100px;
font-weight:100;
letter-spacing:-2px;
text-transform:uppercase;
text-align: center;
z-index:-1;
}
.header h1 a {
font-weight:normal;
border:0 !important;
text-decoration: none;
}

.header h2 {
font-family: Helvetica Neue, Arial, Lucida, sans-serif;
color:{color:Description};
font-size:16px;
font-weight:200;
letter-spacing:-1px;
line-height:22px;
text-align:center;
margin-right:55px;

}

div#content {
width: 550px;
margin: auto;
position: relative;
margin-top: 30px;
background: #ffffff;
padding:10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:30px 10px 10px;

}

div#content div#sidebar {
position: absolute;
right: -170px;
width: 160px;
text-align: left;
}

div#sidebar {
font: Normal 16px Helvetica Neue Arial Lucida, sans-serif;
line-height: 20px;
color: {color:Description};
}

div#sidebar a {
color: #333333;
border:none;
}

div#sidebar a img {
border:none;
}
div#sidebar div.pages {
font: 14px Helvetica Neue, Arial, Lucida, serif;
font-weight: 200;
list-style: none;
margin-top: 15px;
}
div.pages ol.pages {
text-decoration: none;
font-size: 16px;
color: #333333;
margin-top:-5px;
font-style: italic;
margin-left:-15px;
padding-top:7px;
text-decoration:none;
list-style: none;

}
ol.pages li a:hover{
text-decoration: underline;
}

ol.pages li a{
text-decoration:none;
color:#333;
}

div#sidebar div.pages li a:hover {
text-decoration: underline;

}

div#sidebar div.sidebar-bottom{
margin: 5px 0;

}
div.post {
position: relative;
margin-bottom: 100px;
text-decoration: none;
}

div.post div.datetime {
font-size: 12px;
line-height: 150%;
color: #555;
padding: 0 45px 20px 0;
text-align: right;
margin-top:-20px;
}
div.post div.datetime a {
color: #666;
}
div.post div.datetime a:hover {
text-decoration:underline;
color: {color:InlineLink};
}

div.post div.disqus {
font-size: 12px;
line-height: 150%;
color: #555;
padding: 0 45px 20px 0;
text-align: right;
margin-top:-20px;
}

div.post div.disqus a {
color: {color:InlineLink};
}

div.post div.post-bottom {
margin-left: 15px;
margin-top:-15px;

}

div.post h2 {
font-size: 40px;
color: {color:Post Title};
letter-spacing: -1px;
margin: 0px 0px 5px 0px;
text-decoration: none;
text-shadow:1px 1px 4px #E1E1E1;
line-height: 33px;
}

div.post h2 a {
color: {color:Post Title};
text-decoration: none;
font-family: Helvetica Neue, sans-serif;
font-weight: 100;
}

div.post div.caption {
font-size: 12px;
font-style: italic;
color: {color:Text};
margin-top: 10px;
padding: 0px 20px 0px 20px;
text-decoration: none;
border:none;
margin-bottom: 50px;
}

div.post div.caption a {
color:{color:Inline Link};
text-decoration: none;
border:none;
}

div.post div.caption a:hover {
color:{color:Inline Link};
text-decoration: underline;
border:none;
}

/* text Post */

div.post div.text {
font-size: 12px;
color: {color:Text};
line-height: 20px;
text-decoration: none;
}

div.post div.text a {
color:{color:Inline Link};
}

div.post div.text blockquote {
font-style: italic;
border-left: solid 2px {color:Text};
padding-left: 10px;
}
/* Photo Post */

div.post div.photo img {
border-width: 0px;
margin:0 25px auto;
}

div.post div.photo div.caption {
font: Normal 12px Helvetica Neue Arial Lucida, sans-serif;
line-height: 16px;
color: {color:Caption};
}

/* Photoset Post */

div.post div.photoset img {
border-width: 0px;
margin:0 25px auto;
}

div.post div.photoset div.caption {
font: Normal 12px Helvetica Neue Arial Lucida, sans-serif;
line-height: 16px;
color: {color:Caption};
}

/* Quote Post */

div.post div.quote div.quote_text {
font-family: Helvetica Neue, Arial Lucida, sans-serif;
color: {color:Quote};
border-left: solid 2px {color:Quote Border};
padding-left: 10px;
}

div.post div.quote div.quote_text span.short {
font-size: 40px;
line-height: 40px;
letter-spacing: -1px;
font-weight:100;
}

div.post div.quote div.quote_text span.medium {
font-size: 26px;
line-height: 40px;
letter-spacing: -1px;
font-weight:100;
}

div.post div.quote div.quote_text span.long {
font-size: 26px;
line-height: 20px;
font-weight:100;
}

div.post div.quote div.quote_text a {
color: {color:Quote};
}

div.post div.quote div.source {
font-size: 12px;
color: {color:Quote Source};
margin-top: 5px;
}

div.post div.quote div.source a {
color: {color:Quote Source};
}

/* Link Post */

div.post div.link a.link {
font: Bold 26px Helvetica Neue, Arial, Lucida, sans-serif;
letter-spacing: -1px;
color: {color:Link Post};
text-decoration: none;
text-shadow: 0 1px 0 #fff, 0 -1px 0 #666666;
background: #e1e1e1;
padding: 5px 10px;
-moz-box-shadow: 2px 3px 3px rgba(120, 120, 120, .3);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

}

div.post div.link a.link:hover {
-moz-box-shadow:
2px 3px 3px rgba(0, 0, 0, .3);
-2px -2px 0 #fff,

}

div.post div.link span.description {
font-size: 12px;
font-weight: normal;
color: {color:Text};
text-decoration: none;
}

/* Conversation Post */

div.post div.chat ul {
list-style-type: none;
margin: 0px;
padding: 0px 0px 0px 1px;
border-left: solid 5px {color:Conversation Border};
}

div.post div.chat ul li {
font-size: 12px;
padding: 4px 10px 4px 8px;
color: {color:Conversation Text};
margin-bottom: 1px;
}

div.post div.chat ul li span.label {
font-weight: bold;
}

div.post div.chat ul li span.user_1

div.post div.chat ul li span.user_2

div.post div.chat ul li span.user_3 {
color: #0a0;
}

div.post div.chat ul li.odd {
background-color: #f4f4f4;
}

div.post div.chat ul li.even {
background-color: #d6d6d6;
}

/* Audio Post */

.stat-audio .stat-audio-wrapper {
width: 496px;
overflow: hidden;
margin-bottom: 25px;
}

.stat-audio .stat-extra-padding {
padding: 17px 9px !important;
background-color: #ffffff;
}

.stat-audio .stat-audio-wrapper a {
color: #111;
border-bottom: 1px dotted #8C8C8C;
}

.stat-audio .stat-audio-album-art {
float: left;
display: inline-block;
margin: 0;
border: 1px solid #ececec;
background-color: #e1e1e1;
padding: 4px;
vertical-align: top;
-webkit-border-radius: 3px;
-webkit-border-top-right-radius: 0;
-moz-border-radius: 3px;
-moz-border-radius-topright: 0;
border-radius: 3px;
border-top-right-radius: 0;

}

.stat-audio .stat-audio-album-art img {
width: 150px;
height: 150px;
vertical-align: top;
}

.stat-audio .stat-audio-player {
background-color: #666666;
display: inline-block;
}

.stat-audio .stat-extra-padding .stat-audio-player {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-bottom:1px solid #333333;
border-right:1px solid #333333;
padding-bottom:0;
padding-right:1px;
}

.stat-audio .stat-audio-wrapper embed {
vertical-align: top;
}

.stat-audio .stat-extra-padding embed {
vertical-align: baseline !important;
}

.stat-audio .stat-audio-play-count,
.stat-audio .stat-audio-player .audio_player {
display: inline-block;
vertical-align: middle;
}

.stat-audio .stat-extra-padding .stat-audio-player .audio_player {
overflow: hidden;
height: 28px;
width: 28px;
}

.stat-audio .stat-audio-play-count {
padding: 6px 10px 7px;
font: normal 11px/15px Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 4px;
}

.stat-audio .stat-audio-play-count .stat-audio-download {
font-weight: bold;
letter-spacing: 0 !important;
}

.stat-audio .stat-audio-album-art,
.stat-audio .stat-audio-left {
float: left;
}

.stat-audio .stat-extra-padding .stat-audio-left {
width: 326px;
}

.stat-audio .stat-audio-artist,
.stat-audio .stat-audio-song {
padding: 8px;
background-color: #e1e1e1;
margin: 10px 0 0;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}

/* Video Post */

div.post div.video {
width: 500px;
margin: 0 auto;
}

/* Ask Post */

.answer {
width: 465px;
margin-bottom: 50px
}
.answer-question .body {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #e1e1e1;
padding: 7px 16px;
width: 365px;
float: left;
line-height: 1.4;
margin-bottom: 15px;
font-size: 24px;
overflow: hidden;
font-weight: 100;
font-family: “Helvetica Neue”,“Helvetica”,“Impact”,sans-serif;
font-style: italic;

}
.answer-asker {
font-size:12px;
line-height:0px;
margin-left:38px;
}

.answer-asker a {
color: {color:Inline Link};
font-weight: bold;
font-style: italic;
}

.answer-answer {
margin-top: 22px;
}
.answer-label {
width: 35px;
float: left;
color: {color:Accent};
font-family: “Helvetica Neue”,“Helvetica”,“Impact”,sans-serif;
font-size: 17px;
overflow: hidden;
line-height: 45px;
}
.answer-answer .body {
padding-left: 53px;
font-weight: 400;
font-size: 15px;
font-family: “Helvetica Neue”,“Helvetica”,“Impact”,sans-serif;
line-height: 49px;
color: #333333;
padding-top:1px;
width:365px;
}

.answer-answer .body p {
line-height:18px;
}

#sidebar1 {
width: 275px;
margin-left:10px;
margin-top:20px;
}

#following {
padding:10px 60px 0 10px;
margin-left: -10px;
}

#following a img:hover {
opacity: 0.4;
filter: alpha(opacity=40);
-ms-filter:“progid:DXImageTransform.Microsoft.Alpha(Opacity=40)”;
}
#following a img {
margin: 2px;
}

.post.text .type{ background-position: 0 -265px; }
.post.photo .type{ background-position: 0 -232px; }
.post.link .type{ background-position: 0 -200px;}
.post.quote .type{ background-position: 0 -167px; }
.post.chat .type{ background-position: 0 -134px; }
.stat-audio .type{ background-position: 0 -102px; }
.post.video .type{ background-position: 0 -70px; margin-left: -30px; }
.post.photoset .type{ background-position: 0 -36px; }
.answer .type{ background-position: 0 -2px; }

.type{
display:block;
width: 38px;
height: 32px;
text-indent:-99999px;
margin-bottom:4px;
background: url(http://static.tumblr.com/xequfu2/IGml46jev/icons.png) no-repeat top left;
opacity:0.4;
}

.type:hover{
opacity:0.99;
}

.postinfo{
position:absolute;
display:block;
top:0px;
left:-63px;
width:38px;
}

#home {
background:url(http://static.tumblr.com/xequfu2/ErUkl99l3/home.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#home:hover {
background:url(http://static.tumblr.com/xequfu2/ErUkl99l3/home.png) no-repeat 0px -31px;
}

#random {
background:url(http://static.tumblr.com/xequfu2/QkYkl99pb/random.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#random:hover {
background:url(http://static.tumblr.com/xequfu2/QkYkl99pb/random.png) no-repeat 0px -31px;
}

#archive {
background:url(http://static.tumblr.com/xequfu2/ilikl99j9/archive.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#archive:hover {
background:url(http://static.tumblr.com/xequfu2/ilikl99j9/archive.png) no-repeat 0px -31px;
}

#pages_nav {
background:url(http://static.tumblr.com/xequfu2/Yrgkzd2tm/pages.png) no-repeat 0px -31px ;
height:30px;
margin-top: 10px;
}

#blank {
background:url(http://static.tumblr.com/xequfu2/OPMkzd2rt/blank.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#blank:hover {
background:url(http://static.tumblr.com/xequfu2/OPMkzd2rt/blank.png) no-repeat 0px -31px;
}

#tumbltape {
background:url(http://static.tumblr.com/xequfu2/bklkl99tt/tumbltape.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#tumbltape:hover {
background:url(http://static.tumblr.com/xequfu2/bklkl99tt/tumbltape.png) no-repeat 0px -31px;
}

#search {
background:url(http://static.tumblr.com/xequfu2/A83kl99rb/search.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
margin-bottom: -18px;
margin-left: 10px;
padding-left: 30px;
}
#search:hover {
background:url(http://static.tumblr.com/xequfu2/A83kl99rb/search.png) no-repeat 0px -31px;
}

#rss {
background:url(http://static.tumblr.com/xequfu2/fygkni88l/rss1.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#rss:hover {
background:url(http://static.tumblr.com/xequfu2/fygkni88l/rss1.png) no-repeat 0px -31px;
}

#download {
background:url(http://static.tumblr.com/internal/Gr6knjvpl/download.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#download:hover {
background:url(http://static.tumblr.com/internal/Gr6knjvpl/download.png) no-repeat 0px -31px;
}

#myspace {
background:url(http://static.tumblr.com/xequfu2/s8Lkni87o/myspace.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#myspace:hover {
background:url(http://static.tumblr.com/xequfu2/s8Lkni87o/myspace.png) no-repeat 0px -31px;
}

#last {
background:url(http://static.tumblr.com/xequfu2/nq7kni86t/last.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#last:hover {
background:url(http://static.tumblr.com/xequfu2/nq7kni86t/last.png) no-repeat 0px -31px;
}

#flickr {
background:url(http://static.tumblr.com/xequfu2/1Xckni862/flickr.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#flickr:hover {
background:url(http://static.tumblr.com/xequfu2/1Xckni862/flickr.png) no-repeat 0px -31px;
}

#vimeo {
background:url(http://static.tumblr.com/xequfu2/CiBkni8ad/vimeo.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#vimeo:hover {
background:url(http://static.tumblr.com/xequfu2/CiBkni8ad/vimeo.png) no-repeat 0px -31px;
}

#youtube {
background:url(http://static.tumblr.com/xequfu2/U40kni8b6/youtube.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#youtube:hover {
background:url(http://static.tumblr.com/xequfu2/U40kni8b6/youtube.png) no-repeat 0px -31px;
}

#delicious {
background:url(http://static.tumblr.com/xequfu2/Gm5kni82w/delicious.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#delicious:hover {
background:url(http://static.tumblr.com/xequfu2/Gm5kni82w/delicious.png) no-repeat 0px -31px;
}

#digg {
background:url(http://static.tumblr.com/xequfu2/DiYkni841/digg.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#digg:hover {
background:url(http://static.tumblr.com/xequfu2/DiYkni841/digg.png) no-repeat 0px -31px;
}

#facebook {
background:url(http://static.tumblr.com/xequfu2/UIVl4618a/facebook.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#facebook:hover {
background:url(http://static.tumblr.com/xequfu2/UIVl4618a/facebook.png) no-repeat 0px -31px;
}

#twitter {
background:url(http://static.tumblr.com/xequfu2/dfxkzd2ut/twitter.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#twitter:hover {
background:url(http://static.tumblr.com/xequfu2/dfxkzd2ut/twitter.png) no-repeat 0px -31px;
}

#ask {
background:url(http://static.tumblr.com/xequfu2/8Gdl461a7/ask.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#ask:hover {
background:url(http://static.tumblr.com/xequfu2/8Gdl461a7/ask.png) no-repeat 0px -31px;
}

#formspring {
background:url(http://static.tumblr.com/xequfu2/Z1Il461oi/formspring.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#formspring:hover {
background:url(http://static.tumblr.com/xequfu2/Z1Il461oi/formspring.png) no-repeat 0px -31px;
}

ol.notes{
font-size:15px;
margin-bottom:20px;
font-family: Helvetica neue, Helvetica, arial, lucida, sans-serif;
font-weight: 200;

}

ol.notes li{
border-bottom:1px dashed #999999;
margin-bottom:5px;
overflow:hidden;
padding:14px 50px 13px 14px;
position:relative;
width:400px;
}

ol.notes li a img{
padding:4px;
border: none;
float:left;
width:16px;
height:16px;
}

ol.notes li a{
font-weight:bold;
text-decoration:none;
color:#333;
}

ol.notes li span.action{
margin-left:10px;
float:left;
}

ol.notes blockquote {
font-size:13px;
font-weight:normal !important;
padding-left:35px;

}

ol.notes blockquote a{
font-weight:normal !important;
}

/* Footer */

div#footer {
font: Normal 12px Helvetica Neue, Arial, Lucida, serif;
margin: 40px 0px 30px 0px;
text-align: center;
font-size: 12px;
font-weight: 100;
color: {color:Description};
}

div#footer a {
text-decoration: none;
font-size: 40px;
color: {color:Description};
}

div#footer a:hover {
text-decoration: underline;
color: {color:Title};
}

div#credit {
font: Normal 12px Helvetica Neue, Arial, Lucida, serif;
margin-top: 15px;
}
div#credit a {
text-decoration: none;
font-size: 12px;
color: {color:Inline Link};
}
a.install {
width: 96px;
height: 20px;
background: url(http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png);
display: block;
position: absolute;
top: 26px;
right: 3px;
}

{CustomCSS}
</style>

</head>
<body>

<a href=“http://www.tumblr.com/theme/849” class=“install”></a>
<div class=“header”>
<h1><a href=””><img src=“http://static.tumblr.com/wpbuf8v/qfelsbnad/10.jpg”/></a></h1>
<h2>{Description}</h2>
</div>

<div id=“search”>
<form method=“get” action=”/search”>
<input type=“text” value=”{SearchQuery}” name=“q”/>
</form>
</div>
<div id=“sidebar1”>
<a href=”/”><div id=“home”></div></a>
<a href=”/random”><div id=“random”></div></a>
<a href=”/archive”><div id=“archive”></div></a>
<a href=”{RSS}”><div id=“rss”></div></a>
{block:IfShowAskSidebar}
<a href=”/ask”><div id=“ask”></div></a>
{/block:IfShowAskSidebar}

{block:IfFacebookShortname}
<a href=“http://facebook.com/{text:Facebook Shortname}”><div id=“facebook”></div></a>
{/block:IfFacebookShortname}
{block:IfMyspaceShortname}
<a href=“http://myspace.com/{text:Myspace Shortname}”><div id=“myspace”></div></a>
{/block:IfMyspaceShortname}
{block:IfLastFmShortname}
<a href=“http://last.fm/user/{text:LastFm Shortname}”><div id=“last”></div></a>
{/block:IfLastFmShortname}
{block:IfTwitterShortname}
<a href=“http://twitter.com/{text:Twitter Shortname}”><div id=“twitter”></div></a>
{/block:IfTwitterShortname}
{block:IfFlickrShortname}
<a href=“http://flickr.com/{text:Flickr Shortname}”><div id=“flickr”></div></a>
{/block:IfFlickrShortname}
{block:IfVimeoShortname}
<a href=“http://vimeo.com/{text:Vimeo Shortname}”><div id=“vimeo”></div></a>
{/block:IfVimeoShortname}
{block:IfYoutubeShortname}
<a href=“http://youtube.com/{text:Youtube Shortname}”><div id=“youtube”></div></a>
{/block:IfYoutubeShortname}
{block:IfDeliciousShortname}
<a href=“http://delicious.com/{text:Delicious Shortname}”><div id=“delicious”></div></a>
{/block:IfDeliciousShortname}
{block:IfDiggShortname}
<a href=“http://digg.com/{text:Digg Shortname}”><div id=“digg”></div></a>
{/block:IfDiggShortname}
{block:IfFormspringShortname}
<a href=“http://formspring.me/{text:Formspring Shortname}”><div id=“formspring”></div></a>
{/block:IfFormspringShortname}

<div class=“pages”>
{block:HasPages}
<div class=“sidebar-bottom”>
<img src=“http://static.tumblr.com/xequfu2/gOMkzd2on/sidebar_bottom.png”/>
</div>
<div id=“pages_nav”></div>
{block:Pages}
<div id=“blank”><ol class=“pages”><li><a href=”{URL}”> {Label}</a></li></ol></div>
{/block:Pages}
{/block:HasPages}
</div>

{block:IfShowPeopleIFollow}
{block:Following}
<div id=“following”>
{block:Followed}<a href=”{FollowedURL}”><img src=”{FollowedPortraitURL-40}” /></a>{/block:Followed}
</div>
{/block:Following}
{/block:IfShowPeopleIFollow}
</div>

</div>

{block:Posts}
<div class=“post”>

{block:Text}
<div class=“post text”>
<div class=“postinfo”>
<a href=”{permalink}” class=“type”>Text Post</a></div>
{block:Title}<h2><a href=”{Permalink}”>{Title}</a></h2>{/block:Title}
{Body}
</div>
{/block:Text}

{block:Photo}
<div class=“post photo”>
<div class=“postinfo”>
<a href=”{permalink}” class=“type”>Photo Post</a></div>

{LinkOpenTag}<img src=”{PhotoURL-500}” alt=”{PhotoAlt}”/>{LinkCloseTag}
{block:Caption}
<div class=“caption”>{Caption}</div>
{/block:Caption}
</div>
{/block:Photo}

{block:Photoset}
<div class=“post photoset”>
<div class=“postinfo”>
<a href=”{permalink}” class=“type”>Photoset Post</a></div>
{Photoset-500}
{block:Caption}
<div class=“copy”>{Caption}</div>
{/block:Caption}
</div>
{/block:Photoset}

{block:Quote}
<div class=“post quote”>
<div class=“postinfo”>
<a href=”{permalink}” class=“type”>Quote Post</a></div>
<div class=“quote_text”><span class=”{Length}”>{Quote}</span></div>
{block:Source}
<div class=“source”>— {Source}</div>
{/block:Source}
</div>
{/block:Quote}

{block:Link}
<div class=“post link”>
<div class=“postinfo”>
<a href=”{permalink}” class=“type”>Link Post</a></div>
<h2><a href=”{URL}” class=“link” {Target}>{Name}</a></h2>
{block:Description}
<span class=“description”>{Description}</span>
{/block:Description}
</div>
{/block:Link}

{block:Chat}
<div class=“post chat”>
<div class=“postinfo”>
<a href=”{permalink}” class=“type”>Chat Post</a></div>
{block:Title}
<h2><a href=”{Permalink}”>{Title}</a></h2>
{/block:Title}
<ul>
{block:Lines}
<li class=”{Alt}”>
{block:Label}
<span class=“label user_{UserNumber}”>{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
</div>
{/block:Chat}

{block:Audio}
<div class=“stat-audio”>
<div class=“postinfo”>
<a href=”{permalink}” class=“type”>Audio Post</a></div>
<div class=“stat-audio-wrapper {block:AlbumArt}stat-extra-padding{/block:AlbumArt}”>
{block:AlbumArt}<div class=“stat-audio-album-art”><img src=”{AlbumArtURL}” alt /></div>{/block:AlbumArt}
<div class=“stat-audio-left”>
<div class=“stat-audio-player”>{AudioPlayerBlack}</div>
<div class=“stat-audio-play-count”>{FormattedPlayCount} Plays{block:ExternalAudio} <a href=”{ExternalAudioURL}” class=“stat-audio-download”>→</a>{/block:ExternalAudio}</div>
{block:Artist}<div class=“stat-audio-artist”>{Artist}</div>{/block:Artist}
{block:TrackName}<div class=“stat-audio-song”>{TrackName}</div>{/block:TrackName}
</div>
<div class=“stat-clear”></div>
</div>
</div>
{/block:Audio}

{block:Video}
<div class=“post video”>
<div class=“postinfo”>
<a href=”{permalink}” class=“type”>Vid Post</a></div>
{Video-500}
{block:Caption}
<div class=“caption”>{Caption}</div>
{/block:Caption}
</div>
{/block:Video}

{block:Answer}
<div class=“answer”>
<div class=“postinfo”>
<a href=”{permalink}” class=“type”>Vid Post</a></div>

<div class=“answer-question”>
<div class=“answer-label”>Q</div>
<div class=“body”>
{Question}
</div>
<div class=“answer-asker post-{PostID}”>
</div>
<div class=“answer-asker”>from:{Asker}</div>
<div class=“clear”></div>
</div>

<div class=“answer-answer”>
<div class=“answer-label”>A</div>
<div class=“body”>
{Answer}
</div>
</div>

</div>
{/block:Answer}

<div class=“datetime”>
Posted <a href=”{Permalink}” class=“permalink”>{Month} {DayOfMonth}, {Year} at {12Hour}:{Minutes}{AmPm}</a> {block:HasTags}in {block:Tags}<a href=”{TagURL}”>{Tag}</a> {/block:Tags}{/block:HasTags}
{block:Pagination}
{block:NoteCount} |
<a href=”{Permalink}”>{NoteCountWithLabel}</a>{/block:NoteCount} <br />
{/block:Pagination}
{block:SearchPage} |
{block:NoteCount}&
<a href=”{Permalink}”>{NoteCountWithLabel}</a>{/block:NoteCount} <br />
{/block:SearchPage}
{block:PermalinkPage}
{block:NoteCount} |
<a href=”{Permalink}”>{NoteCountWithLabel}</a>{/block:NoteCount}<br />
{/block:PermalinkPage}
</div>

<div class=“disqus”>
{block:IfDisqusShortname}<a class=“stat-disqus” href=”{Permalink}#disqus_thread”>Comments</a>{/block:IfDisqusShortname}
</div>

{block:IfShowPostDividers}
<div class=“post-bottom”>

</div>
{/block:IfShowPostDividers}

</div>
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:Posts}

{block:IfDisqusShortname}
{block:PermalinkPage}
<script type=“text/javascript”>var disqus_url = ”{Permalink}”; var disqus_title =”{block:PostTitle}{PostTitle}{/block:PostTitle}”;</script>{block:Permalink}<div id=“disqus_thread”></div>
<script type=“text/javascript”>
/**
* var disqus_identifier; [Optional but recommended: Define a unique identifier (e.g. post id or slug) for this thread]
*/
(function() {
var dsq = document.createElement(‘script’); dsq.type = ‘text/javascript’; dsq.async = true;
dsq.src = ‘http://{text:Disqus Shortname}.disqus.com/embed.js’;
(document.getElementsByTagName(‘head’)[0] || document.getElementsByTagName(‘body’)[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href=“http://disqus.com/?ref_noscript={text:Disqus Shortname}”>comments powered by Disqus.</a></noscript>
<a href=“http://disqus.com” class=“dsq-brlink”>blog comments powered by <span class=“logo-disqus”>Disqus</span></a>
{/block:Permalink}<script type=“text/javascript”>
var disqus_shortname = ’{text:Disqus Shortname}’;
(function () {
var s = document.createElement(‘script’); s.async = true;
s.src = ‘http://disqus.com/forums/{text:Disqus Shortname}/count.js’;
(document.getElementsByTagName(‘HEAD’)[0] || document.getElementsByTagName(‘BODY’)[0]).appendChild(s);
}());
</script>

{/block:PermalinkPage}
{/block:IfDisqusShortname}

<div id=“footer”>
{block:PreviousPage}
<a href=”{PreviousPage}”>« Previous</a>
{/block:PreviousPage}

{block:NextPage}
<a href=”{NextPage}” font-size=“36px”>Next »</a>
{/block:NextPage}

<div id=“credit”>
<a href=“http://ultralite.tumblr.com”>Ultralite</a> Powered by <a href=“http://www.tumblr.com/”
target=“_blank”>Tumblr</a>
Designed by:<a href=“http://doinwork.tumblr.com/”
target=“_blank”>Doinwork</a>
</div>
</div>
</div>

</body>
</html>

Observing members: 0

Composing members: 0

1 Answer

This Post should tell you how to edit the HTML of your blog.

Now for the changes you’d need!
If you wanted to replace the large “Escapades of a Poet” text with the image it’d be a bit harder to make it look good, but to get the image just below “Escapades of a Poet and your view counter…

Change this
.header {
font-family: Helvetica, Neue Arial, Lucida, sans-serif;
margin: 25px 0 50px 0;
width: 100%;
}

To This
.header {
font-family: Helvetica, Neue Arial, Lucida, sans-serif;
margin: 25px 0 10px 0;
width: 100%;
background-image: url(http://static.tumblr.com/wpbuf8v/qfelsbnad/10.jpg);
background-repeat: no-repeat;
background-position: bottom;
padding-bottom: 125px;
}

^That should put your image in the bit that Contains the “Escapades…”, and make it so that it comes below the text. You can change the padding-bottom: __px value to get more/less distance between the image and the Text, and change the you’re cute… image to something else by changing the background-image: url(x) value .

Good luck!

P.S. If you need to ask another question like this, you can use view-source:Your-site’s-URL to give people a direct link to the source code (it’s syntax highlighted too!) like so; it saves having to copy out all the code :)

GrayTax (551

)“Great Answer” (0

) Flag as…