The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Where do I put Hypster Playlist in my Tumblr Theme?
thepaddle10
post Sep 21 2011, 11:57 PM
Post #1





Group: Members
Posts: 1
Joined: 21-September 11
Member No.: 15,461



Tumblr Theme:
<!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">
<head>
<!-- default variables -->
<meta name="color:background" content="#000000" />

<meta name="font:title" content="arial" />
<meta name="font:body" content="arial" />
<meta name="font:accent" content="lucida sans" />

<meta name="if:show people i follow" content="1" />
<meta name="if:show tags" content="1" />
<meta name="if:show album art on audio posts" content="1" />
<meta name="if:enable jump pagination" content="0" />

<meta name="text:disqus shortname" content="" />

<meta name="image:header" content="" />
<meta name="image:background" content="" />

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>{title}{block:searchpage}, {lang:search results for searchquery}{/block:searchpage}{block:postsummary}, {postsummary}{/block:postsummary}</title>
{block:description}<meta name="description" content="{metadescription}" />{/block:description}
<link rel="shortcut icon" href="{favicon}" />
<link rel="apple-touch-icon" href="{portraiturl-128}"/>
<link rel="alternate" type="application/rss+xml" href="{rss}" />
<style type="text/css">


body {
background-color: #dbdda5;
background-position:bottom left; background-attachment:fixed; background-repeat:repeat;


background-image:url(http://i152.photobucket.com/albums/s167/condle/images/2080-1285971811-bg.jpg);
}
table table td, .bg_pageheader, .bg_adbackground,.bg_title, .bg_network, .bg_groups, .bg_profile, .bg_classmates, .bg_community, .box_community_groups_heading, .bg_photos, .bg_systembox, .box_quicksearch_heading, .box_fivestats_heading, .bg_content, .box_home_col_left, .box_home_col_content, .box_community_content, .box_community_network_content, .box_fivestats_content, .box_community_friends_content, .box_community_classmates_content, .box_community_groups_content, .box_content_profile_journal, .box_content_profile_groups, .box_editprofile_content, .bg_border, .box_home_col_shortcuts, .box_quicksearchfield_title, .box_quicksearchfield_field, .box_profile_picture_links, .box_profile_links, .bg_gradient_classmates, .bg_gradient_community, .bg_gradient_groups, .bg_gradient_photos, .bg_gradient_home, .bg_gradient_profile, .bg_gradient_classmates, .bg_gradient_community, .bg_gradient_home, .bg_gradient_photos, table.box_profile_picture, .bg_gradient_groups, .bg_gradient_profile, .bg_notch_title, .bg_notch_network, .bg_notch_classmates, .bg_notch_community, .bg_notch_groups, .bg_notch_profile, .bg_notch_systembox, .profile-module-body, .profile-module-body-left, .box_content_profile_groups { background-color:transparent; background-image:none; } .bg_profile, .bg_gradient_profile, .bg_content {
background-color:#ffffff;
background-position:bottom center;
background-attachment:fixed;
background-repeat:repeat; }

.profile-module-body { background-image:none; }

.profile-module-body-left, .box_content_profile_groups, .profile-module-body, .box_profile_info_large_content, .text_comment_body, .text_comment_header {
background-color:#ffffff;
color: #2d2b2b;
font-family:arial;
font-size: 9px; }
#footer { background-color:#ffffff;}
.box_profile_info_small {color:#fde3e8;font-family:arial;
font-size: 9px;;}
a.profile-module-link:link, a.profile-module-link:visited, a.profile-module-link:hover, a.link_blue:visited, a.link_blue:hover, a.username_dark:link, a.username_dark:visited, a.username_dark:hover, a.text_journal_entry_bod:link, a.bluetxt:link, a.subhead:link {
font-weight:normal;
color: #d7bb1d;
font-family:arial;
font-size: 9px; }
a.subhead:hover { color:#353333;}
a.link_blue:link{color:#353333;}
.box_profile_info_small_content, .box_profile_info_small_heading { background-color:#ffffff;}
.box_profile_info_small_heading{color:#353333;}
.box_profile_info_small_content {
background-color:#ffffff;
color: #353333;
font-weight:bold;
font-family:arial;
font-size: 9px;}

.box_profile_info_large_heading {
color: #353333;
font-family: 'lucida grande','lucida sans unicode',geneva,arial,verdana,sans-serif;
font-size: 14px; }
.text_header {
background-color:#ffffff;
color:#353333;

}
#friends img {border:2px solid #d7bb1d;}
a {color:#d7bb1d;}
a:hover{color:#d7bb1d;}
.box_profile_picture_links img {visibility:hidden;}
.box_profile_picture_links { background-color:#ffffff;}
a.link_profile_left:link {color:#d7bb1d;}
a.link_profile_left:hover { color:#d7bb1d;}
#sub_nav_community { background-color:#ffffff;}
table,tr,td { background-color:transparent; border: none; border-width: 0;} table table table table table table table {border: 0px;} table table table table table table table table {border: 0px;} table td.bg_gradient_profile table table.bg_border td.bg_content table table table.bg_border td.box_content_profile_groups table td img {visibility: hidden;} table td.bg_gradient_community table table.bg_border td.bg_content table table table.bg_border td.box_content_profile_groups table td img {visibility:hidden; }
.clear {
clear: both;
height: 0px;
overflow: hidden;
}

a img {
border: none;
}



#wrapper {
width: 960px;
margin: 0 auto;
}


#wrapper #title {
margin: 30px 0;
color: #fff;
font-size: 35px;
text-transform:uppercase;
font-weight: bold;
font-family: arial;
text-shadow: #000000 1px 3px 5px;
letter-spacing: -1px;
}

#wrapper #title a {
color: #fff;
text-decoration: none;
}

#wrapper #content {
width: 620px;
float: left;
}

#wrapper #content .post {
font-family: arial, 'helvetica neue', helvetica, sans-serif;
background: #fff;
position: relative;
padding: 10px 20px;

-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border-radius: 10px;
}

#wrapper #content .post .media {
text-align: center;
margin-bottom: 10px;
}

#wrapper #content .post .quotebg {
font-family: georgia, serif;
font-size: 150px;
color: #000000;
opacity: 0.2;
filter: alpha(opacity=20);
-ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=20)";
position: absolute;
top: 70px;
left: 10px;
}

#wrapper #content .post .quote {
color: #000000;
font-weight: bold;
padding: 20px 20px 5px 20px;
}

#wrapper #content .post .quote.short {
font-size: 33px;
line-height: 35px;
}

