EzDevInfo.com

Making notes visible when using a Tumblr theme that doesn't show them

I have just created a Tumblr blog using the Indy theme. After creating a new post, I noticed that the notes do not show up, just a short line.

I tried searching for an option to make the notes visible, but I could not find it. As it was pointed out, apparently not all themes display notes.

How do I make the notes visible if using the Indy theme? What changes do I have to make to its HTML? Here is my blog if you need to see what I am talking about: empathetic-moose.tumblr.com Thank you.

Tumblr appends javascript at end of post

Can you identify what the following javascript does? And better, where does it come from?

Frequently, as I make a text post on Tumblr, this gets appended at the end. It doesn't appear in the WYSIWYG editor at all, but shows up as series of small gray boxes at the end of post when published, and shows up if I click "HTML" in the editor - the following code appears below the actual text of the post in the editable raw source of the post.

Is this some Firefox extension messing the editor up? Some virus? A Tumblr bug? Some kind of feature I don't know about? Normally I always edit the code and strip this manually, but I'd prefer to know how it got there in the first place...

    <script type="text/javascript">// <![CDATA[
    // <![CDATA[
    function decodeContentTags(str) {
        var div = document.createElement("div");
        div.innerHTML = str;
        return div.innerHTML;
    }
    // ]]]]><![CDATA[>
    // ]]></script>
    <script type="text/javascript">// <![CDATA[
    // <![CDATA[
    function newTagLinks(postID, tags) {
        tag = tags.split(",");
        postTags = "post_tags_" + postID;
        $(postTags).innerHTML = "";
        for (i = 0; i < tag.length; i++) {
        var addLabel = document.createElement("a");
        addLabel.setAttribute("href", "/tagged/" + tag[i]);
        addLabel.innerHTML = "#" + tag[i];
        $(postTags).appendChild(addLabel);
        }
    }
    // ]]]]><![CDATA[>
    // ]]></script>
    <script type="text/javascript">// <![CDATA[
    // <![CDATA[
    function displayTags(postID) {
        existingTags = "";
        hasTags = true;
        if (String($("post_tags_" + postID)) != "null") {
        for (i = 0; i < $("post_tags_" + postID).childElements().length; i++) {
            existingTags += $("post_tags_" + postID).down(i).innerHTML.substr(1) + ",";
        }
        }
        existingTags = existingTags.slice(0, -1);
        tags = prompt("Tags", existingTags);
        if (tags != null) {
        $("tagEdit-" + postID).innerHTML = "working...";
        $("tagEdit-" + postID).removeAttribute("onClick");
        editTags(postID, tags);
        }
    }
    // ]]]]><![CDATA[>
    // ]]></script>
    <script type="text/javascript">// <![CDATA[
    // <![CDATA[
    function editTags(postID, tags) {
        var editPost = "/edit/" + postID;
        new Ajax.Request(editPost, {onSuccess: function (response) {r = response.responseText;dataStart = r.indexOf("<form");dataEnd = r.indexOf("");html = r.substring(dataStart, dataEnd);var inputs = html.match(/<input[^>]*>/g);var textareas = html.match(/<textarea[^>]*>[^<]*<\/textarea>/g);var params = {};var name;for (i = 0; i < inputs.length; i++) {name = inputs[i].match(/name="([^"]*)"/);if (name) {if (String(inputs[i].match(/value="([^"]*)"/)) == "null") {params[name[1]] = null;} else {params[name[1]] = decodeContentTags(inputs[i].match(/value="([^"]*)"/)[1]).unescapeHTML();}}}for (i = 0; i < textareas.length; i++) {name = textareas[i].match(/name="([^"]*)"/);if (name && !/id="custom_tweet"/.test(textareas[i])) {params[name[1]] = decodeContentTags(textareas[i].replace(/<(?!\s*\/?\s*p\b)[^>]*>/gi, "")).unescapeHTML();}}params['post[tags]'] = tags;delete params['post[promotion_type]'];delete params.preview_post;new Ajax.Request(editPost, {method: "post", parameters: params, onSuccess: function (transport) {newTagLinks(postID, tags);$("tagEdit-" + postID).innerHTML = "done!";$("tagEdit-" + postID).setAttribute("onClick", "displayTags(" + postID + ")");setTimeout(function () {$("tagEdit-" + postID).innerHTML = "edit tags";}, 1500);}, onFailure: function () {$("tagEdit-" + postID).innerHTML = "x_x";$("tagEdit-" + postID).setAttribute("title", "Please reload!");}});}});
    }
    // ]]]]><![CDATA[>
    // ]]></script>
    <script type="text/javascript">// <![CDATA[
    // <![CDATA[
    function addTagEdit(postControl, postID) {
        var addLabel = document.createElement("a");
        addLabel.setAttribute("id", "tagEdit-" + postID);
        addLabel.setAttribute("style", "cursor: pointer;");
        addLabel.setAttribute("onClick", "displayTags(" + postID + ")");
        addLabel.innerHTML = "edit tags";
        postControl.appendChild(addLabel);
    }
    // ]]]]><![CDATA[>
    // ]]></script>
    <script type="text/javascript">// <![CDATA[
    // <![CDATA[
    function getPostsTags(startNum) {
        var allPosts = $$("li.is_mine.:not(li.new_post)");
        for (var i = startNum; i < allPosts.length; i++) {
        postID = allPosts[i].getAttribute("id").substr(5);
        addTagEdit(allPosts[i].down().next(), postID);
        }
        return allPosts.length + startNum;
    }
    // ]]]]><![CDATA[>
    // ]]></script>
    <script type="text/javascript">// <![CDATA[
    // <![CDATA[
    (function mainTags() {
        var startNum = 0;
        var pageLength = $$("li.is_mine.:not(li.new_post)").length;
        startNum = getPostsTags(startNum);
        Ajax.Responders.register({onLoaded: function () {checkPage = setInterval(function () {var newLength = $$("li.is_mine.:not(li.new_post)").length;if (pageLength < newLength) {getPostsTags(pageLength);pageLength = newLength;}window.clearInterval(checkPage);return;}, 5000);}});
    })();
    // ]]]]><![CDATA[>
    // ]]></script>

