Thème Tumblr HTML - Recherche de balises sous le message

Question

Alors voici mon problème. J'ai mis la main sur un thème Tumblr prédéfini, mais il ne contenait pas tout ce que je voulais, alors je suis allé sur le Web et j'ai trouvé des instructions pièce par pièce pour ajouter ce que je voulais. Une chose que je voulais était que mes tags apparaissent sous mon message.

À l'origine, je plaçais mon bloc HasTags à la toute fin du bloc Posts, mais mes balises pour l'ensemble de la page apparaissaient en haut de la page. Après un peu plus de recherches, j'ai finalement placé des blocs HasTags à la fin de chaque bloc de type post individuel. Cela a mis mes tags avec mes posts, mais ils apparaissent surtout avant les légendes et les sources.

Je voudrais que les tags apparaissent en dessous de tout, comme la plupart des autres 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 href="{Permalink}"><h3>{Title}</h3></a>
              {/block:Title}
              {Body}
              <br> {block:HasTags}
   {block:Tags}
       #<a class="tag" href="{TagURL}">{Tag}</a>
   {/block:Tags}
{/block:HasTags}
        {/block:Text}

        {block:Photo}
            <div id="photo">
                {block:IndexPage}
                {Block:IfNotSwitchPhotoPostHoverStyle}
                <a href="{Permalink}"><div id="gradient"></div></a>
                {block:Date}
                <div id="hover"><div id="background"></div>  
                  {block:NoteCount}
                  <a href="{Permalink}" class="N">{NoteCount}</a> 
                  {/block:NoteCount}
                  <a href="{Permalink}" class="T">
                  {DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}
                  </a>
                  <a 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 href="{Permalink}" class="N">{NoteCount}</a><br />
                  {/block:NoteCount}
                  <a href="{Permalink}" class="T">
                  {DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}
                  </a>
                  <a href="{ReblogURL}" class="R">Reblog</a> 
                  {block:RebloggedFrom}
                  <a href="{ReblogRootURL}" class="S">Source</a> 
                  {/block:RebloggedFrom}
                  </div>
                </div>
                {/block:Date}
                {/Block:IfSwitchPhotoPostHoverStyle}

                <a 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" 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" href="{TagURL}">{Tag}</a>
   {/block:Tags}
{/block:HasTags}
        {/block:Photoset}

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

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

        {block:Link}
              <a 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" href="{TagURL}">{Tag}</a>
   {/block:Tags}
{/block:HasTags}
        {/block:Link}

        {block:Audio}
              <div id="audio_box">
              <a href="{Permalink}"><div id="gradient"></div></a>
              <div class="album{block:AlbumArt}art{/block:AlbumArt}">
              {block:AlbumArt}
              {block:IndexPage}<a 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" href="{TagURL}">{Tag}</a>
   {/block:Tags}
{/block:HasTags}
        {/block:Audio}

        {block:Chat}
              {block:Title}
                  <a 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" 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" href="{TagURL}">{Tag}</a>
   {/block:Tags}
{/block:HasTags}
        {/block:Video}

        {block:Answer}
          <div id="question">
              <img src="{AskerPortraitURL-64}" />
              <a 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" 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 href="{ReblogRootURL}" target="_blank">
                  {ReblogRootName}</a></li>
                  {/block:RebloggedFrom} 
                  {block:HighRes} 
              <li><a href="{PhotoURL-HighRes}" target="_blank">
                  High-Res</a></li>
                  {/block:HighRes}
                  {block:ExternalAudio}
              <li><a 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}

Answer 1

Comme répondu par OP

Je l'ai compris! Yayyy! J'ai supprimé tous les blocs HasTag des blocs de publication individuels. Au lieu d'ajouter le bloc HasTags juste avant {/block:Posts}, je l'ai inséré juste avant le <!-- end #post --> à l'intérieur du </div> déjà existant.

J'ai également ajouté un &nbsp parce que mes balises n'étaient pas espacées du tout. Alors maintenant, j'ai les balises sous les légendes et les sources.

C'était un coup de chance dans le noir, mais ça a fonctionné!

Ci-dessus se trouvent tous les différents blocs postaux comme ce dernier.