#wrapper #content .post .quote.medium {
font-size: 25px;
line-height: 28px;
}

#wrapper #content .post .quote.long {
font-size: 18px;
line-height: 22px;
}

#wrapper #content .post .quote_source *:first-child {
margin-top: 0px;
}

#wrapper #content .post .quote_source *:last-child {
margin-bottom: 0px;
}

#wrapper #content .post .quote *:first-child {
margin-top: 0px;
}

#wrapper #content .post .quote *:last-child {
margin-bottom: 0px;
}

#wrapper #content .post .copy {
color: #6e7173;
padding: 10px;
font-size: 13px;
line-height: 15px;
}

#wrapper #content .post .copy a {
color: #6e7173;
text-decoration: underline;
}

#wrapper #content .post .copy p {
margin: 10px 0 0 0;
padding: 0;
}

#wrapper #content .post .copy pre {
margin: 10px 0px 10px 0px;
padding: 10px;
background-color: #e6e6e6;
font: normal 11px courier, monospace;
overflow: auto;
}

#wrapper #content .post .copy > p:first-child {
margin-top: 0;
}

#wrapper #content .post .copy img {
max-width: 100%;
}

#wrapper #content .post .audio {
background: #eaeaea;
float: left;
padding: 7px;
margin-bottom: 10px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