Tumblr theme doubling photos and videos

Photos are being doubled in posts that have 2 or more photos in them. Videos are also doing this. How do I fix this? (example here)

Tumblr Theme HTML - Want Tags Below Post

So here's my problem. I got my hands on a premade Tumblr theme, but it didn't quite have everything I wanted, so I went to the web and found instructions piece-by-piece to add what I wanted. One thing that I wanted was my tags to show up beneath my post.

I originally put my HasTags block at the very end of the Posts block, but my tags for the entire page were showing up at the top of the page. After a little more research, I eventually put HasTags blocks at the end of every individual post-type block. This put my tags with my posts, but they mostly show up before captions and sources.

I would like the tags to show up below everything, like most other blogs.

{block:Posts}
            <div id="post" 
                {block:Video}class="video"{/block:Video}
                {block:Photoset}class="photoset"{/block:Photoset}>
            <div id="background"></div>    

        {block:Text}
              {block:Title}
                  <a rel='nofollow' href="{Permalink}"><h3>{Title}</h3></a>
              {/block:Title}
              {Body}
              <br> {block:HasTags}
   {block:Tags}
       #<a class="tag" rel='nofollow' href="{TagURL}">{Tag}</a>
   {/block:Tags}
{/block:HasTags}
        {/block:Text}

        {block:Photo}
            <div id="photo">
                {block:IndexPage}
                {Block:IfNotSwitchPhotoPostHoverStyle}
                <a rel='nofollow' href="{Permalink}"><div id="gradient"></div></a>
                {block:Date}
                <div id="hover"><div id="background"></div>  
                  {block:NoteCount}
                  <a rel='nofollow' href="{Permalink}" class="N">{NoteCount}</a> 
                  {/block:NoteCount}
                  <a rel='nofollow' href="{Permalink}" class="T">
                  {DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}
                  </a>
                  <a rel='nofollow' href="{ReblogURL}" class="R">Reblog</a>  
                </div>
                {/block:Date}
                {/Block:IfNotSwitchPhotoPostHoverStyle}

                {Block:IfSwitchPhotoPostHoverStyle}
                {block:Date}
                <div id="hover"><div id="background"></div>  
                  <div id="links">
                  {block:NoteCount}
                  <a rel='nofollow' href="{Permalink}" class="N">{NoteCount}</a><br />
                  {/block:NoteCount}
                  <a rel='nofollow' href="{Permalink}" class="T">
                  {DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}
                  </a>
                  <a rel='nofollow' href="{ReblogURL}" class="R">Reblog</a> 
                  {block:RebloggedFrom}
                  <a rel='nofollow' href="{ReblogRootURL}" class="S">Source</a> 
                  {/block:RebloggedFrom}
                  </div>
                </div>
                {/block:Date}
                {/Block:IfSwitchPhotoPostHoverStyle}

                <a rel='nofollow' href="{Permalink}">
                <img src="{PhotoURL-500}"/></a>
                {/block:IndexPage}

                    {block:PermalinkPage}
                    <center><img src="{PhotoURL-HighRes}"/></center>   
                    {/block:PermalinkPage}
            </div>
           <br> {block:HasTags}
   {block:Tags}
       #<a class="tag" rel='nofollow' href="{TagURL}">{Tag}</a>
   {/block:Tags}
{/block:HasTags}
        {/block:Photo}

        {block:Photoset}
                    {block:IndexPage}
                    <center>{Photoset-400}</center> 
                    {/block:IndexPage}

                    {block:PermalinkPage}
                    <center>{Photoset-500}</center>   
                    {/block:PermalinkPage}
                    <br> {block:HasTags}
   {block:Tags}
       #<a class="tag" rel='nofollow' href="{TagURL}">{Tag}</a>
   {/block:Tags}
{/block:HasTags}
        {/block:Photoset}

        {block:Quote}
              <div id="quote">
              <div id="quote_symbol">,,</div>
              <a rel='nofollow' href="{Permalink}"><h3>{Quote}</h3></a>

              {block:Source}
                  <div class="source">{Source}</div>
              {/block:Source}
              </div>
              <br> {block:HasTags}
   {block:Tags}
       #<a class="tag" rel='nofollow' href="{TagURL}">{Tag}</a>
   {/block:Tags}
{/block:HasTags}
        {/block:Quote}

        {block:Link}
              <a rel='nofollow' href="{URL}" class="link" {Target}><h3>
              {Name}</h3></a>
              {block:Description}
                  <div class="description">{Description}</div>
              {/block:Description}
              <br> {block:HasTags}
   {block:Tags}
       #<a class="tag" rel='nofollow' href="{TagURL}">{Tag}</a>
   {/block:Tags}
{/block:HasTags}
        {/block:Link}

        {block:Audio}
              <div id="audio_box">
              <a rel='nofollow' href="{Permalink}"><div id="gradient"></div></a>
              <div class="album{block:AlbumArt}art{/block:AlbumArt}">
              {block:AlbumArt}
              {block:IndexPage}<a rel='nofollow' href="{Permalink}">{/block:IndexPage}
              <img src="{AlbumArtURL}" />
              {block:IndexPage}</a>{/block:IndexPage} 
              {/block:AlbumArt}</div>
              <div id="{postID}" class="audio 
                                {block:AlbumArt}short{/block:AlbumArt}
                                ">
                  {block:IndexPage}
                       {AudioPlayerBlack}
                  {/block:IndexPage}

                  {block:PermalinkPage}
                      {block:ifDarkorlightversion}
                          {AudioPlayerBlack}
                      {/block:ifDarkorlightversion}
                      {block:ifNotDarkorlightversion}
                          {AudioPlayerWhite}
                      {/block:ifNotDarkorlightversion}
                  {/block:PermalinkPage}
              </div>
              {block:PermalinkPage}
              <ul class="artist_info">
                      {block:Artist}
                  <li>{Artist}</li>
                      {/block:Artist}
                      {block:Album}
                  <li>{Album}</li>
                      {/block:Album}
                      {block:TrackName}
                  <li>{TrackName}</li>
                      {/block:TrackName}
              </ul>{/block:PermalinkPage}
              <div class="clear"></div>
              </div>
              <br> {block:HasTags}
   {block:Tags}
       #<a class="tag" rel='nofollow' href="{TagURL}">{Tag}</a>
   {/block:Tags}
{/block:HasTags}
        {/block:Audio}

        {block:Chat}
              {block:Title}
                  <a rel='nofollow' href="{Permalink}"><h3>{Title}</h3></a>
              {/block:Title}
              <ul id="chat">
                  {block:Lines}
                      <li class="{Alt} user_{UserNumber}">
                          {block:Label}
                              <span class="label">{Label}</span>
                          {/block:Label}

                          {Line}
                      </li>
                  {/block:Lines}
              </ul>
              <br> {block:HasTags}
   {block:Tags}
       #<a class="tag" rel='nofollow' href="{TagURL}">{Tag}</a>
   {/block:Tags}
{/block:HasTags}
        {/block:Chat}

        {block:Video}
           <div id="video">
              <center>{Video-500}</center>
           </div>
           <br> {block:HasTags}
   {block:Tags}
       #<a class="tag" rel='nofollow' href="{TagURL}">{Tag}</a>
   {/block:Tags}
{/block:HasTags}
        {/block:Video}

        {block:Answer}
          <div id="question">
              <img src="{AskerPortraitURL-64}" />
              <a rel='nofollow' href="{Permalink}" title="Got to Permalink page">
              <p><span>{Asker}:</span><br/>
              {Question}</p></a>
              <div class="clear"></div>
          </div>
          <div id="answer">
              {Answer}
              <div class="clear"></div>
          </div>
          <br> {block:HasTags}
   {block:Tags}
       #<a class="tag" rel='nofollow' href="{TagURL}">{Tag}</a>
   {/block:Tags}
{/block:HasTags}
        {/block:Answer}

        {Block:IfShowPostCaptions} 
        {block:IndexPage}
        {block:Date} 
            {block:Caption}
                <div class="caption">{Caption}</div>
            {/block:Caption}
        {/block:Date} 
        {/block:IndexPage}
        {/Block:IfShowPostCaptions} 


        </div><!-- end #post -->

            {block:PermalinkPage}
            {block:Date}
            <div id="info">
            {block:Caption}
            <div class="caption">
                <div id="background"></div> 
                {Caption}
            </div>{/block:Caption}

            <div class="info_list">
              <div id="background"></div> 
              <ul>
                  {block:NoteCount}
              <li>{NoteCountWithLabel}</li>
                  {/block:NoteCount}
              <li>{DayOfMonthWithZero} {Month} {Year}</li>
                  {block:RebloggedFrom} 
              <li><a rel='nofollow' href="{ReblogRootURL}" target="_blank">
                  {ReblogRootName}</a></li>
                  {/block:RebloggedFrom} 
                  {block:HighRes} 
              <li><a rel='nofollow' href="{PhotoURL-HighRes}" target="_blank">
                  High-Res</a></li>
                  {/block:HighRes}
                  {block:ExternalAudio}
              <li><a rel='nofollow' href="{ExternalAudioURL}" target="_blank">
                  Download</a></li>
                  {/block:ExternalAudio}
              </ul>
            </div>

            {block:PostNotes} 
            <div class="notes_box">
                <div id="background"></div> 
                {PostNotes}
                <div class="clear"></div>
            </div>
            </div>
            {/block:PostNotes} 
            {/block:Date}
            {/block:PermalinkPage}  