#wrapper #content .post .audio .player {
float: left;
}

#wrapper #content .post .audio .player .audio_player embed {
border: 1px solid #c8c8c8;
}

#wrapper #content .post .audio .meta {
padding: 8px 13px;
height: 13px;
float: left;
color: #666;
font-family: 'lucida sans', 'lucida grande', 'lucida sans unicode', sans-serif;
font-size: 11px;
text-transform: lowercase;
}

#wrapper #content .post .audio .meta a {
color: #666;
text-decoration: none;
}

#wrapper #content .post .album_art {
text-align: center;
}

#wrapper #content .post .question {
color: #494949;
font-size: 16px;
font-weight: bold;
background: #f1f1f1;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
margin: 0 0 15px 0;
padding: 15px 20px;
position: relative;
}

#wrapper #content .post .question .nipple {
width: 13px;
height: 7px;
background: #f1f1f1 url('http://assets.tumblr.com/themes/redux/ask-mask.png');
position: absolute;
bottom: -7px;
left: 30px;
}

#wrapper #content .post .asker_container {
margin: 0 0 20px 24px;
}

#wrapper #content .post .asker_container img {
margin: 0 12px -7px 0;
}

#wrapper #content .post .asker_container a.asker {
color: ;
}

#wrapper #content .post .title {

background: #000;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
color: #fff;
font-size: 16px;
font-weight: bold;
padding: 10px;
margin:3px;
}

#wrapper #content .post img {
max-width: 500px;
}

#wrapper #content .post .chat {
background-color: #fff;
border-left: 5px solid #dedddd;
margin: 10px 10px 0 10px;
font-size: 14px;
}

#wrapper #content .post .chat .lines {
margin-left: 1px;
}

#wrapper #content .post .chat .lines .line {
background-color: #eaeaea;
color: #494949;
margin-bottom: 1px;
padding: 3px 5px;
}

#wrapper #content .post .chat .lines .line.even {
background-color: #dedddd;
}

#wrapper #content .post .link {
margin: 4px 0 2px 0;
font-size: 16px;
line-height: 25px;
}

#wrapper #content .post .link a {
background-color: #000000;
color: #fff;
padding: 5px 7px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

#wrapper #content .post .link a:hover {
opacity: 0.9;
filter: alpha(opacity=90);
-ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=90)";
}

#wrapper #content .post .footer {
background: #eaeaea;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-family: 'lucida sans', 'lucida grande', 'lucida sans unicode', sans-serif;
font-size: 11px;
color: #666;
padding: 5px 10px;
margin-top: 10px;
}

#wrapper #content .post .footer:hover {
opacity: 0.9;
filter: alpha(opacity=90);
-ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=90)";
}

#wrapper #content .post .footer .date {
width: 67%;
float: left;
color: #000000;
}

#wrapper #content .post .footer .notes {
width: 33%;
float: right;
text-align: right;
color: #666;
}

#wrapper #content .post .footer .notes a {
color: #666;
}

#wrapper #content .post .footer .tags a {
color: #4a4a51;
text-decoration: underline;
}

#wrapper #content .post .footer .tags .tag-commas:last-child {
display: none;
}

#wrapper #content .post a {
color: #6e7173;
text-decoration: none;
}

#wrapper #content .post .copy blockquote {
margin: 10px 0px 10px 10px;
padding-left: 15px;
border-left: solid 4px #dcdcdc;
}

#wrapper #content .post .copy blockquote blockquote {
border-left: solid 4px #cccccc;
}

#wrapper #content .post .copy blockquote blockquote blockquote {
border-left: solid 4px #bcbcbc;
}

#wrapper #content .post .copy blockquote blockquote blockquote blockquote {
border-left: solid 4px #acacac;
}

#wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
border-left: solid 4px #9c9c9c;
}

#wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
border-left: solid 4px #8c8c8c;
}

#wrapper #content .bottom {
background: url('http://assets.tumblr.com/themes/redux/shadow-post.png') top center no-repeat transparent;
width: 513px;
height: 40px;
margin: 0 auto;
}

#wrapper #content #navigation {
text-align: right;
padding-bottom: 35px;
text-transform: lowercase;
}

#wrapper #content #navigation a {
background-color: #fff;
color: #000000;
padding: 5px 10px;
text-decoration: none;
margin-left: 25px;
}

#wrapper #content #navigation a:hover {
opacity: 0.9;
filter: alpha(opacity=90);
-ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=90)";
}

#wrapper #content #navigation.jump_pagination {}

#wrapper #content #navigation.jump_pagination a {
margin: 0 0 0 4px;
}

#wrapper #content #navigation.jump_pagination .current_page {
color: #fff;
background-color: rgba(255,255,255, 0.1);
border: 2px solid #fff;
padding: 3px 8px;
margin: 0 0 0 4px;
cursor: default;
}

#wrapper #content #navigation.jump_pagination .jump_page {}

#wrapper #content .post .notecontainer {
background: #eaeaea;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-family: 'lucida sans', 'lucida grande', 'lucida sans unicode', sans-serif;
font-size: 11px;
color: #666;
margin-top: 10px;
margin-bottom: -10px;
}

#wrapper #content .post .notecontainer a {
color: #666;
text-decoration: underline;
}

#wrapper #content .post .notecontainer ol.notes {
padding: 0px 0 10px 0;
list-style-type: none;
font-size: 11px;
}

#wrapper #content .post .notecontainer ol.notes li.note {
padding: 10px 10px 0 10px;
}

#wrapper #content .post .notecontainer ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
}

#wrapper #content .post .notecontainer ol.notes li.note span.action {
font-weight: normal;
}

#wrapper #content .post .notecontainer ol.notes li.note .answer_content {
font-weight: normal;
}

#wrapper #content .post .notecontainer ol.notes li.note blockquote {
border-left: 2px solid #666;
padding: 4px 10px;
margin: 10px 0px 0px 25px;
}

#wrapper #content .post .notecontainer ol.notes li.note blockquote a {
text-decoration: none;
}

#wrapper #content #searchresults {
color: #fff;
margin: 0 0 15px 0;
text-shadow: #2f2f2f 1px 3px 5px;
font-family: arial, 'helvetica neue', helvetica, sans-serif;
font-size: 20px;
}

#wrapper #content #searchresults .search_query {
font-weight: bold;
}

#wrapper #content #searchresults .search_query:before {
content:'?';
}

#wrapper #content #searchresults .search_query:after {
content:'?';
}

#wrapper #sidebar {
width: 250px;
float: right;
color: #202020;
font-family: 'lucida sans', 'lucida grande', 'lucida sans unicode', sans-serif
}

#wrapper #sidebar a {
color: #2aafbb;
}

#wrapper #sidebar #top {
background:#fff;
padding: 0 20px;

-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

#wrapper #sidebar #top #avatar {
padding: 15px;
background:white;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
width:128px;
width:128px;
border-radius: 10px;
position: relative;
top: -24px;
left: -5px;
}

#wrapper #sidebar #top #pages {
margin-bottom: 15px;
font-size: 12px;
}

#wrapper #sidebar #top #pages.ask_and_submit {
display: none;
display: block;
display: block;
}

#wrapper #sidebar #top #pages a.page {
display: block;
float: left;
background-color: #e4e4e4;
color: #a1a1a1;
padding: 4px 5px;
margin: 0 5px 5px 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#wrapper #sidebar #top #pages a.page:last-child {
margin-right: 0;
}

#wrapper #sidebar #top #pages a.page:hover {
opacity: 0.9;
filter: alpha(opacity=90);
-ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=90)";
}

#wrapper #sidebar #top #description {
font-size: 11px;
position: relative;
top: -18px;
}

#wrapper #sidebar #top #description a {
color: #999999;
text-decoration: underline;
}

#wrapper #sidebar #top #search {
background: #fff;
border: 1px solid #cccccc;

-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

#wrapper #sidebar #top #search-scope {
padding-top: 5px;
font-size: 11px;
text-align: center;
}

#wrapper #sidebar #top #search-scope input,
#wrapper #sidebar #top #search-scope label {
cursor: pointer;
}

#wrapper #sidebar #top #search form {
margin: 0;
}

#wrapper #sidebar #top #search form .query {
padding: 5px;
border: none;
background: transparent;
outline: none;
width: 125px;
float: left;
color: #e4e4e4;
}

#wrapper #sidebar #top #search form .submit {
background: #e4e4e4;
color: #999999;
border: none;
padding: 5px 7px;
margin: 3px 3px 2px 0;
float: right;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
}

#wrapper #sidebar #top #search form .submit:hover {
opacity: 0.9;
filter: alpha(opacity=90);
-ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=90)";
}

#wrapper #sidebar #top .heading {
color: #fff;
font-family: helvetica, arial, sans-serif;
font-size: 17px;
margin-top: 20px;
padding: 10px;
background-color: #000000;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}

#wrapper #sidebar #top a .heading {
color: #fff;
text-decoration: none;
}

#wrapper #sidebar #top .heading#followontumblr {
background: url('http://assets.tumblr.com/themes/redux/sidebar-follow-on-en_us.png') center left no-repeat #000000;
text-indent: -9999px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;








}

#wrapper #sidebar #top .heading#followontumblr:hover,
#wrapper #sidebar #top .heading#twitter:hover {
opacity: 0.9;
filter: alpha(opacity=90);
-ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=90)";
}

#wrapper #sidebar #top .heading#twitter {
background: url('http://assets.tumblr.com/themes/redux/sidebar-twitter.png') right center no-repeat #000000;
}

#wrapper #sidebar #top .heading#following {
background: url('http://assets.tumblr.com/themes/redux/sidebar-following.png') right center no-repeat #000000;
}

#wrapper #sidebar #top .content {
margin-top: 2px;
padding: 7px 10px;
background: #eaeaea;
color: #666;
font-size: 11px;
overflow: hidden;
}

#wrapper #sidebar #top a {
text-decoration: none;
}

#wrapper #sidebar #top #following-avatars.content {
padding: 4px;
}

#wrapper #sidebar #top #following-avatars.content a img {
margin: 5px;
}

#wrapper #sidebar #top #buttons {
padding: 20px 0 0 0;
}

#wrapper #sidebar #top #buttons .button {
width: 35%;
height: 21px;
float: left;
background: left center no-repeat transparent;
padding: 2px 0 0 30px;
font-size: 14px;
}

#wrapper #sidebar #top #buttons a {
color: #999999;
text-decoration: none;
}

#wrapper #sidebar #top #buttons div {
padding-bottom: 10px;
}

#wrapper #sidebar #top #buttons .button#button-rss {
background-image: url('http://assets.tumblr.com/themes/redux/button-rss.png?2');
text-transform: capitalize;
}

#wrapper #sidebar #top #buttons .button#button-random {
background-image: url('http://assets.tumblr.com/themes/redux/button-random.png?2');
}

#wrapper #sidebar #top #buttons .button#button-archive {
background-image: url('http://assets.tumblr.com/themes/redux/button-archive.png?2');
}

#wrapper #sidebar #top #buttons .button#button-mobile {
background-image: url('http://assets.tumblr.com/themes/redux/button-mobile.png?2');
}

#wrapper #sidebar #bottom {
background: url('http://assets.tumblr.com/themes/redux/sidebar-bottom.png') top center no-repeat transparent;
width: 250px;
height: 25px;
}