{/block:Posts}

How can I get my Tumblr theme to separate tags with commas?

At the end of every post type in my Tumblr theme, I've got this code:

<p class="permalink">
   <a rel='nofollow' href="{Permalink}">{NoteCountWithLabel}</a>
   {block:HasTags} &nbsp;&nbsp; # filed under:
      {block:Tags}  
         <a rel='nofollow' href="{TagURL}">{Tag}</a>
      {/block:Tags}
   {/block:HasTags}
</p>

(I know the   bit is not exactly a class act. It was my four second workaround, and it's not the purpose of this question, so bear with me!)

On a post with multiple tags, that yields:

If I just add a comma after {Tag}, making it <a rel='nofollow' href="{TagURL}">{Tag},</a>, I get:

The last tag has an extraneous comma, and posts with only one tag would show the extra comma under this method, as well.

How do I add just the right number of commas?

Update:

Jeremy's answer below did what I wanted. But, in an attempt to get fancy be "standards-compliant" (though I don't know why anyone using IE8 would read my tumblr), I attempted to implement w3d's suggestion. So now the CSS looks like:

a.tag:before {
  content:", ";
}
a.tag:first-child:before {
  content:"";
}

The result is now:

(n.b.: the line break is unrelated - I added that on purpose.)

So. What went wrong?