#wrapper #sidebar #copyright {
text-align: center;
color: #090909;
font-size: 8pt;
margin: 5px;
}

#wrapper #sidebar #copyright a {
color: #090909;
margin-left: 15px;
}

</style>

</head>
<body>


<div id="wrapper">
<div id="title">
<a href="/">
{block:ifheaderimage}<img src="{image:header}" />{/block:ifheaderimage}
{block:ifnotheaderimage}{title}{/block:ifnotheaderimage}
</a>
</div>

<div id="content">

{block:searchpage}
{block:searchresults}
<div id="searchresults">{lang:searchresultcount results for searchquery 2}</div>
{/block:searchresults}

{block:nosearchresults}
<div id="searchresults">{lang:no search results for searchquery 2}</div>
{/block:nosearchresults}
{/block:searchpage}

{block:posts}
<div class="post">

{block:photo}
<div class="media">{linkopentag}<img src="{photourl-500}" alt="{photoalt}" />{linkclosetag}</div>
{block:caption}<div class="copy">{caption}</div>{/block:caption}
{/block:photo}

{block:video}
<div class="media">{video-500}</div>
{block:caption}<div class="copy">{caption}</div>{/block:caption}
{/block:video}

{block:audio}
{block:ifshowalbumartonaudioposts}
{block:albumart}
<div class="album_art">
<img src="{albumarturl}" alt="{block:artist}{artist}{/block:artist}{block:trackname} - {trackname}{/block:trackname}" style="margin-bottom: 10px" />
</div>
{/block:albumart}
{/block:ifshowalbumartonaudioposts}

<div class="audio">
<div class="player">{audioplayerwhite}</div>
<div class="meta">{playcountwithlabel}{block:externalaudio}<span class="download_external_audio"> ? <a href="{externalaudiourl}">{lang:download}</a></span>{/block:externalaudio}</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
{block:caption}<div class="copy">{caption}</div>{/block:caption}
{/block:audio}

{block:quote}
<div class="quote {length}">{quote}</div>
<div class="copy">
<div class="quotebg">?</div>
{block:source}
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" style="width: 20px">?</td>
<td valign="top" class="quote_source">
{source}
</td>
</tr>
</table>
{/block:source}
</div>
{/block:quote}

{block:text}
{block:title}<div class="title">{title}</div>{/block:title}
<div class="copy">{body}</div>
{/block:text}

{block:answer}
<div class="question">
<div class="nipple"></div>
{question}
</div>
<div class="asker_container"><img src="{askerportraiturl-24}">{asker}</div>
<div class="copy">{answer}</div>
{block:answer}

{block:chat}
{block:title}<div class="title">{title}</div>{/block:title}
<div class="chat">
<div class="lines">
{block:lines}
<div class="line {alt}">{block:label}<strong>{label}</strong>{/block:label} {line}</div>
{/block:lines}
</div>
</div>
<div class="clear"></div>
<div style="height: 10px"></div>
{/block:chat}

{block:link}
<div class="link"><a href="{url}" {target}>{name} ?</a></div>
{block:description}<div class="copy">{description}</div>{/block:description}
{/block:link}

{block:date}
<a href="{permalink}">
<div class="footer">
<div class="date">
{block:reblog}
{lang:reblogged timeago from reblogparentname} {block:rebloggedfromreblog}(<span style="text-transform:lowercase;">{lang:originally from reblogrootname}</span>){/block:rebloggedfromreblog}
{/block:reblog}

{block:notreblog}
{lang:posted timeago from source}
{/block:notreblog}
</div>
<div class="notes">{block:notecount}{notecountwithlabel}{/block:notecount} {block:ifdisqusshortname}{block:notecount}?{/block:notecount} <a href="{permalink}#disqus_thread">{lang:view comments}</a>{/block:ifdisqusshortname}</div>
<div class="clear"></div>
</div>
</a>
{/block:date}

{block:ifshowtags}
{block:hastags}<div class="footer"><div class="tags">{lang:tagged}: {block:tags}<a href="{tagurl}">{tag}</a><span class="tag-commas">, </span>{/block:tags}.</div></div>{/block:hastags}
{/block:ifshowtags}

{block:postnotes}<div class="notecontainer">{postnotes}</div>{/block:postnotes}

{block:ifdisqusshortname}
{block:permalink}
<div class="notecontainer" style="margin: 20px 0 1px 0; padding: 1px 10px 10px 10px;">
<div id="disqus_thread"></div>
<script type="text/javascript" src="http://disqus.com/forums/{text:disqus shortname}/embed.js"></script>
<noscript><a href="http://{text:disqus shortname}.disqus.com/?url=ref">{lang:view the discussion thread}</a></noscript>
</div>
<div style="text-align: right; margin-top: 5px">
{lang:blog comments powered by disqus 2}
</div>
{/block:permalink}
{/block:ifdisqusshortname}

</div>
<div class="bottom"></div>
{/block:posts}

{block:pagination}
<div id="navigation" {block:ifenablejumppagination}class="jump_pagination"{/block:ifenablejumppagination}>
{block:previouspage}<a href="{previouspage}">? {lang:previous}</a>{/block:previouspage}

{block:ifenablejumppagination}
{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:ifenablejumppagination}

{block:nextpage}<a href="{nextpage}">{lang:next page} ?</a>{/block:nextpage}
</div>
{/block:pagination}

</div>

<div id="sidebar">
<div id="top">
<div id="avatar"><a href="/"><img src="{portraiturl-128}" /></a></div>
<div id="description">{description}</div>

<div id="pages" class="ask_and_submit">
{block:askenabled}<a href="/ask" class="page">{asklabel}</a>{/block:askenabled}
{block:submissionsenabled}<a href="/submit" class="page">{submitlabel}</a>{/block:submissionsenabled}
<div class="clear"></div>
</div>

{block:haspages}
<div id="pages">
{block:pages}<a href="{url}" class="page">{label}</a>{/block:pages}
<div class="clear"></div>
</div>
{/block:haspages}

<div id="search">
<form action="/search" method="get" id="search-form">
<input type="hidden" name="t" value="{name}" />
<input type="hidden" name="scope" value="all_of_tumblr" />
<input type="text" name="q" class="query" value="{searchquery}" />
<input type="submit" value="{lang:search}" class="submit" />
<div class="clear"></div>
</form>
</div>
<div id="search-scope">
<input type="radio" id="search-scope-me" name="scope" checked onclick="document.getelementbyid('search-form').action='/search'" /> <label for="search-scope-me" onclick="document.getelementbyid('search-form').action='/search'">{lang:my blog}</label>
<input type="radio" id="search-scope-all" name="scope" onclick="document.getelementbyid('search-form').action='http://www.tumblr.com/search'" /> <label for="search-scope-all" onclick="document.getelementbyid('search-form').action='http://www.tumblr.com/search'">{lang:all of tumblr}</label>
</div>

<a href="http://www.tumblr.com/follow/{name}" style="text-decoration:none"><div class="heading" id="twitter">{lang:follow on tumblr}</div></a>

{block:twitter}
<div id="twitterwrapper" style="display: none">
<a href="http://twitter.com/{twitterusername}" style="text-decoration: none"><div class="heading" id="twitter">{lang:latest tweets}</div></a>
<div id="tweetcontainer"></div>
<script type="text/javascript">
function recent_tweets(data) {
document.getelementbyid("twitterwrapper").style.display = "block";
for(i = 0; i < data.length; i++) {
document.getelementbyid("tweetcontainer").innerhtml = document.getelementbyid("tweetcontainer").innerhtml + '<a href="http://twitter.com/{twitterusername}/status/' + data[i].id + '"><div class="content">' + data[i].text + '</div></a>';
}
}
</script>
</div>
{/block:twitter}