Making tags visible when using a Tumblr theme that doesn't show them

I have just created a Tumblr blog using the Fluid theme. After creating a new post, I added a few tags, but then I noticed that the tags do not show up along with the post.

I tried searching for an option to make the tags visible, but I could not find it. As it was pointed out, apparently not all themes display the tags.

How do I make the tags visible if using the Fluid theme? What changes do I have to make to its HTML?

Tumblr tags are showing below the posts instead of inside the box

I edited a Tumblr layout to show tags on each post but for some reason the tags are showing up below the post boxes, and right above the next post.

The code I have for the layout is as below (truncated):

{block:Posts}
    {block:Text}
       <li class="post text">
           <!-- HTML layout for Text posts -->
       </li>
    {/block:Text}

    {block:Photo}
       <li class="post photo">
           <!-- HTML layout for Photos -->
       </li>
    {/block:Photo}

    {block:Quote}
       <li class="post quote">
           <!-- HTML layout for quotes -->
       </li>
    {/block:Quote}

    {block:Link}
       <li class="post link">
           <!-- HTML layout for link posts -->
       </li>
    {/block:Link}

    <!-- etc. -->

    {block:HasTags}
        {block:Tags}
            <a rel='nofollow' href="{TagURL}">{Tag}</a>
        {/block:Tags}
    {/block:HasTags}
{/block:Posts}