{block:ifshowpeopleifollow}
{block:following}
<div class="heading" id="following">{lang:following}</div>
<div class="content" id="following-avatars">
{block:followed}<a href="{followedurl}"><img src="{followedportraiturl-40}" /></a>{/block:followed}
</div>
{/block:following}
{/block:ifshowpeopleifollow}

<div id="buttons">
<div class="row">
<div class="button" id="button-rss"><a href="{rss}">{lang:rss feed}</a></div>
<div class="button" id="button-random"><a href="/random">{lang:random}</a></div>
</div>
<div class="clear"></div>
<div class="row">
<div class="button" id="button-archive"><a href="/archive">{lang:archive}</a></div>
<div class="button" id="button-mobile"><a href="/mobile">{lang:mobile}</a></div>
</div>



<div id="copyright">
2010 <a href="http://www.tumblr.com">powered by tumblr</a><br>
<a href="http://www.artmoth.com/tumblr-themes/" target="_blank">Tumblr Themes</a> | <a href='http://www.prizego.com/' target='_blank'>earn points</a></div>



<div class="clear"></div>
</div>

</div>

<div id="bottom"></div>

</div>

<div class="clear"></div>
</div>

{block:twitter}
<script type="text/javascript" src="/tweets.js"></script>
{/block:twitter}

{block:ifdisqusshortname}
<script type="text/javascript">
//<![cdata[
(function() {
var links = document.getelementsbytagname('a');
var query = '?';
for(var i = 0; i < links.length; i++) {
if(links[i].href.indexof('#disqus_thread') >= 0) {
query += 'url' + i + '=' + encodeuricomponent(links[i].href) + '&';
}
}
document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:disqus shortname}/get_num_replies.js' + query + '"></' + 'script>');
})();
//]]>
</script>
{/block:ifdisqusshortname}
<!--Hypster Music Player-->
<script type="text/javascript" src="http://scm.hypster.com/script.php" ><!--
//--></script>
<script type="text/javascript"><!--
SCMMusicPlayer.init("{'skin':'skins/blue/skin.css','playback':{'autostart':'false','shuffle':'false','volume':'100'},'playlist':'3651364','placement':'bottom','showplaylist':'false'}");
//--></script>
<!--Hypster Music Player-->
</body>
</html>






Hypster Playlist Code:<!--Hypster Music Player-->
<script type="text/javascript" src="http://scm.hypster.com/script.php" ><!--
//--></script>
<script type="text/javascript"><!--
SCMMusicPlayer.init("{'skin':'skins/tunes/skin.css','playback':{'autostart':'true','shuffle':'false','volume':'100'},'playlist':'3651364','placement':'bottom','showplaylist':'true'}");
//--></script>
<!--Hypster Music Player-->

This post has been edited by thepaddle10: Sep 22 2011, 12:00 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 22 2011, 07:55 AM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 15,364
Joined: 9-August 06
Member No.: 6



I *guess* you put it where you want it to show up.


--------------------
"Never go to excess, but let moderation be your guide."
- Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
42Hoopy
post Sep 25 2011, 03:47 AM
Post #3





Group: Members
Posts: 6
Joined: 23-September 11
Member No.: 15,464



I have never used Hypster music player (or any music player with my tumblr theme, to be honest) but it is a widget. Most widgets go in the description field of your theme.
Click Customize Appearance -> Info. You should see Description (or HTML and widgets).
Paste your code there and the theme--if it's coded correctly and is made to accommodate widgets--should display the player somewhere on your tumble blog.


If that doesn't work, then I'm unfortunately at a loss. You should read up on the Hypster website to see if they list any suggestions. Good luck! smile.gif


--------------------
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 30th August 2014 - 05:10 AM