I can't seem to figure out how/where to edit the theme so the tags show up within the post container and not floating outside and into the next post.

Go Back to Default Tumblr Layout

So after gratuitous theme installations and customizations my tumblr site just isn't looking how I want it to. I've decided to just do the theme myself, but now I have one on there with all this extra stuff.

How can I go back to default layout so I have a clean slate to work on?

How can I make tags visible using this tumblr theme?

I've made several attempts to add tags to my tumblr posts, but each time I try to edit the theme I end up with a list of tags across the top of my blog instead of included in each seperate post. Can anyone tell me how to edit the theme below to add tags to my posts?

<!-- {block:Posts} -->

        <!-- DATES -->

        <!-- {block:NewDayDate} -->
        <div class="entry date">
            <div class="icon">
                <a class="permalink" rel='nofollow' href="/archive/{Year}/{MonthNumber}"></a>
            </div><!-- /.icon -->
            <div class="content">
                <div class="caption">
                    <p><a rel='nofollow' href="/archive/{Year}/{MonthNumber}">{Month} {DayOfMonth} {Year}</a></p>
                </div><!-- /.caption -->
            </div><!-- /.content -->
        </div><!-- /.entry .date -->
        <!-- {/block:NewDayDate} -->

        <!-- PHOTO -->
        <!-- {block:Photo} -->
        <div class="post photo" id="p_{PostID}">
            <div class="icon">
                <a class="permalink" rel='nofollow' href="{Permalink}"></a>
                {block:HighRes}<a rel='nofollow' href="{PhotoURL-HighRes}" rel="lightbox" class="zoom"></a>{/block:HighRes}
                {block:IndexPage}
                {block:NoteCount}<a rel='nofollow' href="{Permalink}" class="notes">*{NoteCount}<br></a>{/block:NoteCount}
                {/block:IndexPage}
            </div>
            <div class="content">
                <div class="the_photo">
                    <div class="photo_inner photo_loading">
                    {LinkOpenTag}<img src="{PhotoURL-500}" class="faint" alt="{PhotoAlt}"/>{LinkCloseTag}
                    </div>
                </div><!-- .the_photo -->
                <!--{block:Caption}-->
                <div class="caption">
                    <p>{Caption}</p>
                    {block:Date}{block:IfDisqusShortname}<p><a rel='nofollow' href="{Permalink}#disqus_thread"></a></p>{block:IfDisqusShortname}{/block:Date}
                </div><!-- /.caption -->
                <!--{/block:Caption}-->
            </div><!-- /.content -->
        </div><!-- /.post .photo -->        

        <!-- VIDEO -->

        <!-- {block:Video} -->
        <div class="post video" id="p_{PostID}">
            <div class="icon">
                <a class="permalink" rel='nofollow' href="{Permalink}"></a>
                {block:IndexPage}
                {block:NoteCount}<a rel='nofollow' href="{Permalink}" class="notes">*{NoteCount}<br></a>{/block:NoteCount}
                {/block:IndexPage}
            </div><!-- /.icon -->
            <div class="content">
                <div class="player">{Video-500}</div>
                <!--{block:Caption}-->
                <div class="caption">
                    <p>{Caption}</p>
                    {block:Date}{block:IfDisqusShortname}<p><a rel='nofollow' href="{Permalink}#disqus_thread"></a></p>{block:IfDisqusShortname}{/block:Date}
                </div><!-- /.caption -->
                <!--{/block:Caption}-->
            </div><!-- /.content -->
        </div><!-- /.post .video -->
        <!-- {/block:Video} -->

        <!-- LINK -->

        <!-- {block:Link} -->
        <div class="post link" id="p_{PostID}">
            <div class="icon">
                <a class="permalink" rel='nofollow' href="{Permalink}"></a>
                {block:IndexPage}
                {block:NoteCount}<a rel='nofollow' href="{Permalink}" class="notes">*{NoteCount}<br></a>{/block:NoteCount}
                {/block:IndexPage}
            </div><!-- /.icon -->
            <div class="content">
                <div class="caption">
                    <h3><a rel='nofollow' href="{URL}" {Target}>{Name}</a></h3>
                    <p><span class="description">{Description}</span></p>
                    {block:Date}{block:IfDisqusShortname}<p><a rel='nofollow' href="{Permalink}#disqus_thread"></a></p>{block:IfDisqusShortname}{/block:Date}
                </div><!-- /.caption -->
            </div><!-- /.content -->
        </div><!-- /.post .link -->
        <!-- {/block:Link} -->

        <!-- REGULAR -->

        <!-- {block:Regular} -->
        <div class="post regular" id="p_{PostID}">
            <div class="icon">
                <a class="permalink" rel='nofollow' href="{Permalink}"></a>
                {block:IndexPage}
                {block:NoteCount}<a rel='nofollow' href="{Permalink}" class="notes">*{NoteCount}<br></a>{/block:NoteCount}
                {/block:IndexPage}
            </div><!-- /.icon -->
            <div class="content">
                <div class="caption">
                    <h3><a rel='nofollow' href="{Permalink}">{Title}</a></h3>
                    <p>{Body}</p>
                    {block:Date}{block:IfDisqusShortname}<p><a rel='nofollow' href="{Permalink}#disqus_thread"></a></p>{block:IfDisqusShortname}{/block:Date}
                </div><!-- /.caption -->
            </div><!-- /.content -->
        </div><!-- /.post .regular -->
        <!-- {/block:Regular} -->

        <!-- QUOTE -->

        <!-- {block:Quote} -->
        <div class="post quote" id="p_{PostID}">
            <div class="icon">
                <a class="permalink" rel='nofollow' href="{Permalink}"></a>
                {block:IndexPage}
                {block:NoteCount}<a rel='nofollow' href="{Permalink}" class="notes">*{NoteCount}<br></a>{/block:NoteCount}
                {/block:IndexPage}
            </div><!-- /.icon -->
            <div class="content">
                <div class="caption">
                    <p class="the_quote {Length}"><span class="quote_mark">"</span>{Quote}<span class="quote_mark">"</span></p>
                    <!-- {block:Source} -->
                    <p class="source">{Source}</p>
                    <!-- {/block:Source} -->
                    {block:Date}{block:IfDisqusShortname}<p><a rel='nofollow' href="{Permalink}#disqus_thread"></a></p>{block:IfDisqusShortname}{/block:Date}
                </div><!-- /.caption -->
            </div><!-- /.content -->
        </div><!-- /.post .quote -->            
        <!-- {/block:Quote} -->

        <!-- AUDIO -->

        <!-- {block:Audio} -->
        <div class="post audio" id="p_{PostID}">
            <div class="icon">
                <a class="permalink" rel='nofollow' href="{Permalink}"></a>
                {block:ExternalAudio}<a rel='nofollow' href="{ExternalAudioURL}" class="download"></a>{/block:ExternalAudio}
                {block:IndexPage}
                {block:NoteCount}<a rel='nofollow' href="{Permalink}" class="notes">*{NoteCount}<br></a>{/block:NoteCount}
                {/block:IndexPage}
            </div><!-- /.icon -->
            <div class="content">
                <div class="the_player">{AudioPlayerGrey}</div>
                <div class="caption">
                    <p>{Caption}</p>
                    {block:Date}{block:IfDisqusShortname}<p><a rel='nofollow' href="{Permalink}#disqus_thread"></a></p>{block:IfDisqusShortname}{/block:Date}
                </div><!-- /.caption -->
            </div><!-- /.content -->
        </div><!-- /.post .quote -->
        <!-- {/block:Audio} -->

        <!-- CONVERSATION -->

        <!-- {block:Conversation} -->
        <div class="post conversation" id="p_{PostID}">
            <div class="icon">
                <a class="permalink" rel='nofollow' href="{Permalink}"></a>
                {block:IndexPage}
                {block:NoteCount}<a rel='nofollow' href="{Permalink}" class="notes">*{NoteCount}<br></a>{/block:NoteCount}
                {/block:IndexPage}
            </div><!-- /.icon -->
            <div class="content">
                <div class="caption">
                    <!-- {block:Title} -->
                    <h3><a rel='nofollow' href="{Permalink}">{Title}</a></h3>
                    <!-- {/block:Title} -->
                    <p>
                        <ul>
                            <!-- {block:Lines} -->
                                <li>
                                    {block:Label}<span class="label {Alt}">{Label}</span>{/block:Label}
                                    {Line}
                                </li>
                                <!-- {/block:Lines} -->
                        </ul>
                    </p>
                    {block:Date}{block:IfDisqusShortname}<p><a rel='nofollow' href="{Permalink}#disqus_thread"></a></p>{block:IfDisqusShortname}{/block:Date}
                </div><!-- /.caption -->
            </div><!-- /.content -->
        </div><!-- /.post .conversation -->
        <!-- {/block:Conversation} --> 


        <!--{block:PermalinkPage}-->
        <!--{block:Date}-->
        <!--{block:PostNotes}-->
        <div class="entry post_notes">
            <div class="icon">
                <a class="permalink" rel='nofollow' href="{Permalink}"></a>
            </div><!-- /.icon -->
            <div class="content">
                <div class="caption">
                    <div class="the_notes">
                    {PostNotes}
                    </div>
                </div><!-- /.caption -->
            </div><!-- /.content -->
        </div><!-- /.entry .notes -->
        <!--{/block:PostNotes}-->

        <!--{block:IfDisqusShortname}-->
        <div class="entry">
            <div class="content">
                <div class="caption">
                    <div id="disqus_thread"></div>
                    <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
                    <noscript><a rel='nofollow' href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
                </div>
            </div>
        </div>
        <!--{/block:IfDisqusShortname}-->
        <!--{/block:Date}-->
        <!--{/block:PermalinkPage}-->           


        <!-- {/block:Posts} --> 

How do you display YouTube thumbnails instead of embedding the actual flash in Tumblr theme?

I would like to display YouTube thumbnail images instead of embedding the actual flash player in a Tumblr theme. But as soon as people click on the image, it starts loading the flash player and play the video.

The reason is that if the front page has 10 YouTube videos, it really loads very slow because it is loading all the flash players. It is a lot faster to load the thumbnails.

Creating a Tumblr with a theme that only displays a single page or post

I'm trying setup my Tumblr with a theme or template that will give me a super simple layout with only a few pieces of information displayed. I'm basically looking to recreate something similar to this ad agency site:

This would be super simple to just do in HTML, but I want to add a blog loop to the home page in a few months so I'd like to set up the Tumblr backend now.

Any ideas how I go about doing this?

How to show tags on Tumblr theme

I've looked a several questions on here that matched mine and tried doing the answers that were given. None of which worked for me. I don't know why.. Can somebody help me out?

I've put,

{block:HasTags}
    {block:Tags}
        <a rel='nofollow' href="{TagURL}">{Tag}</a>
    {/block:Tags}
{/block:HasTags}

Everywhere I can possibly think of.

Maybe my certain theme is overriding it?

Here's the code: http://pastebin.com/jiCbC4fN

I would also like to know how to add a simple, small picture right below my links. Here's my blog to show you what I am talking about: http://buriedlies.tumblr.com/ [NSFW]

Listing author's posts seperately on Tumblr

I'm new on Tumblr. And I have a group blog. There are 2 authors of this blog. I will design a 2-column theme and i want to list AUTHOR-A's posts on left side and AUTHOR-B's posts on right side. Basicly like this :

<div style="float:left">
    {listPostsOf:author-a}{/listPostsOf}
</div>
<div style="float:right">
    {listPostsOf:author-b}{/listPostsOf}
</div>

Is it possible to get author's posts seperately like this ? If it's not, maybe we can solve this problem with tags. I mean, AUTHOR-A adds author-a tag to its all posts, and AUTHOR-B adds author-b tag. And maybe we can get them like this :

<div style="float:left">
    {listTags:author-a}{/listTags}
</div>
<div style="float:right">
    {listTags:author-b}{/listTags}
</div>

Making Tumblr tags visible only on permalink page

I am currently using the Quite Big Tumblr theme. I have been able to add tags using these instructions among others, but would like to only have tags visible on permalink pages (for all post types).

How to remove duplicated posts from Tumblr theme

If you go to http://cargotheme.tumblr.com/ and click “Display as list”, you will see that all posts are duplicated. How should the theme be modified to fix this? (Theme source located here.)